SlideShare uma empresa Scribd logo
1 de 41
Mackenzie Day
Agenda
• Quem somos?
• Introdução
• Como faz?
– Pesquisa (20 min)
– Prototipação (20 min)
– Teste (20 min)
Quem somos ?
314/09/2015
Luciana Terceiro
Gerencia a equipe de
Concepção & Interface de
Produtos e dá uns pitacos
nos projetos.
Quem somos ?
414/09/2015
Ana Paula Batista
Rádio UOL e lidera pesquisas
com usuários.
Quem somos ?
14/09/2015 5
Stefan Martins
UOL DIVEO e pesquisa
com usuários
614/09/2015
Oi,
nós somos a Equipe de
Concepção e Interface de
Produtos do UOL.
E trabalhamos nos produtos e serviços do UOL
14/09/2015 8
Introdução
14/09/2015 9
Como guardo na memórias as estações?
14/09/2015 10
Quero ativar as legendas, e agora?
Montage: Unboxing the Nexus 7 is fun!
Experiência do Usuário
“Você deve começar com a experiência
do consumidor e depois ir pra tecnologia.
Você não deve começar pela tecnologia e
depois descobrir como seu usuário vai
utilizar seu produto." (Steve Jobs)
14/09/2015 13
O que é UX?
O que é Experiência do Usuário (UX)?Experiência do usuário (UX) são todas as interações
que a pessoa pode ter durante o uso de um serviço ou produto.
14/09/2015 15
14/09/2015 16
Ferramentas
teste
Ferramentas
teste
14/09/2015 19
Quem trabalha com UX
faz…
Quem trabalha com UX faz...
Pesquisa
PrototipaçãoTeste
14/09/2015 21
Como iniciar um projeto
com foco no usuário?
Pesquisa!
“Doque as mulheres gostam”
Entendendo o usuário
Pesquisa – Qual o objetivo?
Planejar e desenvolver um produto ou
serviço que atenda as necessidades das
pessoas e que seja eficiente, eficaz e
satisfatório.
Pesquisa – Serve para?
Entender para quem será desenvolvido o
site ou aplicativo, se o produto tem
concorrentes e o que eles fazem de bom ou
ruim, a cultura e hábitos de quem vai usar,
o conhecimento necessário.
Pesquisa – O que podemos fazer?
Entrevistas Questionários
Card sorting
Personas
Benchmarking
Focus Group
Proposta de Hands-on de Pesquisa
• Cardsorting de alguns tópicos da home do UOL
(5 categorias com 3 itens = 20 itens para categorizar)
• Podemos fazer cartões com os itens e post-its para criar novos
itens se eles acharem necessário. Talvez ter 3 jogos de
cartões iguais para dividirmos os participantes em 3 grupos.
Assine UOL
Clube UOL
Espaço do
Assinante
SAC
Notícias
Folha de S. Paulo
Saúde
Tecnologia
Esporte
Copa do Brasil
MMA
Fórmula 1
Entretenimento
Cinema e Filmes
Humor
Viagem
Mulher
Casa e Decoração
Dieta e Boa Forma
Horóscopo
Atividade 1
CARDSORTING
Organização dos cartões em
agrupamentos para o menu de um site.
14/09/2015 28
14/09/2015 29
Como colocar as ideias
em prática?
Fazendo um protótipo!
Protótipo – Qual o objetivo?
Construir um produto ou serviço que atenda
as necessidades, faça sentido e que possa
ser usado pelas pessoas.
Protótipo – Serve para?
Materializar as ideias que estavam apenas
na mente das pessoas e achar soluções.
É no protótipo que se tem como mostrar a
organização das informações, áreas e a
interação de um site, sistema ou aplicativo.
Levantar requisitos, limitações técnicas,
entender fluxos de interação e mostrar para
o usuário o que ele irá encontrar.
Protótipo – O que podemos fazer?
Rascunhos
Protótipos
em Papel
Mapas e Fluxos
de Navegação
Protótipos
Navegável
Wireframes
Atividade 2
PAPER PROTOTYPING
Desenho dos elementos de
interação em um smartphone.
14/09/2015 34
14/09/2015 35
Como validar o que fiz e
provar que realmente
funciona?
Testando!
Teste – Qual o objetivo?
Validar o uso de um produto ou serviço
pelas pessoas que representam os usuário
reais.
Teste – Serve para?
Entender o comportamento de uso, prever
possíveis erros na interface e de fluxo de
interação e avaliar a compreensão de
termos de um produto ou serviço.
Teste – O que podemos fazer?
Teste de
Usabilidade
Teste em
protótipo de
papel
Atividade 3
TESTE DE USABILIDADE
Orientações para a execução
de um teste de usabilidade.
14/09/2015 40
Av. Brig. Faria Lima, 1.384, 4º andar
CEP 01452-002 . São Paulo/SP
Telefone: 11 3914.9559
www.uol.com.br
14/09/2015 41
Obrigado ;-)
Equipe de Concepção & Interface de Produtos – P&D
Luciana Terceiro
lhamamoto@uolinc.com
Ana Paula Batista
abatista@uolinc.com
Stefan Martins
smartins@uolinc.com

