a experiência do usuário no mundo móvel
DESCRIPTION
Palestra ministrada nas Faculdades Integradas Einstein de Limeira - FIEL em Junho de 2013.TRANSCRIPT
![Page 1: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/1.jpg)
A Experiência do Usuário no Mundo Móvel
Primeiros passos
Samuel Menezes@samuelmenezes
Saturday, June 8, 13
![Page 2: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/2.jpg)
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
![Page 3: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/3.jpg)
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
![Page 4: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/4.jpg)
✓ Experiência do Usuário Não é Design,
é Estratégia.
Saturday, June 8, 13
![Page 5: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/5.jpg)
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/
![Page 6: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/6.jpg)
As empresas geralmente utilizam UX para/com:
Enquanto deveriam usar para/como:
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
Definição do produto, implementação Descobrimento do produto, invenção
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
![Page 7: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/7.jpg)
As empresas geralmente utilizam UX para/com:
Enquanto deveriam usar para/como:
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
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
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
![Page 8: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/8.jpg)
As empresas geralmente utilizam UX para/com:
Enquanto deveriam usar para/como:
http://www.subtxt.us/ux-is-a-strategy-not-a-science/
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
Saturday, June 8, 13
- Chris Grant (SUBTXT): 7 comparações- http://www.subtxt.us/ux-is-a-strategy-not-a-science/
![Page 9: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/9.jpg)
A importância da experiência
Saturday, June 8, 13
- Porque é importante?No final das contas, vende mais!
![Page 10: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/10.jpg)
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktopSaturday, 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.
![Page 11: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/11.jpg)
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktopSaturday, 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.
![Page 12: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/12.jpg)
Facebook é mais usado pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktopSaturday, 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.
![Page 13: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/13.jpg)
Facebook é mais usado pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Usuários únicos:
1,11 BI
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.
![Page 14: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/14.jpg)
Facebook é mais usado pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Usuários únicos:
1,11 BIAcessos por
dispositivos móveis:
751 MI
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.
![Page 15: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/15.jpg)
Facebook é mais usado pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Usuários únicos:
1,11 BIAcessos por
dispositivos móveis:
751 MI
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.
![Page 16: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/16.jpg)
Facebook é mais usado pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Usuários únicos:
1,11 BIAcessos por
dispositivos móveis:
751 MI
73 MIUsuários ativos por mês
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.
![Page 17: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/17.jpg)
Facebook é mais usado pelo celular que pelo
desktop.
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Celular: 8 horas e 4 minutos.Desktop: 6 horas e 53 minutos.
Usuários únicos:
1,11 BIAcessos por
dispositivos móveis:
751 MI
73 MIUsuários ativos por mês
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.
![Page 18: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/18.jpg)
E O QUE A GENTE NÃO QUER?
Saturday, June 8, 13
- Unboxing Nexus 7
![Page 19: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/19.jpg)
Mas... como medir?
✓ Colhendo feedbacks e
analisando métricas de usabilidade.
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.
![Page 20: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/20.jpg)
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
![Page 21: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/21.jpg)
Cases de Mercado
http://www.mailboxapp.comSaturday, 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
![Page 22: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/22.jpg)
MAILBOX APPPUT EMAIL IN ITS PLACE
Saturday, June 8, 13
- Mailbox video
![Page 23: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/23.jpg)
Mailbox
Saturday, June 8, 13
- Leitura linear da tela.- Pesos de cada opção bem distribuída - Clear path - Vertical scanning.
![Page 24: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/24.jpg)
Mailbox
Saturday, June 8, 13
- Como assim?- Preciosidade
![Page 25: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/25.jpg)
Mailbox
Saturday, June 8, 13
- Porque nenhum app falou comigo desse jeito?
![Page 26: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/26.jpg)
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).
![Page 27: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/27.jpg)
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 game2 - 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.4 - Pode te fazer relaxar. Intuito do game depois de jogar.
![Page 28: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/28.jpg)
DOTSA GAME ABOUT CONNECTING
https://itunes.apple.com/us/app/dots-a-game-about-connecting/id632285588
http://nerdyoctopus.com/dots/
Saturday, June 8, 13
- About connecting... e é isso aí!- Não tem vídeo!- Apenas dois screenshots na App Store- Site muuuito simples
![Page 29: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/29.jpg)
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.
![Page 30: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/30.jpg)
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
![Page 31: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/31.jpg)
OK, MAS PRA QUÊ TUDO ISSO?
Saturday, June 8, 13
![Page 32: A Experiência do Usuário no Mundo Móvel](https://reader036.vdocuments.pub/reader036/viewer/2022062320/55980f501a28ab2b1f8b457d/html5/thumbnails/32.jpg)
OBRIGADO!
Samuel Menezes@samuelmenezes
Saturday, June 8, 13