SlideShare uma empresa Scribd logo
1 de 32
Baixar para ler offline
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
✓

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

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

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

Mais conteúdo relacionado

Destaque

Oso perezoso de tres dedos
Oso perezoso de tres dedosOso perezoso de tres dedos
Oso perezoso de tres dedosclaudioda
 
Rojas Jorge aporte individual
Rojas Jorge   aporte individualRojas Jorge   aporte individual
Rojas Jorge aporte individualdenanelm
 
Moon Company Introduction 2016 nov
Moon Company Introduction 2016 novMoon Company Introduction 2016 nov
Moon Company Introduction 2016 novKenny fZ
 
Avances tecnológicos en el mundo y aplicaciones para la educacion
Avances tecnológicos en el mundo y aplicaciones para la educacionAvances tecnológicos en el mundo y aplicaciones para la educacion
Avances tecnológicos en el mundo y aplicaciones para la educacionSamuel Soto
 
Bbm 5 f03de1d, agen ukhti bandung 2017
Bbm 5 f03de1d, agen ukhti bandung 2017Bbm 5 f03de1d, agen ukhti bandung 2017
Bbm 5 f03de1d, agen ukhti bandung 2017jilbabmunira
 
2016 GMekong Forum - Session 02 - inclusive development paths red river
2016 GMekong Forum - Session 02 - inclusive development paths red river2016 GMekong Forum - Session 02 - inclusive development paths red river
2016 GMekong Forum - Session 02 - inclusive development paths red riverWater, Land and Ecosystems (WLE)
 
Bbm 5 f03de1d, agen ukhti medan 2017
Bbm 5 f03de1d, agen ukhti medan 2017Bbm 5 f03de1d, agen ukhti medan 2017
Bbm 5 f03de1d, agen ukhti medan 2017jilbabmunira
 
Hojita evangelio omingo i adviento a bn on line
Hojita evangelio omingo i adviento a  bn on lineHojita evangelio omingo i adviento a  bn on line
Hojita evangelio omingo i adviento a bn on lineNelson Gómez
 
Combatir ácaros, virus, bacterias, hongos
Combatir ácaros, virus, bacterias, hongosCombatir ácaros, virus, bacterias, hongos
Combatir ácaros, virus, bacterias, hongosalvaro gaviria
 
Sistemas
SistemasSistemas
Sistemasjulia
 

Destaque (20)

Oso perezoso de tres dedos
Oso perezoso de tres dedosOso perezoso de tres dedos
Oso perezoso de tres dedos
 
Rojas Jorge aporte individual
Rojas Jorge   aporte individualRojas Jorge   aporte individual
Rojas Jorge aporte individual
 
Moon Company Introduction 2016 nov
Moon Company Introduction 2016 novMoon Company Introduction 2016 nov
Moon Company Introduction 2016 nov
 
NR 16
NR 16NR 16
NR 16
 
Avances tecnológicos en el mundo y aplicaciones para la educacion
Avances tecnológicos en el mundo y aplicaciones para la educacionAvances tecnológicos en el mundo y aplicaciones para la educacion
Avances tecnológicos en el mundo y aplicaciones para la educacion
 
Bbm 5 f03de1d, agen ukhti bandung 2017
Bbm 5 f03de1d, agen ukhti bandung 2017Bbm 5 f03de1d, agen ukhti bandung 2017
Bbm 5 f03de1d, agen ukhti bandung 2017
 
2016 GMekong Forum - Session 02 - inclusive development paths red river
2016 GMekong Forum - Session 02 - inclusive development paths red river2016 GMekong Forum - Session 02 - inclusive development paths red river
2016 GMekong Forum - Session 02 - inclusive development paths red river
 
Guión Psicología del Adulto
Guión Psicología del AdultoGuión Psicología del Adulto
Guión Psicología del Adulto
 
Bbm 5 f03de1d, agen ukhti medan 2017
Bbm 5 f03de1d, agen ukhti medan 2017Bbm 5 f03de1d, agen ukhti medan 2017
Bbm 5 f03de1d, agen ukhti medan 2017
 
Definición del termino gestión.
Definición del termino gestión.Definición del termino gestión.
Definición del termino gestión.
 
Used to + would
Used to + wouldUsed to + would
Used to + would
 
