51
O que é UX? Introdução, ferramentas e experiências.

O que é UX? Introdução, Ferramentas e Experiências

Embed Size (px)

Citation preview

Page 1: O que é UX? Introdução, Ferramentas e Experiências

O que é UX?Introdução, ferramentas e experiências.

Page 2: O que é UX? Introdução, Ferramentas e Experiências

APOIO

Page 3: O que é UX? Introdução, Ferramentas e Experiências

PROGRAMAÇÃO

Palestra – Introdução ao UX

Depoimento e discussão da diretoria do UXPA

Introdução - UXPA SP

19:00

19:45

20:45

19:30

CREDENCIAMENTO

ENCERRAMENTO21:30

Page 4: O que é UX? Introdução, Ferramentas e Experiências

Vamos nos apresentar...

DIRETORIA DO UXPA SP Capi tulo paulista da User Experience Professionals Association.

ORGANIZAÇÃO

Paola Mouro Ka Wai Lee Diana Fournier Clécio Bachini Heller de Paula

Esta é a segunda edição do UX de Quinta.

Evento que acontecerá na segunda quinta-feira de cada mês.

O tema desta edição irá apresentar uma introdução teórica a área de UX.

Page 5: O que é UX? Introdução, Ferramentas e Experiências

Quer fazer parte do UXPA SP?Compareca aos nossos eventos! E simples assim :)

PRINCIPAIS ATIVIDADES DO ANO

UX 31 | Cerveja, networking e bom papo todo dia 31 do mes.

WUD SP | Evento mundial, o World Usability Day e comemorado

todos os anos simultaneamente em varias cidades do mundo.

Acompanhe o calendario no site

uxpasp.com e nas redes sociais.

Quer ser voluntário nos próximos eventos? [email protected]

Page 6: O que é UX? Introdução, Ferramentas e Experiências

O que é UX?Introdução,ferramentas e experiências.

Page 7: O que é UX? Introdução, Ferramentas e Experiências

Olá!Meu nome é Paola Mouro.

Experience Designer (Mckinsey Digital Labs)Mestre em Human Centred SystemsDiretoria do UXPA SP

Page 8: O que é UX? Introdução, Ferramentas e Experiências

Antes de falar sobre UX…Vamos conhecer quem são vocês :P

Page 9: O que é UX? Introdução, Ferramentas e Experiências

UX Design = User Experience Design

Design da Experiência do Usuário

Mas o que define essa experiência?

Page 10: O que é UX? Introdução, Ferramentas e Experiências
Page 11: O que é UX? Introdução, Ferramentas e Experiências

A experiência de uso de um produtoou serviço é o resultado do trabalho

de todas as pessoas de uma empresa.

Ela não pertence apenas auma área e/ou profissional.

Page 12: O que é UX? Introdução, Ferramentas e Experiências

Parabéns! Você também está projetando a

experiência do seu usuário… mesmo sem saber.

Page 13: O que é UX? Introdução, Ferramentas e Experiências
Page 14: O que é UX? Introdução, Ferramentas e Experiências
Page 15: O que é UX? Introdução, Ferramentas e Experiências

OK...Se todos afetam a experiência do usuário...

Quem são os profissionais de UX e o que eles fazem?

Page 16: O que é UX? Introdução, Ferramentas e Experiências
Page 17: O que é UX? Introdução, Ferramentas e Experiências

IHCInteração humano

computador

Interação Humano Computador

Psicologiae Cognição

Ciência da computação

Ergonomiae Fatoreshumanos

Engenharia

Design

Semiótica e Branding

Antropologia e Etnografia

Sociologia

Ciências da informação

Page 18: O que é UX? Introdução, Ferramentas e Experiências

https://youtu.be/Wl2LkzIkacM

Page 19: O que é UX? Introdução, Ferramentas e Experiências

“Eu inventei o cargo de

Arquitetos da Experiência do

Usuário [dentro da Apple] porque

o nome ‘Grupo de Interface e

Usabilidade’ parecia muito

limitado. Eu gostaria de criar toda

a experiência, incluindo o desenho

industrial do produto, o visual, a

interface, a interação física e o

manual de instruções. "Don Norman

Page 20: O que é UX? Introdução, Ferramentas e Experiências

Norman define

que um bom design é…

Óbvio e autoexplicativoEste produto/serviço me mostra como utilizá-lo?

Permite o aprendizado rápidoDepois de um uso, já entendi como funciona?

Resumo: É fácil, eficiente e prazeroso de usar!

Page 21: O que é UX? Introdução, Ferramentas e Experiências

1. Pesquisa

inicialQuem é meu usuário?

Que problema

estamos tentando

resolver?

2. Criando

soluçõesQue soluções

poderiam resolver

o problema deste

usuário?

3.Testando

ideiasComo poderia testar as

soluções projetadas com

usuários?

4. Analisando

resultadosA solução

funcionou de fato?