Mais conteúdo relacionado

Destaque

Catálogo La Rochere Blossom
Catálogo La Rochere BlossomCatálogo La Rochere Blossom
Catálogo La Rochere BlossomLaribiere SL
 
Portfolio martin
Portfolio martinPortfolio martin
Portfolio martinChen Yin
 
2016 Catálogo La Rochère
2016 Catálogo La Rochère2016 Catálogo La Rochère
2016 Catálogo La RochèreLaribiere SL
 
Servicio Tecnico Cerraduras ARCU
Servicio Tecnico Cerraduras ARCU
Servicio Tecnico Cerraduras ARCU
Servicio Tecnico Cerraduras ARCU sofia6322
 
Llum i percepció
Llum i percepcióLlum i percepció
Llum i percepciópacrucru
 
Medical Image Analysis and Its Application
Medical Image Analysis and Its ApplicationMedical Image Analysis and Its Application
Medical Image Analysis and Its ApplicationSubarno Pal
 
17 king cotton slavery (11)
17 king cotton   slavery (11)17 king cotton   slavery (11)
17 king cotton slavery (11)djreeser
 
Valoracion dinamica de las valvulopatias
Valoracion dinamica de las valvulopatiasValoracion dinamica de las valvulopatias
Valoracion dinamica de las valvulopatiasMiguel Amor
 
Perspectiva
PerspectivaPerspectiva
Perspectivalean_dro
 
Materiais cerâmicos
Materiais cerâmicosMateriais cerâmicos
Materiais cerâmicosLívio Bruno
 

Destaque (19)

PM-KJH pdf PP
PM-KJH pdf PPPM-KJH pdf PP
PM-KJH pdf PP
 
Catálogo La Rochere Blossom
Catálogo La Rochere BlossomCatálogo La Rochere Blossom
Catálogo La Rochere Blossom
 
Portfolio martin
Portfolio martinPortfolio martin
Portfolio martin
 
2016 Catálogo La Rochère
2016 Catálogo La Rochère2016 Catálogo La Rochère
2016 Catálogo La Rochère
 
CV PM-KJH
CV PM-KJHCV PM-KJH
CV PM-KJH
 
6018743127305244082 jpg
6018743127305244082 jpg6018743127305244082 jpg
6018743127305244082 jpg
 
MAP 4
MAP 4MAP 4
MAP 4
 
Initial ideas
Initial ideasInitial ideas
Initial ideas
 
Mooc presentation
Mooc presentationMooc presentation
Mooc presentation
 
Servicio Tecnico Cerraduras ARCU
Servicio Tecnico Cerraduras ARCU
Servicio Tecnico Cerraduras ARCU
Servicio Tecnico Cerraduras ARCU
 
Resume (1)
Resume (1)Resume (1)
Resume (1)
 
King Cotton
King CottonKing Cotton
King Cotton
 
Llum i percepció
Llum i percepcióLlum i percepció
Llum i percepció
 
Medical Image Analysis and Its Application
Medical Image Analysis and Its ApplicationMedical Image Analysis and Its Application
Medical Image Analysis and Its Application
 
17 king cotton slavery (11)
17 king cotton   slavery (11)17 king cotton   slavery (11)
17 king cotton slavery (11)
 
Valoracion dinamica de las valvulopatias
Valoracion dinamica de las valvulopatiasValoracion dinamica de las valvulopatias
Valoracion dinamica de las valvulopatias
 
