UX Workshop com dinâmicas práticas

User Experience
Workshop
com Rafael Daron
rafaeldaron@gmail.com
@rafaeldaron

Dinâmica:! Fábrica de Aviões
A Ideia

A Ideia!
!
Montagem dos Times
!
!

A Ideia!
!
Montagem dos Times!
!
Requisitos do Cliente
!
!

A Ideia!
!
Montagem dos Times!
!
Requisitos do Cliente!
!
Entendimento do Time

A Ideia!
!
Montagem dos Times!
!
Requisitos do Cliente!
!
Entendimento do Time!
!
Ao Trabalho!

Para hoje:
•  Entendendo Usabilidade e UX
•  Padrões e Princípios de UX
•  Processo de Design Thinking
•  Técnicas de Apoio

O que há de errado nos objetos?!

O que é Usabilidade?!
Usabilidade refere-se à capacidade de
uma aplicação ser compreendida,
aprendida, utilizada e atrativa para o
usuário, em condições especíﬁcas de
utilização.!
(ISO/IEC 9241-11)

Usabilidade
Facilidade de
Uso
Facilidade de
Aprendizado
Facilidade de
Memorização
Prevenção de
Erros
Sa:sfação do
Usuário

Consequências da Má UX!
1.  Requerem treinamento excessivo;!
2.  Desmotivam a exploração do aplicativo;!
3.  Confundem os usuários;!
4.  Induzem os usuários ao erro;!
5.  Geram insatisfação junto aos usuários;!
6.  Diminuem a produtividade;!
7.  Não trazem o retorno de investimento previsto.!

?
Por que o usuário … ?!
•  Não sabe!
•  Erra!
•  Demora!
•  Não percebe!
•  Não entende!
•  Esquece!
•  Não aprende!

Alguns “Caras” do Assunto!
Bastien e Scapin!
Nielsen!
#heurísticas

Bastien e Scapin [ 1 / 7 ]!
Condução: refere-se aos meios disponíveis para
aconselhar, orientar, informar, e conduzir o usuário na
interação com o computador (mensagens, alarmes,
rótulos, etc.). !

Carga de Trabalho: diz respeito a todos os
elementos da interface que têm um papel importante
na redução da carga cognitiva e perceptiva do
usuário, e no aumento da eﬁciência do diálogo. !

Controle Explícito: diz respeito tanto ao
processamento explícito pelo sistema das ações do
usuário, quanto do controle que os usuários tem
sobre o processamento de suas ações pelo sistema.!

Adaptabilidade: diz respeito à capacidade do
sistema de reagir conforme o contexto, e conforme
as necessidades e preferências do usuário.!

Gestão de Erros: diz respeito a todos os mecanismos
que permitem evitar ou reduzir a ocorrência de erros, e
quando eles ocorrem, que favoreçam sua correção.!

Coerência: refere-se à forma na qual as escolhas na
concepção da interface são conservadas idênticas em
contextos idênticos, e diferentes para contextos
diferentes.!

Signiﬁcado dos Códigos e Denominações: diz
respeito a adequação entre o objeto ou a informação
apresentada ou pedida, e sua referência.!

Nielsen [ 1 / 10 ]!
Visibilidade do estado do sistema: O sistema deve
sempre manter os usuários informados sobre o que
está acontecendo através de feedback adequado e no
tempo certo.!

Nielsen [ 2 / 10 ]!
Correspondência entre o sistema e o mundo real: O
sistema deve falar a língua do usuário, com palavras,
expressões e conceitos que lhe são familiares. O
projetista deve seguir as convenções do mundo real,
fazendo com que a informação apareça em uma
ordem natural e lógica.!

Nielsen [ 3 / 10 ]!
Controle e liberdade do usuário: Os usuários
freqüentemente escolhem funções do sistema por
engano e precisam de uma “saída de emergência”
claramente marcada para sair do estado indesejado
sem ter que percorrer um diálogo extenso. A interface
deve permitir que o usuário desfaça ou refaça suas
ações.!

Nielsen [ 4 / 10 ]!
Prevenção de erros: Ajuda aos usuários a
diagnosticarem e se recuperarem de erros por meio de
mensagens de erro de forma clara, indicando o
problema e sugerindo uma solução.!

Nielsen [ 5 / 10 ]!
Consistência e padronização: Os usuários não
devem ter que se perguntar se palavras, situações ou
ações diferentes signiﬁcam a mesma coisa. O
projetista deve seguir as convenções da plataforma ou
ambiente.!