Hojita evangelio omingo i adviento a bn on line
Hojita evangelio omingo i adviento a  bn on lineHojita evangelio omingo i adviento a  bn on line
Hojita evangelio omingo i adviento a bn on line
 
Christiian poaquiza
Christiian poaquizaChristiian poaquiza
Christiian poaquiza
 
Tecnología..
Tecnología..Tecnología..
Tecnología..
 
Contaminación
ContaminaciónContaminación
Contaminación
 
Redes inalambricas
Redes inalambricasRedes inalambricas
Redes inalambricas
 
Combatir ácaros, virus, bacterias, hongos
Combatir ácaros, virus, bacterias, hongosCombatir ácaros, virus, bacterias, hongos
Combatir ácaros, virus, bacterias, hongos
 
Electiva 1
Electiva 1Electiva 1
Electiva 1
 
Sistemas
SistemasSistemas
Sistemas
 
VetDash
VetDashVetDash
VetDash
 

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

Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Horácio Soares
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileHorácio Soares
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Horácio Soares
 
Experiências e micro interações em Mobile
Experiências e micro interações em MobileExperiências e micro interações em Mobile
Experiências e micro interações em MobileDaniel Mack
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshareguest5ccda
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGELuiz Agner
 
UOL Mackenzie Day 2013
UOL Mackenzie Day 2013UOL Mackenzie Day 2013
UOL Mackenzie Day 2013Lu Terceiro
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Horácio Soares
 
Intmobile aldeia setembro2013_final_000
Intmobile aldeia setembro2013_final_000Intmobile aldeia setembro2013_final_000
Intmobile aldeia setembro2013_final_000Jane Vita
 
Trabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosTrabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosDiego BBahia
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeLeandro Biazon
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Horácio Soares
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
Design de Interação para Dispositivos Móveis - turma de setembro 2011
Design de Interação para Dispositivos Móveis - turma de setembro 2011Design de Interação para Dispositivos Móveis - turma de setembro 2011
Design de Interação para Dispositivos Móveis - turma de setembro 2011Jane Vita
 

Semelhante a A Experiência do Usuário no Mundo Móvel (20)

Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012Os Desafios do Design Mobile - Jun/2012
Os Desafios do Design Mobile - Jun/2012
 
FrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design MobileFrontinBH - Os dasafios do Design Mobile
FrontinBH - Os dasafios do Design Mobile
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
Experiências e micro interações em Mobile
Experiências e micro interações em MobileExperiências e micro interações em Mobile
Experiências e micro interações em Mobile
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
UOL Mackenzie Day 2013
UOL Mackenzie Day 2013UOL Mackenzie Day 2013
UOL Mackenzie Day 2013
 
Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013Mobile First - Palestra no MobileConf 2013
Mobile First - Palestra no MobileConf 2013
 
Intmobile aldeia setembro2013_final_000
Intmobile aldeia setembro2013_final_000Intmobile aldeia setembro2013_final_000
Intmobile aldeia setembro2013_final_000
 
Trabalho Gerencia de Projetos
Trabalho Gerencia de ProjetosTrabalho Gerencia de Projetos
Trabalho Gerencia de Projetos
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidade
 
Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011Circuito4x1 Acessibilidade e ecommerce-abril-2011
Circuito4x1 Acessibilidade e ecommerce-abril-2011
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
Ux Presentation
Ux PresentationUx Presentation
Ux Presentation
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Design de Interação para Dispositivos Móveis - turma de setembro 2011
Design de Interação para Dispositivos Móveis - turma de setembro 2011Design de Interação para Dispositivos Móveis - turma de setembro 2011
Design de Interação para Dispositivos Móveis - turma de setembro 2011
 
244183.pptx
244183.pptx244183.pptx
244183.pptx
 

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

  • 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
  • 4. ✓ Saturday, June 8, 13 Experiência do Usuário Não é Design, é Estratégia.
  • 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!
  • 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. 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. 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
  • 22. MAILBOX APP PUT EMAIL IN ITS PLACE Saturday, June 8, 13 - Mailbox video
  • 23. Mailbox Saturday, June 8, 13 - Leitura linear da tela. - Pesos de cada opção bem distribuída - Clear path - Vertical scanning.
  • 24. Mailbox Saturday, June 8, 13 - Como assim? - Preciosidade
  • 25. Mailbox Saturday, June 8, 13 - Porque nenhum app falou comigo desse jeito?
  • 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