SlideShare una empresa de Scribd logo
1 de 47
Descargar para leer sin conexión
Daniel Mendes 
Portfolio 
Design e Experiência do usuário
O que é UX?
É adaptar as coisas às pessoas
Perfil dos Usuários 
Conhecendo melhor o perfil dos usuários através de pesquisas 
Experiência do usuário
Perfil dos usuários 
•Cultural Bagagem Vivência com digital 
•Cognitivo Percepção Aprendizado 
•Comportamental Preferências Opiniões 
•Social Idade, gênero Habitos 
Quem?
Entrevistas 
Cultural 
Comportamental 
Cognitivo 
Social
Pesquisa online 
Questionários online
Big Data 
Futebol Brasileiro 
Xbox Brasil 
Futebol 
Gameloft 
Pou 
CityVille 
Voleibol 
Truco 
UNO 
Ubisoft Brasil 
Xadrez 
Xbox 
Angry Birds 
Guitar Hero 
EA SPORTS FIFA 
Banco imobiliário 
EA Sports FIFA Brasil 
Reino dos Jogos Online 
Pro Evolution Soccer 
Pro Evolution Soccer Brasil 
LEGO 
CSR Racing - Official Community 
Zynga Poker (Português) 
CastleVille 
Reciclagem Divertida 
League of Legends - Brasil 
Texas HoldEm Poker 
PAC-MAN 
Pôquer 
God of War 
Need for Speed 
Paciência 
tenis 
Semaan Brinquedos 
NetCartas 
Adventure World (Português) 
Jogo de cartas buraco 
Dominó 
Damas 
The Sims 
UFC Undisputed (THQ) 
Street Fighter 
World of Warcraft 
Golaço - Esporte Interativo 
Eu era feliz e não sabia 
Futbol 
Fabrica Encantada BC (Casinhas de Boneca) 
Sonic The Hedgehog 
Battlefield 
Minecraft 
Cut the Rope 
Temple Run 
XoX Jogos 
God of War 2 
God of War III 
Tranca 
Mundo dos Games 
Paciência Spider 
Basquetebol 
Racha Cuca 
Xicko's Brinquedos 
Clube Do Brinquedo 
buraco 
Mobigame 
Nenhum 
Free Casual Games 
Imagem e ação 
App Center 
Pro Evolution Soccer 2011 
Baralho 
Joanninha 
Zynga RewardVille 
MegaCity 
Estilo Geek 
FUTSAL 
gta IV 
FUTEBOL,VOLEI. 
League of Legends 
Café Mania 
Fonte: 
GeekMania 
Artigos para nerds
Big Data 
Socialise
Persona 
Caracterizar fisicamente a pessoa com seu jeito, forma de agir e pensar e suas preferências.
Persona 
GeekMania 
Artigos para nerds
Persona
Persona
Persona
Persona da interface
Análise Heurística 
Encontrar soluções e novas 
abordagens para um problema 
Experiência do usuário
Análise heurística 
Pontos fortes 
Pontos fracos 
Melhores práticas 
Encontrabilidade 
Aprendizado 
Clareza 
Controle
Controle - Centauro 
Pontos fracos 
O tratamento de erros foi feito, a linguagem está clara, mas visualmente é muito tímido. Usuários podem abandonar a compra por acharem que está com problema o sistema, ou por não conseguirem seguir em frente
Controle - Netshoes 
Pontos fracos 
O tratamento de erros foi feito, a linguagem está clara, mas visualmente é muito tímido. Usuários podem abandonar a compra por isso
Controle - Kanui 
Pontos fortes 
Tratamento de erro interessante, isolado do conteúdo. Além disso ainda permite que o usuário corrija a ação.
Controle 
Pontos fortes a seguir 
•“Migalha de pão” ao topo para orientar o usuário onde ele está, podendo voltar para seção anterior 
•Processo de compra exibir as etapas como wizard, com link para poder voltar etapas (pagamento / frete / etc) 
•Tratamento de erros na compra deve ser claro e bem visual, de preferência isolar do conteúdo para usuários leigos verem e seguirem 
Pontos fracos a evitar 
•Tratamento de erros tímido visualmente ou deslocado da tela principal 
•Etapas do processo de compra devem conter links 
Melhores práticas 
•A orientação do usuário, o tratamento de erros bem visual e as etapas de compra que podem ser “voltadas”
Mapa do site ou app 
Cardsorting
Case 
Estudo de caso: Portal Corporativo
Taxonomia 
Classificação humana 
Migração 
automatizada 
Estudo de caso:
Taxonomia 
Estudo de caso:
Taxonomia 
Estudo de caso:
Case 
Projeto Ebook para iPad e iPhone Cem dias entre Céu e Mar Amyr Klink Companhia das Letras
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes
Wireframes 
Estudo de caso: Sorriso Digital
Testes de usabilidade 
Tarefas 
Feedbacks
Testes de usabilidade 
Eye Tracking
Obrigado! 
Daniel Mendes danielnmendes@gmail.com br.linkedin.com/in/danielnobregamendes/ Formação Desenho Industrial – Belas Artes MBA em Marketing - ESPM Atuação Design e Usabilidade Gestão do conhecimento Gestão de projetos Ciência de dados Empreendedorismo

