Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
UX / UI

para programadores
por Mônica Mesquita
Mônica 

Mesquita
▪Sou Publicitária
▪UI/UX Designer
▪Youtuber nas horas vagas
▪Fã da Apple
▪Palmeirense
▪Cristã
Vamos começar
O que é
UX?
User / Usuário
eXperience / Experiência
Usuário
É a pessoa que usa determinado produto ou serviço. 
Se ele usa, ele é usuário!
Experiência
Qualquer conhecimento obtido por meio dos sentidos. {google}
Algum sentimento bom ou ruim ao fazer algo.
E o que é
UX Design?
“O UX Design é a área que realiza pesquisas e testes
com pessoas para saber a MANEIRA IDEAL para criar
interfaces fáceis e...
IMPORTANTE!
Não podemos projetar a experiência do usuário.
Nós podemos projetar PARA a experiência do usuário.
Quem 

faz Parte?
Design
CENTRADO
no Usuário
é o processo onde mantemos o
foco nas necessidades, desejos
e limitações dos usuários
durante t...
Toda boa
experiência
deve atender a 3 pontos:
Utilidade
preciso usar?
Usabilidade
consigo usar?
Desejabilidade
quero usar?
Lembre-se:
“O papel do UX Design não é apenas em criar boas experiências,
mas sobre evitar experiências ruins.”
Luiz Mizut...
Diferença entre
UX e UI?
Experiência do Usuário
Interface do Usuário
VAMOS ENTENDER
UX / UI
NO MUNDO DIGITAL
O usuário 

não é burro!
O que para você é óbvio
para ele pode não ser
“Para uma
experiência ideal
é preciso oferecer o
que o usuário deseja ou
procura de forma simples
e direta”
Donald Norman ...
PROGRAMADOR DESIGNERVS
IT´S A CRUSH!
PROGRAMADOR DESIGNER
DESIGN
NÃO É
TUDO
Cliente Designer Team UX
Não existe uma boa UI (interface)
sem um bom desenvolvimento
EXEMPLOS!
Software Financeiro
Instagram
TECNOLOGIA
E USUÁRIO
25% das pessoas
estão conectadas em 4 ou mais devices por semana
Pew Research Center 2015
Fluxo de UX Design
Definição Pesquisa ProtótipoEstratégia TesteDesenvolvimento
Definição Pesquisa ProtótipoEstratégia TesteDesenvolvimento
Fluxo de UX Design
Protótipos
e Testes
Protótipo em Baixa Fidelidade
Protótipo em Alta Fidelidade
Teste com usuários
O custo para consertar um erro num produto
depois de lançado é 100 vezes maior que fazer
isso durante o processo de desenv...
HORA DA
PAUSA
COMO EVITAR QUE SEU
USUÁRIO SE FRUSTRE?
Performance
74% dos usuários
abandonam o site/aplicativo após esperar 5 segundos
para que ele carregue.
Funcionalidade
Se ...
NÃO SE ESQUEÇA:
VOCÊ TEM 5 SEGUNDOS
PARA CHAMAR A ATENÇÃO
DO USUÁRIO
Carregue o que
for útil primeiro
Renderização Progressiva
Indicadores de Progresso
Converse 

com seu usuário
Botões
Inteligentes
Utilize ícones
Oi?
Crie
atalhos
Tipografia
Nada é mais irritante para um usuário do que ter que se
esforçar para ler algo de seu interesse.
OLATUDO BOM?
Essas dicas o ajudarão a
não frustrar o usuário
"Little Pig"
Com UX todo mundo fica feliz!
Mão na massa!
Desenhar o protótipo (wireframe)
de um sistema de curso online
Telas exigidas:
1) Login 2) Home 3) Assistir ...
Livros
Obrigada!
→ Facebook: momesquita
→ Twitter: momesquita
→ Snapchat: moonicamesquita
→ Instagram: momesquita_
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
UX UI para Programadores
Upcoming SlideShare
Loading in …5
×

UX UI para Programadores

Mônica Mesquita

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

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_

×