UX: O que é e como pode influenciar a vida do desenvolvedor?

Barbara e Victória
UX:
O QUE É E COMO PODE MUDAR A
SUA VIDA COMO DESENVOLVEDOR

O que é experiência?
Quem é o usuário?

Afinal, o que é
experiência do usuário?
PREOCUPAÇÃO EM COMO
A PESSOA SE SENTE
DURANTE TODO O
PROCESSO DE INTERAÇÃO
DONALD NORMAM
MINDSET

Afinal, o que é
experiência do usuário?
A FORMA COMO A PESSOA
SE SENTE DURANTE A
INTERAÇÃO COM O SEU
PRODUTO, DITA COMO O
MESMO É VISTO
ENTREGAR O QUE ´USUÁRIO
PRECISA E NÃO
NECESSARIAMENTE O QUE
O CLIENTE DIZ QUERER.
O QUE? QUANDO? COMO? QUEM? ONDE?
EM ALGUNS CASOS, GARANTIR A BOA
EXPERIÊNCIA É CRUCIAL

Uma coisa é uma
coisa, outra coisa é
outra coisa

Uma coisa é uma coisa,
outra coisa é outra coisa:
"user-friendly"

Uma coisa é uma coisa,
outra coisa é outra coisa:
UX x Usabilidade
UX é o todo,
usabilidade é parte
Fácil e prazeroso
preocupações com a
facilidade/dificuldade de uso

UX na prática
COMO UM DEV PODE APLICAR UX EM SEUS PROJETOS?

Heurísticas de Nielsen
10 PRINCIPIOS GERAIS PARA UMA ITERFACE COM BOA UX
Fonte: Linkedin.com
JAKOB NIELSEN, RENOMADO CIÊNTISTA DA
COMPUTAÇÃO TAMBÉM CONHECIDO POR
SER UMA DAS PRINCIPAIS REFERENCIAS EM
USABILIDADE
PROPOS NA DÉCADA DE 90 AS 10
HEURÍSTICAS CONSIDERADAS OS PILARES
PARA SE CONSEGUIR UMA BOA UX

Vantagens
GARANTIA DE UM CAMINHO CLARO E COESO PARA
DESENVOLVIMENTO O SISTEMA
SISTEMAS MVP - MÍNIMO PRODUTO VIÁVEL, ENTREGA
POR PARTES DE UM SISTEMA

Fonte: https://kodity.com/mvp-minimo-produto-viavel/

Heurísticas
VISIBILIDADE DO STATUS DO SISTEMA /
RECONHECER AO INVÉS DE
LEMBRAR
PREVENÇÃO DE ERROS /
AUXILIAR USUÁRIOS A RECONHECER,
DIAGNOSTICAR E RECUPERAR ERROS
CORRESPONDENCIA ENTRE O SISTEMA
E O MUNDO REAL / CONSISTÊNCIA E
PADRÕES
CONTROLE E LIBERDADE PARA O
USUÁRIO / FLEXIBILIDADE E EFICIÊNCIA
ESTÉTICA E DESIGN MINIMALISTA /
AJUDA E DOCUMENTAÇÃO

RECONHECER AO INVÉS DE LEMBRAR
sistemas precisam explicitar aos usuários através de feedbacks instantâneos o
que está acontecendo naquele exato momento e e como o usuário chegou ali.
FONTE: YOUTUBE

RECONHECER AO INVÉS DE LEMBRAR
Reconhecer ao invés de lembrar :
minimizar sempre o fardo de o usuário ter que memorizar passos
FONTE: CANVA.COM

PREVENÇÃO DE ERROS / AUXILIAR USUÁRIOS A
RECONHECER, DIAGNOSTICAR E RECUPERAR ERROS
Nunca podemos descartar a possibilidade do usuário cometer um erro. Sempre dar
ao usuário a possibilidade de reparar algum erro
FONTE: FOLHAGERAL.COM