Más contenido relacionado

Similar a Portfolio - Daniel Mendes - Design e Experiência do Usuário | UX

Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...Rafael Xavier, Msc.
 
Wii Shop Channel - 3
Wii Shop Channel - 3Wii Shop Channel - 3
Wii Shop Channel - 3marcelgom
 
Indústria de Games e Introdução ao Construct 3
Indústria de Games e Introdução ao Construct 3Indústria de Games e Introdução ao Construct 3
Indústria de Games e Introdução ao Construct 3Anny Caroline Sousa
 
20 Modelos de Pesquisa de Satisfação de Clientes
20 Modelos de Pesquisa de Satisfação de Clientes20 Modelos de Pesquisa de Satisfação de Clientes
20 Modelos de Pesquisa de Satisfação de ClientesTracksale
 
UX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPUX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPAlexandre Tarifa
 
Midia social dando dinheiro
Midia social dando dinheiroMidia social dando dinheiro
Midia social dando dinheiroDennis Ferreira
 
[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis
[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis
[MobiTrends] Desenvolvimento de Jogos para Dispositivos MóveisAlvaro Cavalcanti
 
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...Rakuten Brasil
 
Meet Magento 2014 OSC brasil 6 pro 2
Meet Magento 2014 OSC brasil 6 pro 2Meet Magento 2014 OSC brasil 6 pro 2
Meet Magento 2014 OSC brasil 6 pro 2Deivison Serpa
 
Teste e Otimização de Interfaces Digitais - Huxley Dias
Teste e Otimização de Interfaces Digitais - Huxley DiasTeste e Otimização de Interfaces Digitais - Huxley Dias
Teste e Otimização de Interfaces Digitais - Huxley DiasHuxley Dias
 
Londres brasil mercado digital technologias e oportunidades
Londres brasil mercado digital technologias e oportunidadesLondres brasil mercado digital technologias e oportunidades
Londres brasil mercado digital technologias e oportunidades✈Bernardo Carvalho Wertheim
 
CóPia De Aula2 Timkt
CóPia De Aula2 TimktCóPia De Aula2 Timkt
CóPia De Aula2 Timkttaniamaciel
 
INBENTA DIGITALKS PORTO ALEGRE
INBENTA DIGITALKS PORTO ALEGREINBENTA DIGITALKS PORTO ALEGRE
INBENTA DIGITALKS PORTO ALEGREInbenta_BR
 
Gameficacao do mundo corporativo
Gameficacao do mundo corporativoGameficacao do mundo corporativo
Gameficacao do mundo corporativoMarcelo Sávio
 

Similar a Portfolio - Daniel Mendes - Design e Experiência do Usuário | UX (20)

[SMS2011] Mídia Social dando Dinheiro - Dennis Ferreira
[SMS2011] Mídia Social dando Dinheiro - Dennis Ferreira[SMS2011] Mídia Social dando Dinheiro - Dennis Ferreira
[SMS2011] Mídia Social dando Dinheiro - Dennis Ferreira
 
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
Análise de comportamento da terceira idade ao efetuar uma compra no site Amer...
 
Wii Shop Channel - 3
Wii Shop Channel - 3Wii Shop Channel - 3
Wii Shop Channel - 3
 
Indústria de Games e Introdução ao Construct 3
Indústria de Games e Introdução ao Construct 3Indústria de Games e Introdução ao Construct 3
Indústria de Games e Introdução ao Construct 3
 
20 Modelos de Pesquisa de Satisfação de Clientes
20 Modelos de Pesquisa de Satisfação de Clientes20 Modelos de Pesquisa de Satisfação de Clientes
20 Modelos de Pesquisa de Satisfação de Clientes
 
UX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAPUX: Creating Killer Experiences - FIAP
UX: Creating Killer Experiences - FIAP
 
Midia social dando dinheiro
Midia social dando dinheiroMidia social dando dinheiro
Midia social dando dinheiro
 
[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis
[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis
[MobiTrends] Desenvolvimento de Jogos para Dispositivos Móveis
 
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
Como a experiência do cliente em uma loja virtual afeta as vendas - Pablo Can...
 
Aula7
Aula7Aula7
Aula7
 
Intensivo 80h Midias Digitais Aula 1
Intensivo 80h   Midias Digitais Aula 1Intensivo 80h   Midias Digitais Aula 1
Intensivo 80h Midias Digitais Aula 1
 
Meet Magento 2014 OSC brasil 6 pro 2
Meet Magento 2014 OSC brasil 6 pro 2Meet Magento 2014 OSC brasil 6 pro 2
Meet Magento 2014 OSC brasil 6 pro 2
 
Curso gamification educação
Curso gamification educaçãoCurso gamification educação
Curso gamification educação
 
Teste e Otimização de Interfaces Digitais - Huxley Dias
Teste e Otimização de Interfaces Digitais - Huxley DiasTeste e Otimização de Interfaces Digitais - Huxley Dias
Teste e Otimização de Interfaces Digitais - Huxley Dias
 
Londres brasil mercado digital technologias e oportunidades
Londres brasil mercado digital technologias e oportunidadesLondres brasil mercado digital technologias e oportunidades
Londres brasil mercado digital technologias e oportunidades
 
Yahoo 2015 geral
Yahoo 2015 geralYahoo 2015 geral
Yahoo 2015 geral
 
Aula2 Timkt
Aula2 TimktAula2 Timkt
Aula2 Timkt
 
CóPia De Aula2 Timkt
CóPia De Aula2 TimktCóPia De Aula2 Timkt
CóPia De Aula2 Timkt
 
INBENTA DIGITALKS PORTO ALEGRE
INBENTA DIGITALKS PORTO ALEGREINBENTA DIGITALKS PORTO ALEGRE
INBENTA DIGITALKS PORTO ALEGRE
 
Gameficacao do mundo corporativo
Gameficacao do mundo corporativoGameficacao do mundo corporativo
Gameficacao do mundo corporativo
 

Último

AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 

Último (9)

AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 

Portfolio - Daniel Mendes - Design e Experiência do Usuário | UX

  • 1. Daniel Mendes Portfolio Design e Experiência do usuário
  • 2. O que é UX?
  • 3. É adaptar as coisas às pessoas
  • 4. Perfil dos Usuários Conhecendo melhor o perfil dos usuários através de pesquisas Experiência do usuário
  • 5. Perfil dos usuários •Cultural Bagagem Vivência com digital •Cognitivo Percepção Aprendizado •Comportamental Preferências Opiniões •Social Idade, gênero Habitos Quem?
  • 8. Big Data Futebol Brasileiro Xbox Brasil Futebol Gameloft Pou CityVille Voleibol Truco UNO Ubisoft Brasil Xadrez Xbox Angry Birds Guitar Hero EA SPORTS FIFA Banco imobiliário EA Sports FIFA Brasil Reino dos Jogos Online Pro Evolution Soccer Pro Evolution Soccer Brasil LEGO CSR Racing - Official Community Zynga Poker (Português) CastleVille Reciclagem Divertida League of Legends - Brasil Texas HoldEm Poker PAC-MAN Pôquer God of War Need for Speed Paciência tenis Semaan Brinquedos NetCartas Adventure World (Português) Jogo de cartas buraco Dominó Damas The Sims UFC Undisputed (THQ) Street Fighter World of Warcraft Golaço - Esporte Interativo Eu era feliz e não sabia Futbol Fabrica Encantada BC (Casinhas de Boneca) Sonic The Hedgehog Battlefield Minecraft Cut the Rope Temple Run XoX Jogos God of War 2 God of War III Tranca Mundo dos Games Paciência Spider Basquetebol Racha Cuca Xicko's Brinquedos Clube Do Brinquedo buraco Mobigame Nenhum Free Casual Games Imagem e ação App Center Pro Evolution Soccer 2011 Baralho Joanninha Zynga RewardVille MegaCity Estilo Geek FUTSAL gta IV FUTEBOL,VOLEI. League of Legends Café Mania Fonte: GeekMania Artigos para nerds
  • 10. Persona Caracterizar fisicamente a pessoa com seu jeito, forma de agir e pensar e suas preferências.
  • 16. Análise Heurística Encontrar soluções e novas abordagens para um problema Experiência do usuário
  • 17. Análise heurística Pontos fortes Pontos fracos Melhores práticas Encontrabilidade Aprendizado Clareza Controle
  • 18. Controle - Centauro Pontos fracos O tratamento de erros foi feito, a linguagem está clara, mas visualmente é muito tímido. Usuários podem abandonar a compra por acharem que está com problema o sistema, ou por não conseguirem seguir em frente
  • 19. Controle - Netshoes Pontos fracos O tratamento de erros foi feito, a linguagem está clara, mas visualmente é muito tímido. Usuários podem abandonar a compra por isso
  • 20. Controle - Kanui Pontos fortes Tratamento de erro interessante, isolado do conteúdo. Além disso ainda permite que o usuário corrija a ação.
  • 21. Controle Pontos fortes a seguir •“Migalha de pão” ao topo para orientar o usuário onde ele está, podendo voltar para seção anterior •Processo de compra exibir as etapas como wizard, com link para poder voltar etapas (pagamento / frete / etc) •Tratamento de erros na compra deve ser claro e bem visual, de preferência isolar do conteúdo para usuários leigos verem e seguirem Pontos fracos a evitar •Tratamento de erros tímido visualmente ou deslocado da tela principal •Etapas do processo de compra devem conter links Melhores práticas •A orientação do usuário, o tratamento de erros bem visual e as etapas de compra que podem ser “voltadas”
  • 22. Mapa do site ou app Cardsorting
  • 23. Case Estudo de caso: Portal Corporativo
  • 24. Taxonomia Classificação humana Migração automatizada Estudo de caso:
  • 27. Case Projeto Ebook para iPad e iPhone Cem dias entre Céu e Mar Amyr Klink Companhia das Letras
  • 44. Wireframes Estudo de caso: Sorriso Digital
  • 45. Testes de usabilidade Tarefas Feedbacks
  • 46. Testes de usabilidade Eye Tracking
  • 47. Obrigado! Daniel Mendes danielnmendes@gmail.com br.linkedin.com/in/danielnobregamendes/ Formação Desenho Industrial – Belas Artes MBA em Marketing - ESPM Atuação Design e Usabilidade Gestão do conhecimento Gestão de projetos Ciência de dados Empreendedorismo