Perspectiva
PerspectivaPerspectiva
Perspectiva
 
Ceramica
CeramicaCeramica
Ceramica
 
Materiais cerâmicos
Materiais cerâmicosMateriais cerâmicos
Materiais cerâmicos
 

Semelhante a Guia completo sobre UX: Pesquisa, Prototipação e Teste

Fiquei tanto tempo programando mas ninguém usa, e agora?
Fiquei tanto tempo programando mas ninguém usa, e agora?Fiquei tanto tempo programando mas ninguém usa, e agora?
Fiquei tanto tempo programando mas ninguém usa, e agora?Lu Terceiro
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
WIAD 2013 - De detetive a arquiteto da informação
WIAD 2013 - De detetive a arquiteto da informaçãoWIAD 2013 - De detetive a arquiteto da informação
WIAD 2013 - De detetive a arquiteto da informaçãoLu Terceiro
 
O que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e ExperiênciasO que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e ExperiênciasUXPA São Paulo
 
Design Sprint - GBG Sorocaba 2017
Design Sprint - GBG Sorocaba 2017Design Sprint - GBG Sorocaba 2017
Design Sprint - GBG Sorocaba 2017Hudson Augusto
 
Revista pmkt21 ABEP 08/2013
Revista pmkt21 ABEP 08/2013 Revista pmkt21 ABEP 08/2013
Revista pmkt21 ABEP 08/2013 Plugged Research
 
Meetup: UX Research – Ladies That UX Florianópolis
Meetup: UX Research – Ladies That UX FlorianópolisMeetup: UX Research – Ladies That UX Florianópolis
Meetup: UX Research – Ladies That UX FlorianópolisLadies That UX Florianópolis
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopAna Paula Batista
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - ReviewRafael Burity
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Bate papo sobre UX no Itaú
Bate papo sobre UX no ItaúBate papo sobre UX no Itaú
Bate papo sobre UX no ItaúAndressa Vieira
 
Oficina Design Thinking
Oficina Design Thinking Oficina Design Thinking
Oficina Design Thinking AcessaSP
 
Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015
Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015
Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015Reinaldo Campos
 
UX e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresUX e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresLuiz Vitulo
 
A Experiência do Usuário no Mundo Móvel
A Experiência do Usuário no Mundo MóvelA Experiência do Usuário no Mundo Móvel
A Experiência do Usuário no Mundo MóvelSamuel Menezes
 
E-book: #gettingsocial
E-book: #gettingsocialE-book: #gettingsocial
E-book: #gettingsocialSoraia Lima
 

Semelhante a Guia completo sobre UX: Pesquisa, Prototipação e Teste (20)

Fiquei tanto tempo programando mas ninguém usa, e agora?
Fiquei tanto tempo programando mas ninguém usa, e agora?Fiquei tanto tempo programando mas ninguém usa, e agora?
Fiquei tanto tempo programando mas ninguém usa, e agora?
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
WIAD 2013 - De detetive a arquiteto da informação
WIAD 2013 - De detetive a arquiteto da informaçãoWIAD 2013 - De detetive a arquiteto da informação
WIAD 2013 - De detetive a arquiteto da informação
 
O que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e ExperiênciasO que é UX? Introdução, Ferramentas e Experiências
O que é UX? Introdução, Ferramentas e Experiências
 
Design Sprint - GBG Sorocaba 2017
Design Sprint - GBG Sorocaba 2017Design Sprint - GBG Sorocaba 2017
Design Sprint - GBG Sorocaba 2017
 
Revista pmkt21 ABEP 08/2013
Revista pmkt21 ABEP 08/2013 Revista pmkt21 ABEP 08/2013
Revista pmkt21 ABEP 08/2013
 
Meetup: UX Research – Ladies That UX Florianópolis
Meetup: UX Research – Ladies That UX FlorianópolisMeetup: UX Research – Ladies That UX Florianópolis
Meetup: UX Research – Ladies That UX Florianópolis
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint Workshop
 
Ux Presentation
Ux PresentationUx Presentation
Ux Presentation
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - Review
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Bate papo sobre UX no Itaú
Bate papo sobre UX no ItaúBate papo sobre UX no Itaú
Bate papo sobre UX no Itaú
 
