SlideShare a Scribd company logo
1 of 56
Download to read offline
UX ?
Hack2B Startups
User
Experience
Verdadeiro ou Falso?
Ter um bom design é fazer meu site/app
bonito
Falso
Steve Jobs - http://www.nytimes.com/2003/11/30/magazine/the-guts-of-a-new-machine.html
'People think it's this veneer -- that the
designers are handed this box and told,
'Make it look good!' That's not what we
think design is. It's not just what it looks
like and feels like. Design is how it
works.''
https://www.ifly50.com/en_br/47
Nativo Customizado
- É escalável?
- Se você reduzir o tamanho do browser, irá responder
adequadamente?
- É acessível para um leitor de tela?
- O usuário consegue acessar via “tab”?
- Funciona em diferentes browsers da mesma forma?
- O funcionamento corresponde intuitivamente às
expectativas dos usuários?
As pessoas não sabem o que elas querem
Verdadeiro
Walmart Declutters Aisles Per Customers' Request,
Then Loses $1.85 Billion In Sales
Antes
Depois
UX é a Usabilidade do meu Site/App
Falso
Peter Morville - http://semanticstudios.com/user_experience_design/
What the heck is UX?
User Experience Design (UXD) é o processo
de aumentar a satisfação e lealdade do
consumidor através de melhorias na
usabilidade, facilidade de uso, e satisfação
na interação entre o consumidor e o produto.
Eficiência
Efetividade
Satisfação
Fricção
Porquê?
"Good design is
the most
important way to
differentiate
ourselves from
our competitors.”
Samsung CEO Yun Jong Yong, 2004
Diferenciar
Encantar
Tom Hsieh
Conversão
587,56% + Tx de
Conversão
Fonte: experoinc.com
Design Visual: tratamento gráficos dos
elementos da interface, o “look’n’feel”.
Design da Interface: Wireframe. Elementos,
hierarquias entre conteúdos, etc.
Design da Interação: Fluxos. Navegação
global e relacionamento entre os conteúdos.
Escopo: Funcionalidades e conteúdos
necessários para atender os objetivos dos
usuários, de negócios e de tecnologia.
Estratégia: Necessidades. Quem são os
usuários, quais são suas dores? Quais os objetivos
de negócios?
Elementos da Experiência do Usuário
Estratégia Escopo Interação Interface Visual
Conceitual Concreto
Maior impacto no
desenvolvimento
Menor impacto no
desenvolvimento
Estratégia Escopo Interação Interface Visual
Fonte: Acervo Paola Mouro
Será que alguém
usaria este
produto/serviço?
Estratégia Escopo Interação Interface Visual
https://www.youtube.com/watch?v=vY3OtMBCEKY
As funcionalidades e
conteúdos projetadas
estão alinhadas com as
necessidades dos
usuários?
Estratégia Interação Interface VisualEscopo
Fonte: http://userx.io/instagram/
O fluxo reflete o
contexto do usuário?
Está compreensível?
Estratégia Interface VisualEscopo Interação
O usuário consegue
entender e navegar
pelo meu produto?
Estratégia VisualEscopo Interação Interface
O produto está passando a
segurança necessária
para os usuários? Será que
minha interface ficou
infantil demais?
10
Permitir a utilização sem cadastro
1
Mais conteúdos e funcionalidades não
aumentam a satisfação do usuário
2
Todas as interações são preciosas
3
Peça a permissão do usuário somente
quando for necessário
4
O onboarding é seu amigo
5
Cuidado com o entendimento dos rótulos e as
categorias
6
Só ofereça opções disponíveis para o usuário
7
Atenção aos padrões já estipulados
8
Defina o que você quer que o usuário faça e
deixe isso destacado na interface
9
Cuide da consistência, tipografia e
leiturabilidade.
10
Pense mobile!
Bônus
Ferramentas
Ana Paula Batista
ana@designsprinters.com.br
@anapaulazambuja
slideshare/anapaulaazambuja

More Related Content

What's hot

What's hot (20)

UX Design
UX DesignUX Design
UX Design
 
Construindo um produto - da ideia ao desenvolvimento
Construindo um produto - da ideia ao desenvolvimentoConstruindo um produto - da ideia ao desenvolvimento
Construindo um produto - da ideia ao desenvolvimento
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
Como mimar seus usuários
Como mimar seus usuáriosComo mimar seus usuários
Como mimar seus usuários
 
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
 
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
[Palestra UNICAP] UX Design - Projetando Soluções e Experiências
 
