aifia-pt AT lists.ibiblio.org
Subject: Arquitetura da Informao (em Portugus)
List archive
- From: Rafael Xavier <rafaelxavier AT gmail.com>
- To: Arquitetura da Informação (em Português) <aifia-pt AT lists.ibiblio.org>
- Subject: Re: [AI] Workshop Design Mobile - Rio
- Date: Tue, 15 May 2012 10:05:04 -0300
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:
Data: 02/06/2012 - sábado
Duração: 8h (das 8h30m às 17h30m)
Local: RJ - IGEC - Av. Pres. Vargas, 534 / 15º andar
Investimento: R$ 350,00 (trezentos e cinquenta reais)
* Desconto para pagamento à vista: de 15% até o dia 18/05 (apenas para pessoa física).
** PagSeguro: pagamento parcelado ou à vista via PagSeguro até dia 21/05.
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 e exercícios.
1 aluno por micro.
Datashow.
Coffee Break.
Certificado.
5) 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.
6) Conteúdo programático:
6.1) Introdução:
- O ecosistema do Mobile.
- 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.
6.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.
EXERCÍCIO 6: Validação automática e manual.
6.9) MOBILE e:
- Conteúdo multimídia
- SEO
- Acessibilidade
---------------------------------------
Abs
Rafael Xavier
2012/5/15 Rafael Poggi <rpoggi AT gmail.com>
Seria interessante colocar a ementa do workshop aqui porque nem todos têm acesso ao facebook em ambiente de trabalho...
-------------------------------------------
Rafael Poggi
::: design+letras
::: 21 8213-3449
Web
::: http://www.designeletras.com
Blog
::: http://claroquepoggi.blogspot.com
Networking
::: http://linkedin.com/in/rafaelpoggi
::: http://facebook.com/rpoggi
::: http://twitter.com/rafaelpoggia
Em 14 de maio de 2012 16:44, Horacio Soares <horacio AT digitalacesso.com> escreveu:Oi pessoal,Faremos um Workshop sobre Design Mobile próximo dia 2 de junho (sábado), aqui no Rio.
Seguem algumas informações:
Duração: 8h (das 8h30m às 17h30m)
Local: RJ - IGEC - Av. Pres. Vargas, 534 / 15º andar
Investimento: R$ 350,00 (trezentos e cinquenta reais)
* Desconto para pagamento à vista: de 15% até o dia 18/05 (apenas para pessoa física).
** PagSeguro: pagamento parcelado ou à vista via PagSeguro até dia 21/05.
Segue link com o conteúdo programático e outras informações:
http://www.facebook.com/internativabrasil
Abraços,
Horácio Pastor Soares
Digital Acesso - Soluções Web para todos
e-mail: horacio AT digitalacesso.com
5521 9925-5404@horaciosoares
. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.
Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt
. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.
Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt
-
[AI] Workshop Design Mobile - Rio,
Horacio Soares, 05/14/2012
-
Re: [AI] Workshop Design Mobile - Rio,
Rafael Poggi, 05/15/2012
-
Re: [AI] Workshop Design Mobile - Rio,
Rafael Xavier, 05/15/2012
- Re: [AI] Workshop Design Mobile - Rio, Rafael Poggi, 05/15/2012
-
Re: [AI] Workshop Design Mobile - Rio,
Rafael Xavier, 05/15/2012
-
Re: [AI] Workshop Design Mobile - Rio,
Rafael Poggi, 05/15/2012
Archive powered by MHonArc 2.6.24.