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ência...
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...
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ímid...
Controle - Netshoes 
Pontos fracos 
O tratamento de erros foi feito, a linguagem está clara, mas visualmente é muito tímid...
Controle - Kanui 
Pontos fortes 
Tratamento de erro interessante, isolado do conteúdo. Além disso ainda permite que o usuá...
Controle 
Pontos fortes a seguir 
•“Migalha de pão” ao topo para orientar o usuário onde ele está, podendo voltar para seç...
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 – Bel...
Próximos SlideShares
Carregando em…5
×

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

591 visualizações

Publicada em

Portfolio com o resumo de alguns trabalhos envolvendo Usabilidade, Experiência do usuário, Arquitetura da informação e Design.

Publicada em: Design
  • Seja o primeiro a comentar

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

  1. 1. Daniel Mendes Portfolio Design e Experiência do usuário
  2. 2. O que é UX?
  3. 3. É adaptar as coisas às pessoas
  4. 4. Perfil dos Usuários Conhecendo melhor o perfil dos usuários através de pesquisas Experiência do usuário
  5. 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?
  6. 6. Entrevistas Cultural Comportamental Cognitivo Social
  7. 7. Pesquisa online Questionários online
  8. 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
  9. 9. Big Data Socialise
  10. 10. Persona Caracterizar fisicamente a pessoa com seu jeito, forma de agir e pensar e suas preferências.
  11. 11. Persona GeekMania Artigos para nerds
  12. 12. Persona
  13. 13. Persona
  14. 14. Persona
  15. 15. Persona da interface
  16. 16. Análise Heurística Encontrar soluções e novas abordagens para um problema Experiência do usuário
  17. 17. Análise heurística Pontos fortes Pontos fracos Melhores práticas Encontrabilidade Aprendizado Clareza Controle
  18. 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. 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. 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. 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. 22. Mapa do site ou app Cardsorting
  23. 23. Case Estudo de caso: Portal Corporativo
  24. 24. Taxonomia Classificação humana Migração automatizada Estudo de caso:
  25. 25. Taxonomia Estudo de caso:
  26. 26. Taxonomia Estudo de caso:
  27. 27. Case Projeto Ebook para iPad e iPhone Cem dias entre Céu e Mar Amyr Klink Companhia das Letras
  28. 28. Wireframes
  29. 29. Wireframes
  30. 30. Wireframes
  31. 31. Wireframes
  32. 32. Wireframes
  33. 33. Wireframes
  34. 34. Wireframes
  35. 35. Wireframes
  36. 36. Wireframes
  37. 37. Wireframes
  38. 38. Wireframes
  39. 39. Wireframes
  40. 40. Wireframes
  41. 41. Wireframes
  42. 42. Wireframes
  43. 43. Wireframes
  44. 44. Wireframes Estudo de caso: Sorriso Digital
  45. 45. Testes de usabilidade Tarefas Feedbacks
  46. 46. Testes de usabilidade Eye Tracking
  47. 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

×