Usuário

:)

Design centrado no usuário

Page 22: O que é UX? Introdução, Ferramentas e Experiências

1.

Pesquisa inicialQuem é meu usuário?Que problema estamos tentando resolver?

Page 23: O que é UX? Introdução, Ferramentas e Experiências

| Coletando dadosObservação/etnografia

O QUE É?

A observação/etnografia é uma técnica em

que o pesquisador visita o ambiente do seu

usuário e coleta informações sobre ele

tentando interferir o mínimo possível.

PARA QUE SERVE?

Ideal para coletar requisitos

iniciais/problema inicial.

Permite entender o contexto de uso de um

produto ou serviço. Mais que tudo, permite

entender o usuário faz e não o que ele diz

que faz.

Page 24: O que é UX? Introdução, Ferramentas e Experiências

| Coletando dadosEntrevistas

O QUE É?

São conversas estruturadas com os usuários.

Podem ter perguntas abertas ou fechadas, ser

presenciais ou remotas.

PARA QUE SERVEM?

Ajudam a entender o perfil do usuário, suas

preferências e opiniões.

Permite entender o que o usuário diz que faz.

Page 25: O que é UX? Introdução, Ferramentas e Experiências

| Coletando dadosCard sorting

O QUE É?Dinâmica na qual o facilitador solicita ao usuário que

organize/agrupe informações utilizando imagens e/ou

palavras para descrever seu comportamento.

PARA QUE SERVE?

Pode ser utilizado para entender como a pessoa

pensa e se organiza diante certas situações.

Comumente adotado para auxiliar na criação da

hierarquia de websites (taxonomia).

Page 26: O que é UX? Introdução, Ferramentas e Experiências

| Coletando dadosColeta de Analytics

O QUE É?

Caso o produto/serviço seja digital, é possível

coletar informações de uso que demostrem o comportamento do usuário (“Analytics”). Pode

ser gerado através de tecnologias como Google

Analytics, Adobe Omniture, etc.

PARA QUE SERVE?

Pode ser utilizado para entender como os

usuários agem ao usar um produto ou serviço.

Page 27: O que é UX? Introdução, Ferramentas e Experiências

| EntregáveisPersonasO QUE É?

Documentação que descreve arquétipos do público-alvo. Ilustram os hábitos e rotinas de

quem está usando ou poderá usar o produto

ou serviço a ser projetado.

São o resultado de pesquisa anterior

(entrevistas e observações em campo).

PARA QUE SERVEM?

Ajudam a organizar e comunicar ao time

envolvido no projeto. Resolve conflitos que

surgem ao tomar decisões sobre a criação e

desenvolvimento do produto.

Page 28: O que é UX? Introdução, Ferramentas e Experiências

| EntregáveisJornada do usuário

O QUE É?

Documentação que mapeia a forma

como uma persona utiliza um produto

e/ou serviço, descrevendo seus passos e

suas emoções (alegria e frustrações).

PARA QUE SERVEM?

Ajudam a entender os pontos do fluxo

que precisam de melhorias e comunicar

o problema que se deseja resolver.

Page 29: O que é UX? Introdução, Ferramentas e Experiências

2.Criando soluçõesQue soluções poderiam resolver o problema deste usuário?

Page 30: O que é UX? Introdução, Ferramentas e Experiências

| Gerando hipótesesSessões de BrainstormO QUE É?

Sessões com um ou mais profissionais

envolvidos no projeto, que tem como

objetivo gerar ideias que possam solucionar o

problema do usuário.

PARA QUE SERVE?

Comunicar os problemas, criar empatia do

grupo com o usuário e gerar soluções para os

problemas levantados.

Nessas sessões devem ser utilizados os

entregáveis gerados durante a pesquisa.

Page 31: O que é UX? Introdução, Ferramentas e Experiências

| Entregáveis Storyboarding

O QUE É?

Conjunto de desenhos que descrevem o uso

de um produto ou serviço

PARA QUE SERVEM?

Ajudam a organizar e comunicar ao time

envolvido no projeto como os usuários

utilizam seu produto/serviço.

Page 32: O que é UX? Introdução, Ferramentas e Experiências

| EntregáveisJornada futura do usuário

O QUE É?

Revisão da jornada do usuário inicial, incluindo

melhorias durante o uso do produto e/ou serviço.

PARA QUE SERVEM?

Auxiliar na organização e comunicação de uma

proposta inicial de redesign do produto/serviço.

Page 33: O que é UX? Introdução, Ferramentas e Experiências

3.Testando ideiasComo poderia testar as soluções projetadas com usuários?

Page 34: O que é UX? Introdução, Ferramentas e Experiências

| Testando ideiasWireframes e protótiposO QUE É?

Representações em maior/menor fidelidade da

solução que está sendo criada.

PARA QUE SERVE?

Permitir que os usuários visualizem e/ou

interajam com a nova solução que foi criada.

