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

Primeiros passos

Samuel Menezes@samuelmenezes

samuel@2thinkers.com

Saturday, June 8, 13

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

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

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

é Estratégia.

Saturday, June 8, 13

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/

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/

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/

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/

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-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.

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.

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.

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.

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.

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.

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.

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.

E O QUE A GENTE NÃO QUER?

Saturday, June 8, 13

- Unboxing Nexus 7

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.

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

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

MAILBOX APPPUT 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 scanning.

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 guiar o usuario por features que não são óbvias).

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.

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

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.

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

OK, MAS PRA QUÊ TUDO ISSO?

Saturday, June 8, 13

OBRIGADO!

Samuel Menezes@samuelmenezes

samuel@2thinkers.com

Saturday, June 8, 13