Nielsen [ 6 / 10 ]!
Flexibilidade e eﬁciência de uso: Aceleradores -
imperceptíveis aos usuários novatos - podem tornar a
interação do usuário mais rápida e eﬁciente,
permitindo que o sistema consiga servir igualmente
bem os usuários experientes e inexperientes. O
projetista pode prover mecanismos a serem utilizados
pelos usuários para customizar ações freqüentes.!

Nielsen [ 7 / 10 ]!
Reconhecimento em vez de lembrança: O projetista
deve tornar os objetos, ações e opções visíveis. O
usuário não deve ter que se lembrar de informação de
uma parte do diálogo para uma outra. As instruções
de uso do sistema devem estar visíveis ou facilmente
acessíveis sempre que necessário.!
!

Nielsen [ 8 / 10 ]!
Projeto estético e minimalista : Os diálogos não
devem conter informação que seja irrelevante ou
raramente necessária. Cada unidade extra de
informação em um diálogo compete com as unidades
relevantes de informação e reduz sua visibilidade
relativa.!

Nielsen [ 9 / 10 ]!
Recuperação de erros: As mensagens de erro devem
ser expressas em linguagem simples (sem códigos),
indicar precisamente o problema e sugerir uma
solução de forma construtiva.!
!

Nielsen [ 10 / 10 ]!
Ajuda e documentação: O sistema deve prover ajuda
e documentação. Este tipo de informação deve ser
fácil de ser encontrado, focado na tarefa do usuário,
enumerar passos concretos a serem realizados, e não
ser muito grande.!

Projetando para Smartphones!
1.  Vendas Móvel!
2.  Auto-Atendimento!
!
3.  E-Commerce!
4.  Localizador de Produtos em Lojas!

Estudos e Pesquisa!
Realização de estudos da literatura e
pesquisas quantitativas e qualitativas, a
fim de conhecer o perfil e necessidades
de determinado público, e identificar
oportunidades para inovação.!

Ideação - Vantagens!
"Sair do chão" com o projeto!
Gera ideias rapidamente!
Expande as alternativas!
Foca na solução de problemas!
Renova o entusiasmo da equipe!

A melhor maneira de ter uma boa idéia é ter
várias idéias. (Linus Pauling)

A inovação é resultado de 1% de inspiração
e 99% transpiração. (Thomas Edison)!
!
Erre logo para ser bem mais sucedido mais
cedo. (IDEO)!

Erre o inesperado. (IDEO)

Estimule ideias malucas e absurdas.!
!
Nunca diga NÃO.!
!
Se à primeira vista a ideia não for absurda
não há esperança para ela. (IDEO)!

Ideação - Regras!
1. Evite julgamentos!
2. Construa sobre as idéias dos outros!
3. Mantenha o foco!
4. Uma conversa de cada vez!
5. Estimule idéias loucas!
6. Desenhe as idéias!
7. Busque a quantidade e não a qualidade!

Ideação – Trapiche de Spaghetti!
Tempo: 20 minutos!
Objetivo: Construir o trapiche mais longo!
Pessoas: Mantenham-se em grupo de 4 a
5 pessoas.!
!
Materiais: 1 punhado de spaghetti + 1
metro de ﬁta adesiva!

Ideação – Trapiche de Spaghetti!
Regras:!
1.  Use apenas os materiais entregues.!
2.  O spaghetti SÓ pode tocar a superfície
de cima de uma mesa.!
3.  A medição será em linha paralela ao
chão.!
4.  Serão realizadas 4 medições (a cada 5
minutos)!
5.  Ganha quem obter o maior comprimento
na última medição!

Prototipação - Vantagens!
Técnica rápida e barata!
Obtem resultado do cliente antes do
produto ﬁnal!
Instiga a criatividade!
Envolve o cliente na criação!
!

“Se eu tivesse perguntado às pessoas
o que elas queriam, teriam me pedido
cavalos mais rápidos” Henry Ford
Validou sua idéia?

Pesquisar e Compreender Usuários!

Prototipação!
Baixa Fidelidade!
Média Fidelidade!
Alta Fidelidade!
Protótipos Evolutivos!

OBRIGADO!
Rafael Daron
rafaeldaron@gmail.com
@rafaeldaron

UX Workshop com dinâmicas práticas

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (17)

Ähnlich wie UX Workshop com dinâmicas práticas

Ähnlich wie UX Workshop com dinâmicas práticas (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (9)

UX Workshop com dinâmicas práticas