Pode ser usado para coletar a opinião do

usuário sobre a ideia e/ou observações suas

interações com o produto/serviço (como ele age

e pensa enquanto usa).

Page 35: O que é UX? Introdução, Ferramentas e Experiências

| Testando ideiasVídeos/animaçõesO QUE É?

Vídeos que apresentem uma simulação de

uso do produto e/ou serviço.

PARA QUE SERVE?

Comunicar aos usuários como funcionaria a

ideia criada.

Útil para apresentar e coletar a opinião do

usuário sobre a solução e não para validar

como ele a utilizaria.

Page 36: O que é UX? Introdução, Ferramentas e Experiências

4.Analisando resultadosA solução funcionou de fato?

Page 37: O que é UX? Introdução, Ferramentas e Experiências

| Analisando resultadosTestes de usabilidadeO QUE É?

Testar o protótipo com usuários e

observar/medir sua performance. Pode ser

realizado antes de começar um projeto

(avaliando o sistema atual) ou para validar

novas ideias.

PARA QUE SERVE?

O teste de usabilidade serve para visualizar

como o usuário age diante da nova ideia e suas

impressões.

É importante para entender se o usuário sabe

utilizar a nova solução.

Page 38: O que é UX? Introdução, Ferramentas e Experiências

| Analisando resultadosEntrevistas (sumativas)O QUE É?

São conversas estruturadas com os usuários.

Podem ter perguntas abertas ou fechadas, ser

presenciais ou remotas.

PARA QUE SERVEM?

Ajudam a validar se o usuário entende e/ou

está satisfeito com a nova solução.

Permite entender o que o usuário diz que faz.

Page 39: O que é UX? Introdução, Ferramentas e Experiências

| Analisando resultadosAnalytics e testes A/BO QUE É?

Caso o produto/serviço seja digital, é possível

coletar informações de uso que demostrem o comportamento do usuário (“Analytics”). Pode

ser gerado através de tecnologias como Google

Analytics, Adobe Omniture, etc.

Testes A/B é uma análise da performance do

novo produto x anterior, comparando seus

resultados e buscando resultados estatísticos.

PARA QUE SERVE?

Pode ser utilizado para entender como os

usuários agem ao usar um produto ou serviço.

Page 40: O que é UX? Introdução, Ferramentas e Experiências

Agora...Vamos fazer um pequeno exercício!

Imagine que você é um UX Designer do Whatsapp e recebeu o vídeo de um usuário falando o que ele gostava e não gostava do produto.

1- Que problemas a usuária apontou?2- Como você tentaria resolvê-los (tentando pensar nas ferramentas que falamos agora).

Page 41: O que é UX? Introdução, Ferramentas e Experiências

https://www.youtube.com/watch?v=szr0ezLyQHYhttps://www.youtube.com/watch?v=pOk4m_7I5Zc

Page 42: O que é UX? Introdução, Ferramentas e Experiências

... E aí?

O que havia no ambiente/rotina da usuário que não foi considerado no design?

Como vocês pensariam em mudar o produto baseado nesse feedback?

Como vocês testariam os resultados?

Page 43: O que é UX? Introdução, Ferramentas e Experiências

| Conclusão 1:

O que importa é experimentar, iterar e aprender.

O processo de Design Centrado no usuário possui

muitas ferramentas. Escolha o que utilizar de

acordo com a sua necessidade.

Sugestão de amiga:Aprenda as teorias e não seja escravo de nenhuma ferramenta.

Page 44: O que é UX? Introdução, Ferramentas e Experiências

| Conclusão 2:Para projetar a experiência do seu usuário você precisaconhecê-lo <3. Mas não é só isso…Esse conhecimento precise ser compatilhado e fazer parte da estratégia da sua empresa.

Page 45: O que é UX? Introdução, Ferramentas e Experiências

https://www.youtube.com/watch?v=szr0ezLyQHY

Page 46: O que é UX? Introdução, Ferramentas e Experiências

| Quer conhecermais a área?

Page 47: O que é UX? Introdução, Ferramentas e Experiências

Literatura inicial para entender como o serhumano age e pensa.

Page 48: O que é UX? Introdução, Ferramentas e Experiências

Literatura inicial para entender comodesenhar interfaces e objetos.

Page 49: O que é UX? Introdução, Ferramentas e Experiências

Literatura inicial sobre pesquisa com usuários

Page 50: O que é UX? Introdução, Ferramentas e Experiências

Literatura inicial sobre como organizarconteúdo em sites, aplicativos e na vida

Page 51: O que é UX? Introdução, Ferramentas e Experiências

BOM EVENTO!

uxpasp.com

facebook.com/uxpasaopaulotwitter.com/uxpasaopaulo

#UXPASP#UXBREAK

Conhec a tambe m a

UXPA INTERNATIONALAcesse uxpa.org

#UXPASP#UXDEQUINTA

OBRIGADA!