81

Fundamentos de UX

Embed Size (px)

Citation preview

Page 1: Fundamentos de UX
Page 2: Fundamentos de UX

. Consultor em Design Estratégico e de Serviços

. Especialista em Experiência do Usuário (UX)

. Líder local da Interaction Design Association (IxDA)

. Facilitador associado à DesignThinkers Academy Brasil

. Associado à Service Design Network

. Mentor nacional da Ideation Brasil

. Podcaster no Capivalley

# C o f f e e # C i n e m a # A r t # C r e a t i v i t y # B o o k s

# I n n o v a t i o n # C u l t u r e # A n t h r o p o l o g y # S t a r t u p s

Page 3: Fundamentos de UX

WHAT!?

Page 4: Fundamentos de UX

WHAT!?o que é EXPERIÊNCIA

DO USUÁRIO?

Page 5: Fundamentos de UX

WARM-UPescreva 10 coisas

sobre o que éexperiência do usuário

1 MIN

Page 6: Fundamentos de UX

WARM-UPvamos co-criaro conceito

Page 7: Fundamentos de UX

EXPERIÊNCIA DO USUÁRIO?

Page 8: Fundamentos de UX

EXPERIÊNCIA DO USUÁRIO?

Page 9: Fundamentos de UX

EXPERIÊNCIA DO USUÁRIO.

Page 10: Fundamentos de UX

os múltiploscomponentes da

usabilidadede Jakob Nielsen

Page 11: Fundamentos de UX

os múltiploscomponentes da

usabilidade

aprendizagem

eficiência

lembrança

assertividade

agradabilidade

Page 12: Fundamentos de UX

WHO!?

Page 13: Fundamentos de UX

WHO!?QUEM É O

USUÁRIO?

Page 14: Fundamentos de UX
Page 15: Fundamentos de UX
Page 16: Fundamentos de UX
Page 17: Fundamentos de UX
Page 18: Fundamentos de UX

inspiração

etnográfica

conversa em profundidade

observação participanteshadowing

persona painel do usuário sondagem cultural

uso dos serviçosbenchmarking shadowing

cenários, atores e regras

netnografia

Page 19: Fundamentos de UX

why!?

Page 20: Fundamentos de UX

WHy!?porque projetar

experiências?

Page 21: Fundamentos de UX
Page 22: Fundamentos de UX
Page 23: Fundamentos de UX

porque projetar

experiências?a experiência envolve usabilidade,

mas é bem mais abrangente

Page 24: Fundamentos de UX

Information Architects, 2009

Page 25: Fundamentos de UX

where andwhen!?

Page 26: Fundamentos de UX

where andwhen!?

qual é o contexto?

Page 27: Fundamentos de UX

qual é o contexto?é importante descobrir

particularidades, testar hipóteses

e aprender

Page 28: Fundamentos de UX

how!?

Page 29: Fundamentos de UX

how!?como criaremos

boas experiências?

Page 30: Fundamentos de UX

user experience na prática

samsung latam

Page 31: Fundamentos de UX

user experience na prática

A Samsung oferece um produto em cada dispositivo chamado Galaxy Gifts, um pacote de benefícios.

Os clientes nem sequer sabiam da existência desses benefícios oferecidos e, por isso, quase ninguém usava.

cenário

problema

SAMSUNG LATAM

Page 32: Fundamentos de UX

Ao nos envolvemos no problema do nosso cliente, investigamos suas necessidades.

imersão

user experience na prática

SAMSUNG LATAM

Page 33: Fundamentos de UX

user experience na prática

SAMSUNG LATAM

Fomos a campo conversar com os usuários e os parceiros da Samsung para entender as raízes do problema identificado.

pesquisa em PROFUNDIDADE

Page 34: Fundamentos de UX

user experience na prática

SAMSUNG LATAM

Levamos os resultados das pesquisas e nossas percepções à Samsung para uma sessão cocriativa de entendimento e ideação.

workshops cocriativos

Page 35: Fundamentos de UX

user experience na prática

SAMSUNG LATAM

Após diversas sessões de ideação, nossa equipe elaborou um documento com recomendações de criação de novos serviços, melhorias na interface do Galaxy Gifts e até mudanças no posicionamento e oferta de valor.

soluções e recomendações

Page 36: Fundamentos de UX

user experience na prática

prátil

Page 37: Fundamentos de UX

user experience na prática

PRÁTIL

A Prátil é uma empresa do grupo Enel de energia, voltada a criação de novos negócios.

Percebendo o mercado de micro, pequenas emédias empresas, detectou-se que poderiaauxiliá-las a ter um melhor consumo energético.

cenário

atuação

Page 38: Fundamentos de UX

user experience na prática

PRÁTIL

Fomos a campo, conversando com seus clientes residenciais,comerciantes e atécom eletricistas autônomos.

pesquisa em profundidade

Page 39: Fundamentos de UX

user experience na prática

PRÁTIL

Foram diversas sessões para que a Prátil se tornasse consciênte das reais necessidades dos seus stakeholders e gerasse percepções e insights de novos serviços.

workshops cocriativos

Page 40: Fundamentos de UX

user experience na prática

PRÁTIL

As sessões de ideação foram longas e iterativas, para chegar ao melhor modelo.

desenho de serviços e negócios

Page 41: Fundamentos de UX

user experience na prática

PRÁTIL

Para testar o serviço, prototipamos o aplicativo chamado de “Eletricista de Confiança” e vamos lançá-lo no mercado para validar o MVP.

prototipação

Page 42: Fundamentos de UX

pensandogoogle

Page 43: Fundamentos de UX

como deveriaacontecer

