ux ui para programadores

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

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 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_