A Experiência do Usuário no
Mundo Móvel
Primeiros passos

Samuel Menezes
@samuelmenezes
samuel@2thinkers.com

Saturday, Ju...
AGENDA
Afinal, o que é Experiência do Usuário (UX)?
• A importância da experiência
• Mas... como medir?
• O quê estudar - e...
AFINAL, O QUE É
EXPERIÊNCIA DO USUÁRIO?

Saturday, June 8, 13

- What the #$%@ is UX Design
- O QUE não é:
#1 - User Inter...
✓

Saturday, June 8, 13

Experiência do Usuário Não é Design,

é Estratégia.
As empresas geralmente
utilizam UX para/com:

Enquanto deveriam
usar para/como:

http://www.subtxt.us/ux-is-a-strategy-not...
As empresas geralmente
utilizam UX para/com:

Enquanto deveriam
usar para/como:

Definição do produto, implementação

Desco...
As empresas geralmente
utilizam UX para/com:

Enquanto deveriam
usar para/como:

Definição do produto, implementação

Desco...
As empresas geralmente
utilizam UX para/com:

Enquanto deveriam
usar para/como:

Definição do produto, implementação

Desco...
A importância da experiência

Saturday, June 8, 13

- Porque é importante?
No final das contas, vende mais!
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13

- ...
http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-pelo-celular-que-pelo-desktop
Saturday, June 8, 13

- ...
Facebook é mais usado
pelo celular que pelo
desktop.

http://exame.abril.com.br/tecnologia/noticias/facebook-e-mais-usado-...
Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:

1,11 BI

http://exame.abril.com.br/tecnologia/notic...
Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:

1,11 BI

Acessos por
dispositivos móveis:

751 MI

...
Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:

1,11 BI

Acessos por
dispositivos móveis:

751 MI

...
Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:

1,11 BI

Acessos por
dispositivos móveis:

751 MI
7...
Facebook é mais usado
pelo celular que pelo
desktop.
Usuários únicos:

1,11 BI

Acessos por
dispositivos móveis:

751 MI
7...
E O QUE A GENTE
NÃO QUER?

Saturday, June 8, 13

- Unboxing Nexus 7
Mas... como medir?

feedbacks e
✓
analisando métricas de usabilidade.
Colhendo

Saturday, June 8, 13

- Mostrar, perguntar...
O quê estudar - e onde?
Sites
• Human-Computer Interaction (coursera.org)
• Fundamentals of Design (codeschool.com, em bre...
Cases de Mercado

http://www.mailboxapp.com
Saturday, June 8, 13

#1 - Cor é calma
#2 - “Put email in its place”: Faz o us...
MAILBOX APP
PUT EMAIL IN ITS PLACE

Saturday, June 8, 13

- Mailbox video
Mailbox

Saturday, June 8, 13

- Leitura linear da tela.
- Pesos de cada opção bem distribuída - Clear path - Vertical sca...
Mailbox

Saturday, June 8, 13

- Como assim?
- Preciosidade
Mailbox

Saturday, June 8, 13

- Porque nenhum app falou comigo desse jeito?
Mailbox

Saturday, June 8, 13

- 4 opções simples
- Mostrar no aparelho: Status bar, gestures e tutorial (importância de g...
Cases de Mercado

DOTS

http://nerdyoctopus.com/dots/
Saturday, June 8, 13

- Baseado no Bubblet (Palm Pilot), diferença é...
DOTS

A GAME ABOUT CONNECTING

http://nerdyoctopus.com/dots/
https://itunes.apple.com/us/app/dots-a-game-aboutconnecting/i...
Um pouco de empreendedorismo
•

Lean UX
• Lean Startup Machine

•

Making Ideas Happen (Scott Belsky, do Behance)

•

Trab...
Ferramentas
•

Balsamiq Mockups (há planos gratuitos para faculdades)

•

xScope ($29,99 + $1,99)

•

Android Design Previ...
OK, MAS PRA QUÊ
TUDO ISSO?

Saturday, June 8, 13
OBRIGADO!
Samuel Menezes

@samuelmenezes
samuel@2thinkers.com

Saturday, June 8, 13
Próximos SlideShares
Carregando em…5
×

A Experiência do Usuário no Mundo Móvel

326 visualizações

Publicada em

Palestra ministrada nas Faculdades Integradas Einstein de Limeira - FIEL em Junho de 2013.

Publicada em: Design
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
326
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

A Experiência do Usuário no Mundo Móvel

  1. 1. A Experiência do Usuário no Mundo Móvel Primeiros passos Samuel Menezes @samuelmenezes samuel@2thinkers.com Saturday, June 8, 13
  2. 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. 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
  4. 4. ✓ Saturday, June 8, 13 Experiência do Usuário Não é Design, é Estratégia.
  5. 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. 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. 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. 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. 9. A importância da experiência Saturday, June 8, 13 - Porque é importante? No final das contas, vende mais!
  10. 10. 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.
  11. 11. 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.
  12. 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. 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. 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. 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. 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. 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. 18. E O QUE A GENTE NÃO QUER? Saturday, June 8, 13 - Unboxing Nexus 7
  19. 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. 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. 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
  22. 22. MAILBOX APP PUT EMAIL IN ITS PLACE Saturday, June 8, 13 - Mailbox video
  23. 23. Mailbox Saturday, June 8, 13 - Leitura linear da tela. - Pesos de cada opção bem distribuída - Clear path - Vertical scanning.
  24. 24. Mailbox Saturday, June 8, 13 - Como assim? - Preciosidade
  25. 25. Mailbox Saturday, June 8, 13 - Porque nenhum app falou comigo desse jeito?
  26. 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. 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. 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. 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. 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. 31. OK, MAS PRA QUÊ TUDO ISSO? Saturday, June 8, 13
  32. 32. OBRIGADO! Samuel Menezes @samuelmenezes samuel@2thinkers.com Saturday, June 8, 13

×