Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

UX UI para Programadores

492 vues

Publié le

Mônica Mesquita

Publié dans : Technologie

UX UI para Programadores

  1. 1. UX / UI
 para programadores por Mônica Mesquita
  2. 2. Mônica 
 Mesquita ▪Sou Publicitária ▪UI/UX Designer ▪Youtuber nas horas vagas ▪Fã da Apple ▪Palmeirense ▪Cristã
  3. 3. Vamos começar
  4. 4. O que é UX? User / Usuário eXperience / Experiência
  5. 5. Usuário É a pessoa que usa determinado produto ou serviço.  Se ele usa, ele é usuário!
  6. 6. Experiência Qualquer conhecimento obtido por meio dos sentidos. {google} Algum sentimento bom ou ruim ao fazer algo.
  7. 7. E o que é UX Design?
  8. 8. “O UX Design é a área que realiza pesquisas e testes com pessoas para saber a MANEIRA IDEAL para criar interfaces fáceis e inovadoras.”
  9. 9. IMPORTANTE! Não podemos projetar a experiência do usuário. Nós podemos projetar PARA a experiência do usuário.
  10. 10. Quem 
 faz Parte?
  11. 11. Design CENTRADO no Usuário é o processo onde mantemos o foco nas necessidades, desejos e limitações dos usuários durante todo o projeto.
  12. 12. Toda boa experiência deve atender a 3 pontos:
  13. 13. Utilidade preciso usar?
  14. 14. Usabilidade consigo usar?
  15. 15. Desejabilidade quero usar?
  16. 16. Lembre-se: “O papel do UX Design não é apenas em criar boas experiências, mas sobre evitar experiências ruins.” Luiz Mizutani
  17. 17. Diferença entre UX e UI? Experiência do Usuário Interface do Usuário
  18. 18. VAMOS ENTENDER
  19. 19. UX / UI NO MUNDO DIGITAL
  20. 20. O usuário 
 não é burro! O que para você é óbvio para ele pode não ser
  21. 21. “Para uma experiência ideal é preciso oferecer o que o usuário deseja ou procura de forma simples e direta” Donald Norman {Apple 1990}
  22. 22. PROGRAMADOR DESIGNERVS
  23. 23. IT´S A CRUSH! PROGRAMADOR DESIGNER
  24. 24. DESIGN NÃO É TUDO
  25. 25. Cliente Designer Team UX
  26. 26. Não existe uma boa UI (interface) sem um bom desenvolvimento
  27. 27. EXEMPLOS!
  28. 28. Software Financeiro
  29. 29. Instagram
  30. 30. TECNOLOGIA E USUÁRIO
  31. 31. 25% das pessoas estão conectadas em 4 ou mais devices por semana Pew Research Center 2015
  32. 32. Fluxo de UX Design Definição Pesquisa ProtótipoEstratégia TesteDesenvolvimento
  33. 33. Definição Pesquisa ProtótipoEstratégia TesteDesenvolvimento Fluxo de UX Design
  34. 34. Protótipos e Testes
  35. 35. Protótipo em Baixa Fidelidade
  36. 36. Protótipo em Alta Fidelidade
  37. 37. Teste com usuários
  38. 38. O custo para consertar um erro num produto depois de lançado é 100 vezes maior que fazer isso durante o processo de desenvolvimento. EEEITA!
  39. 39. HORA DA PAUSA
  40. 40. COMO EVITAR QUE SEU USUÁRIO SE FRUSTRE?
  41. 41. Performance 74% dos usuários abandonam o site/aplicativo após esperar 5 segundos para que ele carregue. Funcionalidade Se algo não funcionar, a experiência do usuário já está comprometida.
  42. 42. NÃO SE ESQUEÇA: VOCÊ TEM 5 SEGUNDOS PARA CHAMAR A ATENÇÃO DO USUÁRIO Carregue o que for útil primeiro
  43. 43. Renderização Progressiva
  44. 44. Indicadores de Progresso
  45. 45. Converse 
 com seu usuário
  46. 46. Botões Inteligentes
  47. 47. Utilize ícones
  48. 48. Oi?
  49. 49. Crie atalhos
  50. 50. Tipografia Nada é mais irritante para um usuário do que ter que se esforçar para ler algo de seu interesse. OLATUDO BOM?
  51. 51. Essas dicas o ajudarão a não frustrar o usuário "Little Pig"
  52. 52. Com UX todo mundo fica feliz!
  53. 53. Mão na massa! Desenhar o protótipo (wireframe) de um sistema de curso online Telas exigidas: 1) Login 2) Home 3) Assistir ao curso selecionado. Dicas para o conteúdo: Meus vídeos, Últimos assistidos, Últimos adicionados, Recomendado, Mostrar avaliação do vídeo, Mostrar tempo de duração, Categorias: Iniciante ou Intermediário, Adicionar comentários e notas.
  54. 54. Livros
  55. 55. Obrigada! → Facebook: momesquita → Twitter: momesquita → Snapchat: moonicamesquita → Instagram: momesquita_

×