1.
UX / UI
para programadores
por Mônica Mesquita

2.
Mônica
Mesquita
▪Sou Publicitária
▪UI/UX Designer
▪Youtuber nas horas vagas
▪Fã da Apple
▪Palmeirense
▪Cristã

3.
Vamos começar

4.
O que é
UX?
User / Usuário
eXperience / Experiência

5.
Usuário
É a pessoa que usa determinado produto ou serviço.
Se ele usa, ele é usuário!

6.
Experiência
Qualquer conhecimento obtido por meio dos sentidos. {google}
Algum sentimento bom ou ruim ao fazer algo.

7.
E o que é
UX Design?

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.
IMPORTANTE!
Não podemos projetar a experiência do usuário.
Nós podemos projetar PARA a experiência do usuário.

10.
Quem
faz Parte?

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.
Toda boa
experiência
deve atender a 3 pontos:

13.
Utilidade
preciso usar?

14.
Usabilidade
consigo usar?

15.
Desejabilidade
quero usar?

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.
Diferença entre
UX e UI?
Experiência do Usuário
Interface do Usuário

18.
VAMOS ENTENDER

19.
UX / UI
NO MUNDO DIGITAL

20.
O usuário
não é burro!
O que para você é óbvio
para ele pode não ser

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.
PROGRAMADOR DESIGNERVS

23.
IT´S A CRUSH!
PROGRAMADOR DESIGNER

24.
DESIGN
NÃO É
TUDO

25.
Cliente Designer Team UX

26.
Não existe uma boa UI (interface)
sem um bom desenvolvimento

27.
EXEMPLOS!

28.
Software Financeiro

29.
Instagram

30.
TECNOLOGIA
E USUÁRIO

31.
25% das pessoas
estão conectadas em 4 ou mais devices por semana
Pew Research Center 2015

32.
Fluxo de UX Design
Definição Pesquisa ProtótipoEstratégia TesteDesenvolvimento

33.
Definição Pesquisa ProtótipoEstratégia TesteDesenvolvimento
Fluxo de UX Design

34.
Protótipos
e Testes

35.
Protótipo em Baixa Fidelidade

36.
Protótipo em Alta Fidelidade

37.
Teste com usuários

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.
HORA DA
PAUSA

40.
COMO EVITAR QUE SEU
USUÁRIO SE FRUSTRE?

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.
NÃO SE ESQUEÇA:
VOCÊ TEM 5 SEGUNDOS
PARA CHAMAR A ATENÇÃO
DO USUÁRIO
Carregue o que
for útil primeiro

43.
Renderização Progressiva

44.
Indicadores de Progresso

45.
Converse
com seu usuário

46.
Botões
Inteligentes

47.
Utilize ícones

48.
Oi?

49.
Crie
atalhos

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.
Essas dicas o ajudarão a
não frustrar o usuário
"Little Pig"

52.
Com UX todo mundo fica feliz!

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.
Livros

55.
Obrigada!
→ Facebook: momesquita
→ Twitter: momesquita
→ Snapchat: moonicamesquita
→ Instagram: momesquita_