1. A Experiência do Usuário no
Mundo Móvel
Primeiros passos
Samuel Menezes
@samuelmenezes
samuel@2thinkers.com
Saturday, June 8, 13
2. AGENDA
Afinal, o que é Experiência do Usuário (UX)?
• A importância da experiência
• Mas... como medir?
• O quê estudar - e onde?
• Cases de Mercado (Mailbox e DOTS)
• Novidades e Tendências
• Um pouco de Empreendedorismo
• Ferramentas
• Ok, mas pra quê tudo isso?
• Sorteio
•
Saturday, June 8, 13
3. AFINAL, O QUE É
EXPERIÊNCIA DO USUÁRIO?
Saturday, June 8, 13
- What the #$%@ is UX Design
- O QUE não é:
#1 - User Interface Design: Nome parecido, mas UI é apenas layout;
#2 - Um passo no processo, é o processo em si;
#3 - Sobre tecnologia. É sobre pessoal, comportamento, ambiente, objetos;
#4 - Somente usabilidade: é apenas uma das metas.
#5 - Culto ao usuário: achar o meio termo entre necessidades do usuário e do negócio;
#6 - Caro
5. As empresas geralmente
utilizam UX para/com:
Enquanto deveriam
usar para/como:
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações
- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
6. As empresas geralmente
utilizam UX para/com:
Enquanto deveriam
usar para/como:
Definição do produto, implementação
Descobrimento do produto, invenção
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações
- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
7. As empresas geralmente
utilizam UX para/com:
Enquanto deveriam
usar para/como:
Definição do produto, implementação
Descobrimento do produto, invenção
Uma ciência: Uma metodologia
para otimizar a interação dos
usuários com seus produtos
Estratégia: Ponto de entrada intelectual,
como as áreas de negócios e engenharia,
pra resolver problemas reais
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações
- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
8. As empresas geralmente
utilizam UX para/com:
Enquanto deveriam
usar para/como:
Definição do produto, implementação
Descobrimento do produto, invenção
Uma ciência: Uma metodologia
para otimizar a interação dos
usuários com seus produtos
Estratégia: Ponto de entrada intelectual,
como as áreas de negócios e engenharia,
pra resolver problemas reais
Um contribuidor experiente para uma
discussão sobre o produto. UX não tem
a palavra final e portante não pode se
sentir responsável pelo sucesso ou
fracasso de um produto
UX é a voz do usuário enquanto o produto é
a voz do négocio e do roadmap. UX e produto
dividem igualmente responsabilidades.
Ambos são responsáveis por seu sucesso ou
fracasso
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações
- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
9. A importância da experiência
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
12. Facebook é mais usado
pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
- Associação de memória com experiências - e por isso deseja-se em todos os produtos.
13. Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:
1,11 BI
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
- Associação de memória com experiências - e por isso deseja-se em todos os produtos.
14. Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:
1,11 BI
Acessos por
dispositivos móveis:
751 MI
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
- Associação de memória com experiências - e por isso deseja-se em todos os produtos.
15. Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:
1,11 BI
Acessos por
dispositivos móveis:
751 MI
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
- Associação de memória com experiências - e por isso deseja-se em todos os produtos.
16. Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:
1,11 BI
Acessos por
dispositivos móveis:
751 MI
73 MI
Usuários ativos por mês
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
- Associação de memória com experiências - e por isso deseja-se em todos os produtos.
17. Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:
1,11 BI
Acessos por
dispositivos móveis:
751 MI
73 MI
Usuários ativos por mês
Celular: 8 horas e 4 minutos.
Desktop: 6 horas e 53 minutos.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13
- Porque é importante?
No final das contas, vende mais!
- Associação de memória com experiências - e por isso deseja-se em todos os produtos.
18. E O QUE A GENTE
NÃO QUER?
Saturday, June 8, 13
- Unboxing Nexus 7
19. Mas... como medir?
feedbacks e
✓
analisando métricas de usabilidade.
Colhendo
Saturday, June 8, 13
- Mostrar, perguntar, interagir - com conhecidos, desconhecidos, em fóruns, na faculdade
com alunos e professores, especialistas ou não).
- Eye tracking, testes de usabilidade.
20. O quê estudar - e onde?
Sites
• Human-Computer Interaction (coursera.org)
• Fundamentals of Design (codeschool.com, em breve)
• Arquitetura de Informação (arquiteturadeinformação.com.br)
• Smashing Magazine (smashingmagazine.com)
Livros
• Don't Make me Think
• About Faces 3
• The Design of Everyday Things (2013)
• Designing with the Mind in Mind
• Designing the Mobile User Experience
• Measuring the User Experience
• Mobile Interaction Design
Saturday, June 8, 13
21. Cases de Mercado
http://www.mailboxapp.com
Saturday, June 8, 13
#1 - Cor é calma
#2 - “Put email in its place”: Faz o usuário se sentir como se o app o entendesse e fosse organizar seu email gentilmente
#3 - Verical Scanning
#4 - Gestures, muitos gestures!
http://www.mailboxapp.com
26. Mailbox
Saturday, June 8, 13
- 4 opções simples
- Mostrar no aparelho: Status bar, gestures e tutorial (importância de guiar o usuario por
features que não são óbvias).
27. Cases de Mercado
DOTS
http://nerdyoctopus.com/dots/
Saturday, June 8, 13
- Baseado no Bubblet (Palm Pilot), diferença é que tinha uma pontuação média de referência.
- 3.500 games por minuto!
- Como arruinar produtividade de alguém :)
1 - Estética = Google se fosse fazer um game
2 - Micrograme = 60segundos fingem lhe deixar no comando;
Ideal para momentos de microtédio (sala de espera), aviao, onibus)
3 - Social mas não tanto - Não precisa de alguém pra jogar com vc mas vc fica olhando o
ranking FB/Twitter.
28. DOTS
A GAME ABOUT CONNECTING
http://nerdyoctopus.com/dots/
https://itunes.apple.com/us/app/dots-a-game-aboutconnecting/id632285588
Saturday, June 8, 13
-
About connecting... e é isso aí!
Não tem vídeo!
Apenas dois screenshots na App Store
Site muuuito simples
29. Um pouco de empreendedorismo
•
Lean UX
• Lean Startup Machine
•
Making Ideas Happen (Scott Belsky, do Behance)
•
Trabalhe 4 horas por semana
•
37 Signals (Jason Fried)
• Getting Real - http://gettingreal.37signals.com (FREE!)
• Rework - http://37signals.com/rework
•
#casalPartiu - casalpartiu.com.br - Vinícus Teles (Livro Extreme
Programming, 2004)
Saturday, June 8, 13
- Getting Real: Desenvolvimento da maneira certa;
- Rework: EVITE REUNIOES! Passar vídeo se der tempo.
30. Ferramentas
•
Balsamiq Mockups (há planos gratuitos para faculdades)
•
xScope ($29,99 + $1,99)
•
Android Design Preview FREE
•
Hype ($59,99)
•
Keynote (R$ 45) + Keynotopia
•
Quartz Composer FREE
•
Indigo Studio FREE
•
POP - Prototyping On Paper FREE
Saturday, June 8, 13
31. OK, MAS PRA QUÊ
TUDO ISSO?
Saturday, June 8, 13