UX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negóciosUX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negócios
 
Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
 
UX - Entregaveis
UX - EntregaveisUX - Entregaveis
UX - Entregaveis
 
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
 
Ux design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociosUx design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negocios
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
 
Ux design antes do wireframe
Ux design antes do wireframeUx design antes do wireframe
Ux design antes do wireframe
 
UX e sua importância na construção das marcas
UX e sua importância na construção das marcasUX e sua importância na construção das marcas
UX e sua importância na construção das marcas
 
UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015
 
Agile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo ÁgilAgile UX: Projetando a User Experience no Mundo Ágil
Agile UX: Projetando a User Experience no Mundo Ágil
 
apresentação 21212 Aceleradora — Lean UX Workshop
apresentação 21212 Aceleradora — Lean UX Workshopapresentação 21212 Aceleradora — Lean UX Workshop
apresentação 21212 Aceleradora — Lean UX Workshop
 
Lean UX
Lean UXLean UX
Lean UX
 
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
Pesquisa com usuários aplicada em projetos lean de startups concepção de um f...
 

Viewers also liked

Viewers also liked (20)

WPI Aula 05
WPI Aula 05WPI Aula 05
WPI Aula 05
 
WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04WPI – Pós Design de Interação IEC PUC Minas aula04
WPI – Pós Design de Interação IEC PUC Minas aula04
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05WPI – Pós Design de Interação IEC PUC Minas aula05
WPI – Pós Design de Interação IEC PUC Minas aula05
 
Front end, back end, full stack. onde vivem o que comem hoje na uni_granrio
Front end, back end, full stack.  onde vivem  o que comem   hoje na uni_granrioFront end, back end, full stack.  onde vivem  o que comem   hoje na uni_granrio
Front end, back end, full stack. onde vivem o que comem hoje na uni_granrio
 
WPI Aula 01
WPI Aula 01WPI Aula 01
WPI Aula 01
 
WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06WPI – Pós Design de Interação IEC PUC Minas aula06
WPI – Pós Design de Interação IEC PUC Minas aula06
 
Backbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectadosBackbone.js + Rails - Front-end e back-end conectados
Backbone.js + Rails - Front-end e back-end conectados
 
User Interface (UI) x User Experience (UX)
User Interface (UI) x User Experience (UX)User Interface (UI) x User Experience (UX)
User Interface (UI) x User Experience (UX)
 
Desenvolvimento de Games com Phaser
Desenvolvimento de Games com PhaserDesenvolvimento de Games com Phaser
Desenvolvimento de Games com Phaser
 
WPI Aula 04
WPI Aula 04WPI Aula 04
WPI Aula 04
 
Design Responsivo
Design ResponsivoDesign Responsivo
Design Responsivo
 
Interface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-endInterface é código: aprimorando a experiência do usuário no front e no back-end
Interface é código: aprimorando a experiência do usuário no front e no back-end
 
Processo de design digital
Processo de design digitalProcesso de design digital
Processo de design digital
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
UI e UX no Material Design
UI e UX no Material DesignUI e UX no Material Design
UI e UX no Material Design
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint Workshop
 
Introdução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular jsIntrodução ao desenvolvimento front end usando bootstrap e angular js
Introdução ao desenvolvimento front end usando bootstrap e angular js
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
 
Aula 4 - HTML
Aula 4 - HTMLAula 4 - HTML
Aula 4 - HTML
 

Similar to Hack2B Startups - UX?

Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
Claudio Toldo
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Cris Fidelix
 
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
 

Similar to Hack2B Startups - UX? (20)

12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
User experience
User experienceUser experience
User experience
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016Chega de "tapa na UX" - Agile trends 2016
Chega de "tapa na UX" - Agile trends 2016
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Pitacos sobre usabilidade
Pitacos sobre usabilidadePitacos sobre usabilidade
Pitacos sobre usabilidade
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
UX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuárioUX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuário
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019UX e UI no Webdesign - Aula 08 - Webdesign - 2019
UX e UI no Webdesign - Aula 08 - Webdesign - 2019
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
UX User Xperience e UI User Interface no Webdesign - Aula 7 - 2020-01
 
User Experience para Developers
User Experience para DevelopersUser Experience para Developers
User Experience para Developers
 
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
 
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
 
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)
 

Hack2B Startups - UX?