Metricas nas redes sociais
Metricas nas redes sociaisMetricas nas redes sociais
Metricas nas redes sociais
 
Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
 
Oficina Design Thinking
Oficina Design Thinking Oficina Design Thinking
Oficina Design Thinking
 
Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015
Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015
Oficina Design Thinking | Encontro Regional AcessaSP | Botucatu | 29-04-2015
 
UX e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresUX e Branding para Desenvolvedores
UX e Branding para Desenvolvedores
 
A Experiência do Usuário no Mundo Móvel
A Experiência do Usuário no Mundo MóvelA Experiência do Usuário no Mundo Móvel
A Experiência do Usuário no Mundo Móvel
 
E-book: #gettingsocial
E-book: #gettingsocialE-book: #gettingsocial
E-book: #gettingsocial
 

Mais de Lu Terceiro

Lote - A friend for parents and children
Lote - A friend for parents and childrenLote - A friend for parents and children
Lote - A friend for parents and childrenLu Terceiro
 
UOL HOST: Diplomacy for a good experience
UOL HOST:  Diplomacy for a good experience UOL HOST:  Diplomacy for a good experience
UOL HOST: Diplomacy for a good experience Lu Terceiro
 
Transformational Design Thinking - Aula 10
Transformational Design Thinking - Aula 10Transformational Design Thinking - Aula 10
Transformational Design Thinking - Aula 10Lu Terceiro
 
Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Lu Terceiro
 
Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8Lu Terceiro
 
Transformational Design Thinking - Aula 7
Transformational Design Thinking - Aula 7Transformational Design Thinking - Aula 7
Transformational Design Thinking - Aula 7Lu Terceiro
 
Transformational Design Thinking - Aula 6
Transformational Design Thinking - Aula 6Transformational Design Thinking - Aula 6
Transformational Design Thinking - Aula 6Lu Terceiro
 
Transformational Design Thinking - Aula 5
Transformational Design Thinking - Aula 5Transformational Design Thinking - Aula 5
Transformational Design Thinking - Aula 5Lu Terceiro
 
Transformational Design Thinking - Aula 4
Transformational Design Thinking - Aula 4Transformational Design Thinking - Aula 4
Transformational Design Thinking - Aula 4Lu Terceiro
 
Transformational Design Thinking - Aula 1
Transformational Design Thinking - Aula 1Transformational Design Thinking - Aula 1
Transformational Design Thinking - Aula 1Lu Terceiro
 
UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...
UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...
UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...Lu Terceiro
 
Inspetor Bugiganga - pesquisas criativas para desenvolvimento ágil
Inspetor Bugiganga - pesquisas criativas para desenvolvimento ágilInspetor Bugiganga - pesquisas criativas para desenvolvimento ágil
Inspetor Bugiganga - pesquisas criativas para desenvolvimento ágilLu Terceiro
 
Design Thinking como potencializador do empreendedorismo
Design Thinking como potencializador do empreendedorismoDesign Thinking como potencializador do empreendedorismo
Design Thinking como potencializador do empreendedorismoLu Terceiro
 
Design como potencializar do empreendedorismo - WIAD 2016
Design como potencializar do empreendedorismo - WIAD 2016Design como potencializar do empreendedorismo - WIAD 2016
Design como potencializar do empreendedorismo - WIAD 2016Lu Terceiro
 
IxDA - Assembléia & Planejamento 2016
IxDA - Assembléia & Planejamento 2016IxDA - Assembléia & Planejamento 2016
IxDA - Assembléia & Planejamento 2016Lu Terceiro
 
Design Thinking para Startups #4
Design Thinking para Startups #4Design Thinking para Startups #4
Design Thinking para Startups #4Lu Terceiro
 
Iux para deficientes visuais - UX Day Itaú - Cubo
Iux para deficientes visuais - UX Day Itaú - CuboIux para deficientes visuais - UX Day Itaú - Cubo
Iux para deficientes visuais - UX Day Itaú - CuboLu Terceiro
 
Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)
Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)
Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)Lu Terceiro
 
Além das telas: UX em dispositivos móveis
Além das telas: UX em dispositivos móveisAlém das telas: UX em dispositivos móveis
Além das telas: UX em dispositivos móveisLu Terceiro
 
Ferramentas Blogs
Ferramentas BlogsFerramentas Blogs
Ferramentas BlogsLu Terceiro
 