PREVENÇÃO DE ERROS / AUXILIAR USUÁRIOS A
RECONHECER, DIAGNOSTICAR E RECUPERAR ERROS
Auxiliar os usuários a reconhecer e diagnosticar os erros cometidos:
FONTE: SRIPTCASE.COM
FONTE: SPOTIFY.COM

Heurísticas
RECONHECER AO INVÉS DE
LEMBRAR
PREVENÇÃO DE ERROS /
AUXILIAR USUÁRIOS A RECONHECER,
DIAGNOSTICAR E RECUPERAR ERROS
CORRESPONDÊNCIA ENTRE O SISTEMA
E O MUNDO REAL / CONSISTÊNCIA E
PADRÕES
CONTROLE E LIBERDADE PARA O
USUÁRIO / FLEXIBILIDADE E EFICIÊNCIA
ESTÉTICA E DESIGN MINIMALISTA /
AJUDA E DOCUMENTAÇÃO

CORRESPONDÊNCIA ENTRE O SISTEMA E O MUNDO
REAL / CONSISTÊNCIA E PADRÕES
Nunca fugir de padrões convencionais

CONTROLE E LIBERDADE PARA O USUÁRIO /
FLEXIBILIDADE E EFICIÊNCIA
Seu sistema precisa estar
preparado para atender
usuários inexperientes e
experientes
FONTE: PINTEREST.COM

CONTROLE E LIBERDADE PARA O USUÁRIO /
FLEXIBILIDADE E EFICIÊNCIA
Sempre que puder, facilite a vida do seu usuário:
FONTE: WIKIPEDIA.COM

As heurísticas são pontos chaves
que vão agregar valor e uma boa
UX para a sua aplicação!

DESCOBRIR DEFINIR ELABORAR ENTREGAR
AS 4 ETAPAS DE UM
PROJETO DE UX

AS 4 ETAPAS DE UM
PROJETO DE UX

Descobrir e Definir
Começamos a traçar o público alvo através de
personas, que são representações fictícias dos
nossos futuros usuários
FONTE: AGENCIACANNA.COM.BM

AS 4 ETAPAS DE UM
PROJETO D UX

Elaborar e Entregar
Nesta etapa, é começado a idealizar através de
rascunhos como será de fato o sistema
FONTE: DULCE-WORK-SCHEDULE.GITHUB.IO
FONTE: RESEARCHGATE.NET/

Elaborar e Entregar
E através desses rascunhos começam a surgir os
protótipos de baixa fidelidade até chegar então
no produto final (protótipo de alta fidelidade)
FONTE: SHARE.ATELIE.SOFTWARE.COM

USAR OS PROCESSOS DE UX EM SEU PROJETO
OTIMIZA TEMPO E RECURSOS, GARANTINDO
UMA BOA EXPERIÊNCIA AOS SEUS USUÁRIOS,
FAZENDO COM QUE ELES SE FIDELIZEM E QUE O
SEU TRABALHO SEJA MAIS RECONHECIDO
FONTE: blog.uxeria.com
USER EXPERIENCE E O DEV

Dicas de
ferramentas
PROTOTIPAGEM
Sketch
Invision
Adobe XD
Figma
UX Pin

Dicas de
ferramentas
MÉTRICAS E ANÁLISE
Hotjar
Crazyegg

Dicas de
ferramentas
FEEDBACK
Usabilla
Verify App

Dicas de
ferramentas
FRONT
Codepen

Não se
esqueça
UX E
PROGRAMAÇÃO
PODEM E DEVEM
ANDAR JUNTOS
INTEGRE UX A TODO O
PROCESSO DE
DESENVOLVIMENTO, SEJA QUAL
FOR SUA REALIDADE
TODOS PODEM
SE PREOCUPAR
EM DEIXAR MAIS
INTUITIVO

UX: O que é e como pode influenciar a vida do desenvolvedor?

Mais conteúdo relacionado

Semelhante a UX: O que é e como pode influenciar a vida do desenvolvedor?

Mais de GDGFoz

UX: O que é e como pode influenciar a vida do desenvolvedor?