From: Horacio Soares <horacio AT digitalacesso.com>
To: Arquitetura da Informação (em Português) <aifia-pt AT lists.ibiblio.org>, acessodigital AT googlegroups.com
Subject: [AI] Workshop Design Mobile (Rio dia 7 e São Paulo dia 21 de julho)
Date: Tue, 12 Jun 2012 15:12:04 -0300
Pessoal,
Faremos uma nova turma do Workshop Design Mobile no Rio (dia 7 de julho) e uma em São Paulo (dia 21 de julho). Seguem mais informações sobre o curso:
Workshop DESIGN MOBILE
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) Informações:
2.1) Rio de Janeiro
Data: 07/07/2012 - sábado Duração: 8h (das 8h30m às 17h30m) Local: RJ - BQ Centro de Treinamento - Rua São José, 40 - Centro do Rio - 350 metros da estação da Carioca. Investimento: R$ 350,00 (trezentos e cinquenta reais)
* Desconto para pagamento à vista: de 15% até o dia 22/06 (apenas para pessoa física).
2.2) São Paulo
Data: 21/07/2012 - sábado Duração: 8h (das 8h30m às 17h30m) Local: SP - Impacta, rua Arabé, 71 - próximo ao metrô Santa Cruz. Investimento: R$ 400,00 (quatrocentos reais)
* Desconto para pagamento à vista: de 15% até o dia 29/06 (apenas para pessoa física).
3) Público-alvo:
Designers, desenvolvedores, arquitetos de informação, profissionais de usabilidade e experiência do usuário e gerentes de projeto web.
4) 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.
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
6) Conteúdo programático:
6.1) Introdução:
- Estatísticas de uso de Smartphones e Tablets - Como os usuários utilizam Mobile? - Capacidades e limitações do Mobile - Mitos
6.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 - projeto XYZ1 Modelagem participativa: avalie e valide::
- lista com os objetivos e metas da empresa apresentados para o projeto XYZ1 e públicos-alvo e suas necessidades para o site/aplicativo mobile (Strategy - Elements of UX).
- lista com as funcionalidades e requisitos de conteúdo (Scope - Elements of UX).
6.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.
6.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.
6.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.
6.6) Práticas recomendadas e não recomendadas para Mobile.
Estudos de caso: - portais de notícias. - sites de comércio eletrônico. - sites corporativos.
EXERCÍCIO 02 - Sitemap
Diagramas: a partir das listas (exercício 1), construa coletivamente um Sitemap com os diagramas de fluxo das telas com os principais passos dos usuários no projeto.
6.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.