Mais de Lu Terceiro (20)

Lote - A friend for parents and children
Lote - A friend for parents and childrenLote - A friend for parents and children
Lote - A friend for parents and children
 
UOL HOST: Diplomacy for a good experience
UOL HOST:  Diplomacy for a good experience UOL HOST:  Diplomacy for a good experience
UOL HOST: Diplomacy for a good experience
 
Transformational Design Thinking - Aula 10
Transformational Design Thinking - Aula 10Transformational Design Thinking - Aula 10
Transformational Design Thinking - Aula 10
 
Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9Transformational Design Thinking - Aula 9
Transformational Design Thinking - Aula 9
 
Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8Transformational Design Thinking - Aula 8
Transformational Design Thinking - Aula 8
 
Transformational Design Thinking - Aula 7
Transformational Design Thinking - Aula 7Transformational Design Thinking - Aula 7
Transformational Design Thinking - Aula 7
 
Transformational Design Thinking - Aula 6
Transformational Design Thinking - Aula 6Transformational Design Thinking - Aula 6
Transformational Design Thinking - Aula 6
 
Transformational Design Thinking - Aula 5
Transformational Design Thinking - Aula 5Transformational Design Thinking - Aula 5
Transformational Design Thinking - Aula 5
 
Transformational Design Thinking - Aula 4
Transformational Design Thinking - Aula 4Transformational Design Thinking - Aula 4
Transformational Design Thinking - Aula 4
 
Transformational Design Thinking - Aula 1
Transformational Design Thinking - Aula 1Transformational Design Thinking - Aula 1
Transformational Design Thinking - Aula 1
 
UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...
UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...
UP[W]IT - Projeto Deevas da Tecnologia - TDC4Women - The Developer's Conferen...
 
Inspetor Bugiganga - pesquisas criativas para desenvolvimento ágil
Inspetor Bugiganga - pesquisas criativas para desenvolvimento ágilInspetor Bugiganga - pesquisas criativas para desenvolvimento ágil
Inspetor Bugiganga - pesquisas criativas para desenvolvimento ágil
 
Design Thinking como potencializador do empreendedorismo
Design Thinking como potencializador do empreendedorismoDesign Thinking como potencializador do empreendedorismo
Design Thinking como potencializador do empreendedorismo
 
Design como potencializar do empreendedorismo - WIAD 2016
Design como potencializar do empreendedorismo - WIAD 2016Design como potencializar do empreendedorismo - WIAD 2016
Design como potencializar do empreendedorismo - WIAD 2016
 
IxDA - Assembléia & Planejamento 2016
IxDA - Assembléia & Planejamento 2016IxDA - Assembléia & Planejamento 2016
IxDA - Assembléia & Planejamento 2016
 
Design Thinking para Startups #4
Design Thinking para Startups #4Design Thinking para Startups #4
Design Thinking para Startups #4
 
Iux para deficientes visuais - UX Day Itaú - Cubo
Iux para deficientes visuais - UX Day Itaú - CuboIux para deficientes visuais - UX Day Itaú - Cubo
Iux para deficientes visuais - UX Day Itaú - Cubo
 
Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)
Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)
Campus Party 2013 - Como mimar seus usuários (e fazer com que falem bem de você)
 
Além das telas: UX em dispositivos móveis
Além das telas: UX em dispositivos móveisAlém das telas: UX em dispositivos móveis
Além das telas: UX em dispositivos móveis
 
Ferramentas Blogs
Ferramentas BlogsFerramentas Blogs
Ferramentas Blogs
 