Page 44: Fundamentos de UX

o que realmenteacontece

Page 45: Fundamentos de UX

como devemosencarar

Page 46: Fundamentos de UX

o usuárionão é o culpado

por Donald Norman

Page 47: Fundamentos de UX

teste a/bFERRAMENTA

Page 48: Fundamentos de UX
Page 49: Fundamentos de UX

mapa decalor

FERRAMENTA

Page 50: Fundamentos de UX
Page 51: Fundamentos de UX

metas econversões

FERRAMENTA

Page 52: Fundamentos de UX
Page 53: Fundamentos de UX

análiseheurística

FERRAMENTA

Page 54: Fundamentos de UX

análiseheurística

Heurísticas Cognitivas

Diálogos com linguagem simples e natural

Redução da sobrecarga de memória do usuário

Consistência

Feedback informativo

Controle das ações do sistema

Atalhos

Boas mensagens de erro

Prevenção de erros

Ajuda e documentação

Heurística Navegacionais

Página principal

Interface de busca

Resultados da busca

Navegação global

Navegação contextual

Criticidade

Erro

Grave

Moderado

Leve

Page 55: Fundamentos de UX
Page 56: Fundamentos de UX

cardsortingFERRAMENTA

Page 57: Fundamentos de UX
Page 58: Fundamentos de UX

mapas e fluxosFERRAMENTA

Page 59: Fundamentos de UX
Page 60: Fundamentos de UX

wireframesFERRAMENTA

Page 61: Fundamentos de UX
Page 62: Fundamentos de UX

protótiposFERRAMENTA

Page 63: Fundamentos de UX

FIDELIDADE VISUAL ALTA

FIDELIDADE NAVEGACIONAL MÉDIA

FIDELIDADE FUNCIONAL BAIXA

Page 64: Fundamentos de UX

teste deusabilidade

FERRAMENTA

Page 65: Fundamentos de UX

Laboratório de Teste de Usabilidade

Page 66: Fundamentos de UX

Example Usability Test with a Paper Prototype

https://youtu.be/9wQkLthhHKA

Page 67: Fundamentos de UX

how much!?

Page 68: Fundamentos de UX

how much!?QUAL O ESFORÇO

QUE TEREMOS?

Page 69: Fundamentos de UX

QUAL O ESFORÇO

QUE TEREMOS?

definirpessoas

e

estimartempo

Page 70: Fundamentos de UX

Newsletter Alertboxdo Nielsen & Norman Group

Artigos “Co-Design” daFastCompany

Materiais de aula no TumblrWebUTFPR da Prof. Claudia Bordin

Artigos do Blog de AIe links do UXDesign.cc

Recursos e artigos doDesign Google

aprofunde-se online

Page 71: Fundamentos de UX

Cursos do DesignThinkers Academy no Sul do Brasil

Encontros e atividades locais do IxDA no Brasil

Encontros e atividades locais da UXPA no Brasil

aprofunde-se com outras pessoas

Page 72: Fundamentos de UX

[email protected]

lessak.com.br

Page 73: Fundamentos de UX

hands-on

Page 74: Fundamentos de UX

hands-on

expliquem o negócio (pitch)

analisem as heurísticas de um análogo

escolham a tarefa principal e desenhem seu fluxo

desenhem a interface desse fluxo em wireframes

gravem um vídeo com a simulação de uso

apresentem o vídeo demonstrativo do negócio

1

2

3

4

5

6

3 min

20 min

10 min

40 min

5 min

1 min

Page 75: Fundamentos de UX

hands-on

expliquem o negócio (pitch)

analisem as heurísticas de um análogo

escolham a tarefa principal e desenhem seu fluxo

desenhem a interface desse fluxo em wireframes

gravem um vídeo com a simulação de uso

apresentem o vídeo demonstrativo do negócio

1

2

3

4

5

6

3 min

20 min

10 min

40 min

5 min

1 min

Page 76: Fundamentos de UX

hands-on

expliquem o negócio (pitch)

analisem as heurísticas de um análogo

escolham a tarefa principal e desenhem seu fluxo

desenhem a interface desse fluxo em wireframes

gravem um vídeo com a simulação de uso

apresentem o vídeo demonstrativo do negócio

1

2

3

4

5

6

3 min

20 min

10 min

40 min

5 min

1 min

Page 77: Fundamentos de UX

hands-on

expliquem o negócio (pitch)

analisem as heurísticas de um análogo

escolham a tarefa principal e desenhem seu fluxo

desenhem a interface desse fluxo em wireframes

gravem um vídeo com a simulação de uso

apresentem o vídeo demonstrativo do negócio

1

2

3

4

5

6

3 min

20 min

10 min

40 min

5 min

1 min

Page 78: Fundamentos de UX

hands-on

expliquem o negócio (pitch)

analisem as heurísticas de um análogo

escolham a tarefa principal e desenhem seu fluxo

desenhem a interface desse fluxo em wireframes

gravem um vídeo com a simulação de uso

apresentem o vídeo demonstrativo do negócio

1

2

3

4

5

6

3 min

20 min

10 min

40 min

5 min

1 min

Page 79: Fundamentos de UX

hands-on

expliquem o negócio (pitch)

analisem as heurísticas de um análogo

escolham a tarefa principal e desenhem seu fluxo

desenhem a interface desse fluxo em wireframes

gravem um vídeo com a simulação de uso

apresentem o vídeo demonstrativo do negócio

1

2

3

4

5

6

3 min

20 min

10 min

40 min

5 min

1 min

Page 80: Fundamentos de UX

vencemos!

Page 81: Fundamentos de UX

[email protected]

lessak.com.br