Upload
pedro-marques
View
690
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
Ux designfor developers
Pedro MarquesUI/UX Designer @ CI&T@pedro_designer | [email protected]
sábado, 17 de maio de 14
QUEM SOU EU?UI/UX Designer @ CI&TFront End DeveloperMetido a redatorUsuárioJamal
sábado, 17 de maio de 14
tA
Altamente Ácido
sábado, 17 de maio de 14
tA
sábado, 17 de maio de 14
FREELAS <3
sábado, 17 de maio de 14
O QUE É UX?
“Nossa é difícil usar isso”
“Que app lento”
“Má quê esso?”
sábado, 17 de maio de 14
O QUE É UX?
“Nossa é difícil usar isso”
“Que app lento”
“Má quê esso?”
“Que portal lerdo”
sábado, 17 de maio de 14
Usuário não é burroMas o que para você é obvio para ele pode ser complexo
sábado, 17 de maio de 14
O QUE É UX?
Arquitetura
Design de interação
Design Visual
sábado, 17 de maio de 14
O QUE É UX?
Arquitetura
Design de interação
Design Visual
PERFORMANCE
sábado, 17 de maio de 14
DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS DEVELOPERS
sábado, 17 de maio de 14
‣ Seu código guia a experiência
‣ UI != UX
‣ Bom UX gera momentos agradáveis
‣ Você dá vida ao Design
sábado, 17 de maio de 14
Mas e na prática?Como isso afeta o usuário?
sábado, 17 de maio de 14
Vamos criar um casoUm portal de conteúdo
sábado, 17 de maio de 14
sábado, 17 de maio de 14
#partiu Dev In Company na Plan B Comunicação! \o/
sábado, 17 de maio de 14
30 notícias
2 acessos ao dia
30 dias/mês
365 dias/mês
sábado, 17 de maio de 14
PessoasEmoções
sábado, 17 de maio de 14
PessoasEmoções
Experiências
sábado, 17 de maio de 14
20.000POR DIA
sábado, 17 de maio de 14
:) ou ;(
sábado, 17 de maio de 14
Enchant me.
Simplify my life.
Make me amazing.
Android Team
sábado, 17 de maio de 14
Boas Práticas
sábado, 17 de maio de 14
Boas Práticas
‣ Melhoria continua‣ Feedback de erro/confirmação‣ Animações‣ Considere a conexão‣ Carregamento em fila
sábado, 17 de maio de 14
sábado, 17 de maio de 14
sábado, 17 de maio de 14
sábado, 17 de maio de 14
sábado, 17 de maio de 14
Boas Práticas
‣ Melhoria continua‣ Feedback de erro/confirmação‣ Animações‣ Considere a conexão‣ Carregamento em fila
sábado, 17 de maio de 14
sábado, 17 de maio de 14
sábado, 17 de maio de 14
sábado, 17 de maio de 14
sábado, 17 de maio de 14
Boas Práticas
‣ Melhoria continua‣ Feedback de erro/confirmação‣ Animações‣ Considere a conexão‣ Carregamento em fila
sábado, 17 de maio de 14
Boas Práticas
‣ Consistência‣ Sempre informe cada passo do usuário‣ Deixe o usuário no controle‣ Navegue em seu próprio site‣ Não confie no seu código.
sábado, 17 de maio de 14
PERFORMANCEFRONT-END
sábado, 17 de maio de 14
PERFORMANCEFRONT-ENDVELOCIDADE É DESIGN
sábado, 17 de maio de 14
“Any sufficiently advanced technology is indistinguishable
from magic.”
Arthur C. Clarke
sábado, 17 de maio de 14
Performance Front End
‣ Reduzir o numero de requests HTTP‣ Gerenciamento de Plugins‣ Cache‣ Minimizar o HTML, CSS e JavaScript‣ Otimize sua Home
sábado, 17 de maio de 14
Lean UXMetodologia ágil de UX
Conceito > Protótipo > Validação Interna > Teste externo > Aprender com o comportamento > Repetir o processo
sábado, 17 de maio de 14
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, 17 de maio de 14
CasesEu vi e vivi.
sábado, 17 de maio de 14
Cases Eu vi e vivi.
OTC 2013Petrobras
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, 17 de maio de 14
#euindico
http://littlebigdetails.com/
http://houseofbuttons.tumblr.com/
https://developer.yahoo.com/yslow/
https://developers.google.com/speed/pagespeed/insights/
sábado, 17 de maio de 14
Q&A
sábado, 17 de maio de 14
Obrigado!Você é o representante do seu sonho
Pedro MarquesUI/UX Designer @ CI&T@pedro_designer | [email protected]
sábado, 17 de maio de 14