Guia completo sobre UX: Pesquisa, Prototipação e Teste

  • 2. Agenda • Quem somos? • Introdução • Como faz? – Pesquisa (20 min) – Prototipação (20 min) – Teste (20 min)
  • 3. Quem somos ? 314/09/2015 Luciana Terceiro Gerencia a equipe de Concepção & Interface de Produtos e dá uns pitacos nos projetos.
  • 4. Quem somos ? 414/09/2015 Ana Paula Batista Rádio UOL e lidera pesquisas com usuários.
  • 5. Quem somos ? 14/09/2015 5 Stefan Martins UOL DIVEO e pesquisa com usuários
  • 6. 614/09/2015 Oi, nós somos a Equipe de Concepção e Interface de Produtos do UOL.
  • 7. E trabalhamos nos produtos e serviços do UOL
  • 9. 14/09/2015 9 Como guardo na memórias as estações?
  • 10. 14/09/2015 10 Quero ativar as legendas, e agora?
  • 11. Montage: Unboxing the Nexus 7 is fun! Experiência do Usuário
  • 12. “Você deve começar com a experiência do consumidor e depois ir pra tecnologia. Você não deve começar pela tecnologia e depois descobrir como seu usuário vai utilizar seu produto." (Steve Jobs)
  • 14. O que é Experiência do Usuário (UX)?Experiência do usuário (UX) são todas as interações que a pessoa pode ter durante o uso de um serviço ou produto.
  • 20. Quem trabalha com UX faz... Pesquisa PrototipaçãoTeste
  • 21. 14/09/2015 21 Como iniciar um projeto com foco no usuário?
  • 23. “Doque as mulheres gostam” Entendendo o usuário
  • 24. Pesquisa – Qual o objetivo? Planejar e desenvolver um produto ou serviço que atenda as necessidades das pessoas e que seja eficiente, eficaz e satisfatório.
  • 25. Pesquisa – Serve para? Entender para quem será desenvolvido o site ou aplicativo, se o produto tem concorrentes e o que eles fazem de bom ou ruim, a cultura e hábitos de quem vai usar, o conhecimento necessário.
  • 26. Pesquisa – O que podemos fazer? Entrevistas Questionários Card sorting Personas Benchmarking Focus Group
  • 27. Proposta de Hands-on de Pesquisa • Cardsorting de alguns tópicos da home do UOL (5 categorias com 3 itens = 20 itens para categorizar) • Podemos fazer cartões com os itens e post-its para criar novos itens se eles acharem necessário. Talvez ter 3 jogos de cartões iguais para dividirmos os participantes em 3 grupos. Assine UOL Clube UOL Espaço do Assinante SAC Notícias Folha de S. Paulo Saúde Tecnologia Esporte Copa do Brasil MMA Fórmula 1 Entretenimento Cinema e Filmes Humor Viagem Mulher Casa e Decoração Dieta e Boa Forma Horóscopo
  • 28. Atividade 1 CARDSORTING Organização dos cartões em agrupamentos para o menu de um site. 14/09/2015 28
  • 29. 14/09/2015 29 Como colocar as ideias em prática?
  • 31. Protótipo – Qual o objetivo? Construir um produto ou serviço que atenda as necessidades, faça sentido e que possa ser usado pelas pessoas.
  • 32. Protótipo – Serve para? Materializar as ideias que estavam apenas na mente das pessoas e achar soluções. É no protótipo que se tem como mostrar a organização das informações, áreas e a interação de um site, sistema ou aplicativo. Levantar requisitos, limitações técnicas, entender fluxos de interação e mostrar para o usuário o que ele irá encontrar.
  • 33. Protótipo – O que podemos fazer? Rascunhos Protótipos em Papel Mapas e Fluxos de Navegação Protótipos Navegável Wireframes
  • 34. Atividade 2 PAPER PROTOTYPING Desenho dos elementos de interação em um smartphone. 14/09/2015 34
  • 35. 14/09/2015 35 Como validar o que fiz e provar que realmente funciona?
  • 37. Teste – Qual o objetivo? Validar o uso de um produto ou serviço pelas pessoas que representam os usuário reais.
  • 38. Teste – Serve para? Entender o comportamento de uso, prever possíveis erros na interface e de fluxo de interação e avaliar a compreensão de termos de um produto ou serviço.
  • 39. Teste – O que podemos fazer? Teste de Usabilidade Teste em protótipo de papel
  • 40. Atividade 3 TESTE DE USABILIDADE Orientações para a execução de um teste de usabilidade. 14/09/2015 40
  • 41. Av. Brig. Faria Lima, 1.384, 4º andar CEP 01452-002 . São Paulo/SP Telefone: 11 3914.9559 www.uol.com.br 14/09/2015 41 Obrigado ;-) Equipe de Concepção & Interface de Produtos – P&D Luciana Terceiro lhamamoto@uolinc.com Ana Paula Batista abatista@uolinc.com Stefan Martins smartins@uolinc.com