ux ui para programadores
TRANSCRIPT
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ênciaQualquer 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 inovadoras.”
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 todo o projeto.
Toda boa experiênciadeve atender a 3 pontos:
Utilidadepreciso usar?
Usabilidadeconsigo usar?
Desejabilidadequero usar?
Lembre-se:
“O papel do UX Design não é apenas em criar boas experiências,
mas sobre evitar experiências ruins.”Luiz Mizutani
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 {Apple 1990}
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
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 desenvolvimento.
EEEITA!
HORA DA PAUSA
COMO EVITAR QUE SEU USUÁRIO SE FRUSTRE?
Performance74% 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.
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.
OLA TUDO 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 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.
Livros
Obrigada!→ Facebook: momesquita
→ Twitter: momesquita
→ Snapchat: moonicamesquita
→ Instagram: momesquita_