Arquitetura da Informa��o (em Portugu�s)

[Horacio Soares <horacio.soares AT gmail.com>]

Próximas turmas em São Paulo (1 e 29/09) e no Rio de Janeiro (06/10):

- SÃO PAULO - 1 de setembro (Turma lotada).

Duração: 8h (das 9h às 18h)

Local: iMasters, na Alameda Santos, 2395 - Jardim Paulista - SP - CEP 01419-002,

- SÃO PAULO - 29 de setembro (sábado)

Duração: 8h (das 9h às 18h)

Local: à confirmar

Inscrições abertas

Investimento: R$ 400,00 (quatrocentos reais)
* Desconto para pagamento à vista: de 15% até o dia 14/09 (apenas para pessoa física).

- RIO DE JANEIRO – 6 de outubro (sábado)
Duração: 8h (das 9h às 18h)
Local: Instituto de Gestão e Comunicação, Av. Presidente Vargas, 534 - 15° andar - Centro – RJ (próximo a estação do metrô Uruguaiana). 
Inscrições abertas

Investimento: R$ 350,00 (trezentos e cinquenta reais)
* Desconto para pagamento à vista: de 15% até o dia 21/09 (apenas para pessoa física).

PROGRAMA:

Web Mobile: a qualquer hora, em qualquer lugar e nos contextos mais variados e improváveis...

Como projetar sites e aplicativos mobile que satisfaçam as necessidades das pessoas dentro de um universo tão variado de dispositivos, recursos, sistemas, padrões e navegadores?

Este curso não só fornecerá detalhes sobre como a web para mobile difere-se do desktop, como também serão apresentadas as técnicas, ferramentas, dicas e práticas sobre os elementos Mobile, seus padrões, exemplos de interfaces e estudos de caso, além de exercícios práticos de como projetar, prototipar, montar e testar sites/aplicativos Mobile em Smartphones e Tablets.

1) Professores

O Workshop será ministrado por:

Horacio Soares – palestrante, pesquisador e consultor em experiência do usuário, acessibilidade, usabilidade e Web Standards.

Thais Souza – Designer e Front-End Web e Mobile na M4U, é especialista em Design Mobile, usabilidade e experiência do usuário.

2) Público-alvo:

Designers, desenvolvedores, arquitetos de informação, profissionais de usabilidade e experiência do usuário e gerentes de projeto web.

3) Material Didático e Infraestrutura:

- Pen drive com as apresentações, vídeos e exercícios.
- Datashow.
- Wifi.
- Coffee Break.
- Grupo exclusivo no Facebook.
- Certificado.

4) Inscrições

Para inscrições e informações, envie e-mail para:

workshopmobile AT internativa.com.br

Informando nome completo do(s) aluno(s), telefone, cidade e se a inscrição é de pessoa física ou jurídica.

Telefone de contato: (21) 9925-5404

5) Conteúdo programático:

5.1) Introdução:

- Por que Mobile?
- Estatísticas de uso de Smartphones e Tablets
- Como os usuários utilizam Mobile?
- Capacidades/vantagens do Mobile
- Limitações/restrições do Mobile
- Mitos

5.2) Projeto UX Mobile

- Estratégia: desenvolvendo uma estratégia para Mobile.
- Design centrado no usuário.
- A importância da identificação do ALVO certo: definição dos objetivos da empresa com o projeto e das necessidades do público alvo.
- O que é Experiência do usuário e por que ela é estratégica para o Mobile?
- Metodologia de projeto mobile

EXERCÍCIO 01
Modelagem participativa: anallise, retire e acrescente funcionalidades e conteúdos em uma aplicação ou site mobile. 

5.3) Caminhos para o desenvolvimento Mobile

- Qual caminho o meu site/sistema deve seguir: 
Uma versão Web para desktop e outra para mobile?
Uma versão para cada dispositivo/ambiente?
Uma versão web única servindo diferentes dispositivos/contextos?
- Estudo de caso CIELO: projetando interfaces de um mesmo aplicativo para diferentes ambientes/dispositivos (IOS, Android e Blackberry).
- Mobile First Responsive Web Design
- Progressive Enhancement: diferente dispositivos, diferentes características. 

5.4) Mobile Design

- Boas práticas em Design para Mobile.
- Projetos de Design para telas pequenas.
- Dedo gordo.
- Modelos/elementos de navegação e Menus. 
- Responsive Design Navigation Patterns.
- Entrada de dados (via teclado e/ou Touch). 
- Estrutura de formulários.
- Busca.
- Feedback, tratamento de erros, ajuda.

5.5) UI Guidelines - Elementos e padrões (patterns)

- Arquitetura de Informação para Mobile.
- Design para plataformas: iPhone, iPad, BlackBerry, Android & Windows Mobile. 
- Criando padrões para Mobile.
- Ícones - como fazer um ícone e seus padrões.
- Gestos.

5.6) Práticas recomendadas e não recomendadas para Mobile.

Estudos de caso:
- portais de notícias.
- sites de comércio eletrônico nacionais e internacionais.

EXERCÍCIO 02 - Sitemap

Diagramas: a partir das listas (exercício 1), construa coletivamente um Sitemap com os diagramas de fluxo de algumas das telas com os principais passos dos usuários no novo projeto.

5.7) Protótipo

- Por que prototipar?
- Fluxograma
- Protótipo Papel
- Ferramentas para prototipação.
- Usando ferramentas para prototipar e testes com iPhones, iPads e Smartphones e Tablets com Android.

EXERCÍCIO 3 - protótipo em papel

Construa coletivamente protótipos em papel a partir dos fluxos do Sitemap utilizando Stencils para Web, iPhone, iPad e Android.

EXERCÍCIO 4 - wireframe

Construa coletivamente um Wireframe a partir da prototipação em papel.

5.8) Avaliação e validação.

- Testes com usuários
- Validação automática
- Simuladores
- Performance
- Contraste

EXERCÍCIO 5: Teste em dispositivos

Teste o protótipo em seu Smartphone e/ou Tablet.

5.9) MOBILE e:

- Conteúdo multimídia
- SEO
- Acessibilidade

Abraços,

Horácio Pastor Soares
5521 9925-5404

@horaciosoares