SlideShare uma empresa Scribd logo
1 de 56
Baixar para ler offline
UX na Íntegra Real
// Rodrigo Mafra
UX Designer, Serasa Experian
O que é UX?
O que fazer?
O que fazer?
Comprar passagem, marcar hotel, decidir se vou alugar um
carro ou usar transporte público, que lugares vou visitar lá?!
O que fazer?
Comprar passagem, marcar hotel, decidir se vou alugar um
carro ou usar transporte público, que lugares vou visitar lá?!
Blz Jão, 1:
Comprar Passagem
Comprar Passagem
Comprar Passagem
Comprar Passagem
2
Ir para o aeroporto
Comprar Passagem • Ir para o aeroporto
Comprar Passagem • Ir para o aeroporto
Comprar Passagem • Ir para o aeroporto
Comprar Passagem • Ir para o aeroporto
Comprar Passagem • Ir para o aeroporto
3
Check-in
Comprar Passagem • Ir para o aeroporto • Check-in
Comprar Passagem • Ir para o aeroporto • Check-in
Comprar Passagem • Ir para o aeroporto • Check-in
4
Embarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque
5
Desembarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque • Desembarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque • Desembarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque • Desembarque
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque • Desembarque
O que é UX?
Comprar Passagem • Ir para o aeroporto • Check-in • Embarque • Desembarque
UX
Ei amigo, pode dar um tapa na
UX desse app plz?
UX não é UI
UX
“‘User experience’ encompasses all aspects of the
end-user’s interaction with the company, its
services, and its products.”
- Don Norman, NNGroup
UI
… the UI is responsible for things like … the layout of
a digital product’s interface and the visual elements
on all the pages or screens of the system.
- UserTesting
The job of a user experience designer is making this
interaction feel natural and nearly invisible.
- Cooper
https://www.cooper.com/journal/2012/11/what-is-user-experience-design
A UI está dentro da UX
http://www.dswillis.com/talks/2014/4/the-ux-umbrella
Visual Design
Padrões visuais, cores, tipografia
Estruturar elementos visuais
Alinhar o tom/harmonia com a estratégia como um
todo
Branding
Arquitetura da
Informação
Analisar tarefas dos usuários
Alinhar a estrutura da informação com a estratégia
como um todo
Design estrutural de ambientes de informação
compartilhada
Design de
Interação
Fluxos do usuário, animações
Otimizar a “conversa” entre as pessoas e a interface
Analisar a tarefas dos usuários
COLOCAR IMAGEM
Usabilidade
Investigar como as pessoas usam o que foi
construído
COLOCAR IMAGEM
Pesquisa
Investigar como e por quê as pessoas fazem o que
elas fazem
Conteúdo
COLOCAR IMAGEM
Coletar, criar e fazer curadoria de conteúdo
Alinhar o conteúdo com a estratégia como um todo
E na prática?
Negócios Pessoas Tecnologia
Negócios Pessoas Tecnologia
(UX)
Todos devem pensar na experiência
Todos devem pensar na experiência
Do comercial ao código
Todos devem pensar na experiência, do
comercial ao código.
Princípios UX
Princípios
A experiência pertence ao usuário
A área de UX é holística
Uma boa experiência é invisível para o usuário
Toda experiência possui um ciclo
O contexto é o rei
Boas experiências mantêm o usuário no controle
A experiência digital é social
Psicologia é algo primário
A UX é uma conversa
As melhores experiências são simples52 weeks of UX, 10 Principles of UX
Desafio
O que você está fazendo hoje para melhorar a
experiência das pessoas que usam seu produto?
Referências
Não Me Faça Pensar, Steve Krug
Information Architecture for the World Wide Web, O’Reilly
O design do dia-a-dia, Donald Norman
Designing Web Usability, Jakob Nielsen
Elements of User Experience, Jesse James Garret
uxdesign.cc
Tks.

Mais conteúdo relacionado

Semelhante a Como criar uma excelente experiência do usuário (UX) em 10 passos

Design Antecipatório para projetos zero interface - 2017 Campus Party -
Design Antecipatório para projetos zero interface - 2017 Campus Party -Design Antecipatório para projetos zero interface - 2017 Campus Party -
Design Antecipatório para projetos zero interface - 2017 Campus Party -Catarinas Design de Interação
 
Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017Catarinas Design de Interação
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Impacta Eventos
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)maumoreira
 
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0Catarinas Design de Interação
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação MobileDouglas Schmidt
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015Luisa Ambros
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front endandreluizlc
 
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoDesign UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoiMasters
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Melloossobuco
 
Como começar uma startup - StartCamp #1 Ideiação e User Experience
Como começar uma startup - StartCamp #1 Ideiação e User ExperienceComo começar uma startup - StartCamp #1 Ideiação e User Experience
Como começar uma startup - StartCamp #1 Ideiação e User ExperienceWelliton Oliveira
 
UX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentosUX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentosFlavio Nazario
 
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...tdc-globalcode
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Thiago Esser
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.Catarinas Design de Interação
 
Inovação centrada no usuário
Inovação centrada no usuárioInovação centrada no usuário
Inovação centrada no usuárioPaulo Melo
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no UsuárioPaulo Melo
 

Semelhante a Como criar uma excelente experiência do usuário (UX) em 10 passos (20)

Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Design Antecipatório para projetos zero interface - 2017 Campus Party -
Design Antecipatório para projetos zero interface - 2017 Campus Party -Design Antecipatório para projetos zero interface - 2017 Campus Party -
Design Antecipatório para projetos zero interface - 2017 Campus Party -
 
Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017Design antecipatório para projetos zero interface - Campus Party 2017
Design antecipatório para projetos zero interface - Campus Party 2017
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
User Experience: O que sua empresa pode ganhar com isso - Versão 2.0
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação Mobile
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015Ux design/Experiência do Usuário - Conexão KingHost 2015
Ux design/Experiência do Usuário - Conexão KingHost 2015
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester AraujoDesign UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
Design UX - Quanto isso influencia seu projeto - Guilherme Sester Araujo
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
Como começar uma startup - StartCamp #1 Ideiação e User Experience
Como começar uma startup - StartCamp #1 Ideiação e User ExperienceComo começar uma startup - StartCamp #1 Ideiação e User Experience
Como começar uma startup - StartCamp #1 Ideiação e User Experience
 
UX na concepção de produtos no UOL
UX na concepção de produtos no UOLUX na concepção de produtos no UOL
UX na concepção de produtos no UOL
 
UX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentosUX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentos
 
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...
 
Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)Minicurso de UX Design (Resumo)
Minicurso de UX Design (Resumo)
 
User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.User Experience: O que sua empresa pode ganhar com isso.
User Experience: O que sua empresa pode ganhar com isso.
 
Inovação centrada no usuário
Inovação centrada no usuárioInovação centrada no usuário
Inovação centrada no usuário
 
Inovação Centrada no Usuário
Inovação Centrada no UsuárioInovação Centrada no Usuário
Inovação Centrada no Usuário
 

Como criar uma excelente experiência do usuário (UX) em 10 passos