UX para desenvolvedores aborda qual parte do design de experiência do usuário cabe ao desenvolvedor e como o mesmo pode ajudar toda equipe com conhecimentos técnicos que validam e consolidam a experiência.
1. Ux design
for developers
Pedro Marques
Designer de Interfaces @ Plan B Comunicação
@pedro_designer | pedro@marksdesign.com.br
sábado, 22 de fevereiro de 14
2. QUEM SOU EU?
UI Designer
UX Designer
Usuário
Jamal
sábado, 22 de fevereiro de 14
3. Quero criar um produto
O que é preciso?
sábado, 22 de fevereiro de 14
4. O QUE É UX?
“Nossa é difícil usar isso”
“Que app lento”
“Má quê esso?”
sábado, 22 de fevereiro de 14
5. Usuário não é burro
Mas o que para você é obvio
para ele pode ser complexo
sábado, 22 de fevereiro de 14
6. O QUE É UX?
Arquitetura
Design de interação
Design Visual
sábado, 22 de fevereiro de 14
7. O QUE É UX?
Arquitetura
Design de interação
Design Visual
PERFORMANCE
sábado, 22 de fevereiro de 14
21. Boas Práticas
‣ Melhoria continua
‣ Feedback de erro/confirmação
‣ Animações
‣ Considere a conexão
‣ Carregamento em fila
sábado, 22 de fevereiro de 14
26. Boas Práticas
‣ Melhoria continua
‣ Feedback de erro/confirmação
‣ Animações
‣ Considere a conexão
‣ Carregamento em fila
sábado, 22 de fevereiro de 14
31. Boas Práticas
‣ Melhoria continua
‣ Feedback de erro/confirmação
‣ Animações
‣ Considere a conexão
‣ Carregamento em fila
sábado, 22 de fevereiro de 14
32. Boas Práticas
‣ Faça sua aplicação consistente
‣ Sempre informe cada passo do usuário
‣ Deixe o usuário no controle
‣ Use sua própria aplicação
‣ Não confie no seu código.
sábado, 22 de fevereiro de 14
33. Lean UX
Metodologia ágil de UX
Conceito > Protótipo > Validação Interna > Teste externo > Aprender com
o comportamento > Repetir o processo
sábado, 22 de fevereiro de 14
34. Lean UX Metodologia ágil de UX
•Enquadre uma visão do problema com toda a equipe.
•Compartilhe sua ideias o quanto antes com a sua equipe;
•Crie o MVP
•Incorpore a voz do cliente durante todo o ciclo do projeto;
•Misture o Lean UX com as Sprints do Scrum
sábado, 22 de fevereiro de 14
36. Cases
Eu vi e vivi.
OTC 2013
Petrobras
Páginas internas com cliques em pontos específicos para rolar o conteúdo
pois o projeto era responsivo e seria exibido em painéis touch no evento.
Animações de infográficos que ajudam também no tempo de carregamento da
página
sábado, 22 de fevereiro de 14
37. Cases
Eu vi e vivi.
Petrobras Conhecer
Petrobras
Revista digital Híbrida construída em HTML5 + CSS3 + JavaScript
Portal com mesmo conteúdo, porém responsivo.
sábado, 22 de fevereiro de 14
39. Valeu!
que a força esteja com vocês.
Pedro Marques
Designer de Interfaces @ Plan B Comunicação
@pedro_designer | pedro@marksdesign.com.br
sábado, 22 de fevereiro de 14