SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
UX DESIGN
COMO CRIAR EXPERIÊNCIAS MEMORÁVEIS
Planeta Terra
Foto de Miguel Román (NASA)
VINICIUS FERREIRA
UX RESEARCHER
Doutorando em Ciência da Computação
Mestre em Ciência da Computação
Especialista em Des. de Software para Web
UFSCAR
University of British Columbia
Vancouver, Canada
Dalhousie University
Halifax, Canada
Tripulação principal da missão Apollo 11 - 1969
Neil Armstrong, Michael Collins, Edwin Aldrin Jr. (Acervo NASA)
Tripulação principal da missão Apollo 11 - 1969
Neil Armstrong, Michael Collins, Edwin Aldrin Jr. (Acervo NASA)
Primeira caminhada espacial livre - 1984
Bruce McCandless - Acervo NASA
UXExperiência
do Usuário
Design de Interação
Fatores humanos
Design Visual
Design Industrial
Arquitetura
Arquitetura de
Informação
Design de Som
Interação Humano
Computador
Criação de
Conteúdo
Prototipagem
Inteligibilidade
Ergonomia
Questões ambientais
e organizacionais
Acessibilidade
Hierarquia de
necessidades
Usabilidade
Organização da
Informação
Ética
Estética visual
Tipografia
Semiótica
Teoria das Cores
Personas
Branding
Estética do áudio
Interface
Forma de interação
Prototipagem
Contexto
Local de uso
Responsabilidade
social
Prédios inteligentes
Espaços interativos
Blueprints
Dan Saffer. Designing for interaction: creating innovative applications and devices. New Riders, 2010.
DESIGNER
UX
AFINAL, O QUE É ?UX
UX
resultantes da interação do usuário com um
determinado produto, sistema ou serviço
é o conjunto de percepção e respostas
emoções
crenças preferências
psicológicas
físicas
Comportamentos e ações dos usuários
antes, durante e após o uso
ISO 9241-210
Donald Norman
O design do dia-a-dia
Design emocional
“A vida é muito curta para construir
algo que ninguém quer usar”
Ash Maurya
Running Lean
O QUE TORNA AS
BOAS IDEIAS EM BEM SUCEDIDAS
NÃO É A HABILIDADE DE CRIAR UM
PRODUTO BONITO, MAS SIM O
MINDSET
Resolver
problemas reais
Criar experiências
memoráveis
Entender a necessidade
dos usuários
Evoluir o negócioColetar feedback
MODELO HONEYCOMB PARA UX
Valioso
Crível
DesejávelÚtil
AcessívelEncontrável
Utilizável
PENSAM SENTEM
USAM
Peter Morville, 2004. http://semanticstudios.com/user_experience_design/
Katerina Karagianni. 2018. https://uxdesign.cc/optimizing-the-ux-honeycomb-1d10cfb38097
A diferença entre um produto que você
ama e um produto que você tolera
está nas microinterações que você teve
com esse produto
Nós quase não notamos essas microinterações
até algo dar muito errado
Dan Saffer
Microinteractions: Designing with Details
www.USERINYERFACE.com
HOUSTON
WE HAVE A PROBLEM
DÁ PRA SER ÁGIL E FAZER UX DESIGN?
LEAN STARTUP
Eric Ries
2011
Lean Manufacturing
Toyota
Desenvolvimento mais sustentável (incerteza)
Modelo Construir-Medir-Aprender
Aprendizado validado
Métricas e hipóteses
Reduzir os desperdícios
Aumentar a produtividade
MVP - Produto Minimamente Viável
IDEAS
MVPDADOS
CONSTRUIRAPRENDER
MEDIR
MODELO
CONSTRUIR
MEDIR
APRENDER
Eric Ries. 2011. The lean startup: How today's entrepreneurs use continuous innovation to create radically successful businesses. Crown Books.
MVP Consiste em um versão mais simples de um produto ou serviço que pode ser
lançada com uma quantidade mínima de esforço e desenvolvimento.
LEAN UX
Jeff Gothelf
Prática de UX em um ambiente Lean
Três pilares do Lean UX:
Jeff Gothelf; Josh Seiden. Lean UX: designing great products with agile teams. " O'Reilly Media, Inc.", 2016.
DESIGN THINKING DESENVOLVIMENTO ÁGILLEAN STARTUP
Explore e entenda
o problema
Construa a
solução certa
Construa certo a
solução
Empatia
Time multidisciplinar
Colaboração (co-criação)
Times pequenos e focados
Compreensão compartilhada
Validação contínua
Baseada em hipóteses
Construir evidência (falhar)
Abordagem que utiliza a amplitude do pensamento
do designer para resolução de problemas, por meio
de métodos e processos de design
Quando errar, descubra cedo
e conserte rápido
Designer
ProgramadorGerente de projeto
Precisamos deixar nosso
produto mais social. Que tal
adicionarmos um campo de
comentários?
Ótima ideia! No entanto,
vamos precisar de um sistema
de moderação. Não queremos
haters no nosso sistema!
Vou pensar em como
posso implementar
isso no sistema!
Comentários irão melhorar nossas métricas? Comentário é a melhor forma de ser social? As pessoas irão deixar comentários?
Nosso produto precisa ser mais social? Comentários irão satisfazer um necessidade dos nossos usuários?
Validar antes algumas suposições:
LEAN UX
Fake door testing
Validação rápida
Implementação rápida e de baixo custo
Será que os usuários irão abrir a porta falsa?
Dicas:
▪ Seja transparente e agradeça os usuários
▪ Crie mecanismos para coletar feedbacks futuros
▪ Dê alguma recompensa para os participantes
▪ Faça teste A/B para verificar o impacto nos objetivos de negócio
▪ Use com moderação, para não afetar a credibilidade do negócio
Limitações:
▪ Curiosidade, nem sempre implica necessidade
I HAVE NO IDEA
WHAT I’M DOING
“Se você definir o problema corretamente, já terá quase a solução”. Steve Jobs
DOUBLE DIAMOND MODEL
KEEP DESIGNING ||||
Vinicius Ferreira
vinicius.ferreira@itera.com.br

Mais conteúdo relacionado

Semelhante a UX Design - Como criar experiências memoráveis

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 Rosawudrs
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interaçãoUFPE
 
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árioBruno Biagioni Neto
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - ReviewRafael Burity
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interaçãoHugo Albuquerque
 
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
 
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...tdc-globalcode
 
O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0Lauro Teixeira
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
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 FidelixCris Fidelix
 
Pensando (e fazendo) software com design thinking
Pensando (e fazendo) software com design thinkingPensando (e fazendo) software com design thinking
Pensando (e fazendo) software com design thinkingUTFPR
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXNelson Vasconcelos
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 
Design Customizado
Design CustomizadoDesign Customizado
Design Customizadobernardolm
 
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp..."Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...EDIT. - Disruptive Digital Education
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioThais Campas
 

Semelhante a UX Design - Como criar experiências memoráveis (20)

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
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interação
 
Arquitetura da Informacao e Webdesign
Arquitetura da Informacao e WebdesignArquitetura da Informacao e Webdesign
Arquitetura da Informacao e Webdesign
 
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
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - Review
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interação
 
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 ...
 
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
TDC2017 | São Paulo - Trilha Design Thinking How we figured out we had a SRE ...
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
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
 
Pensando (e fazendo) software com design thinking
Pensando (e fazendo) software com design thinkingPensando (e fazendo) software com design thinking
Pensando (e fazendo) software com design thinking
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
 
Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
Design Customizado
Design CustomizadoDesign Customizado
Design Customizado
 
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp..."Estratégia para “Responsive UX”"-  #7 Industry Sessions by EDIT. / UX & Resp...
"Estratégia para “Responsive UX”"- #7 Industry Sessions by EDIT. / UX & Resp...
 
Arquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do UsuárioArquitetura da Informação e Experiência do Usuário
Arquitetura da Informação e Experiência do Usuário
 

Último

Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 

Último (8)

Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 

UX Design - Como criar experiências memoráveis

  • 1. UX DESIGN COMO CRIAR EXPERIÊNCIAS MEMORÁVEIS Planeta Terra Foto de Miguel Román (NASA)
  • 2. VINICIUS FERREIRA UX RESEARCHER Doutorando em Ciência da Computação Mestre em Ciência da Computação Especialista em Des. de Software para Web UFSCAR University of British Columbia Vancouver, Canada Dalhousie University Halifax, Canada Tripulação principal da missão Apollo 11 - 1969 Neil Armstrong, Michael Collins, Edwin Aldrin Jr. (Acervo NASA)
  • 3. Tripulação principal da missão Apollo 11 - 1969 Neil Armstrong, Michael Collins, Edwin Aldrin Jr. (Acervo NASA)
  • 4. Primeira caminhada espacial livre - 1984 Bruce McCandless - Acervo NASA UXExperiência do Usuário Design de Interação Fatores humanos Design Visual Design Industrial Arquitetura Arquitetura de Informação Design de Som Interação Humano Computador Criação de Conteúdo Prototipagem Inteligibilidade Ergonomia Questões ambientais e organizacionais Acessibilidade Hierarquia de necessidades Usabilidade Organização da Informação Ética Estética visual Tipografia Semiótica Teoria das Cores Personas Branding Estética do áudio Interface Forma de interação Prototipagem Contexto Local de uso Responsabilidade social Prédios inteligentes Espaços interativos Blueprints Dan Saffer. Designing for interaction: creating innovative applications and devices. New Riders, 2010.
  • 6. AFINAL, O QUE É ?UX
  • 7. UX resultantes da interação do usuário com um determinado produto, sistema ou serviço é o conjunto de percepção e respostas emoções crenças preferências psicológicas físicas Comportamentos e ações dos usuários antes, durante e após o uso ISO 9241-210 Donald Norman O design do dia-a-dia Design emocional
  • 8. “A vida é muito curta para construir algo que ninguém quer usar” Ash Maurya Running Lean
  • 9. O QUE TORNA AS BOAS IDEIAS EM BEM SUCEDIDAS NÃO É A HABILIDADE DE CRIAR UM PRODUTO BONITO, MAS SIM O MINDSET Resolver problemas reais Criar experiências memoráveis Entender a necessidade dos usuários Evoluir o negócioColetar feedback
  • 10. MODELO HONEYCOMB PARA UX Valioso Crível DesejávelÚtil AcessívelEncontrável Utilizável PENSAM SENTEM USAM Peter Morville, 2004. http://semanticstudios.com/user_experience_design/ Katerina Karagianni. 2018. https://uxdesign.cc/optimizing-the-ux-honeycomb-1d10cfb38097
  • 11. A diferença entre um produto que você ama e um produto que você tolera está nas microinterações que você teve com esse produto Nós quase não notamos essas microinterações até algo dar muito errado Dan Saffer Microinteractions: Designing with Details
  • 13. HOUSTON WE HAVE A PROBLEM
  • 14. DÁ PRA SER ÁGIL E FAZER UX DESIGN?
  • 15. LEAN STARTUP Eric Ries 2011 Lean Manufacturing Toyota Desenvolvimento mais sustentável (incerteza) Modelo Construir-Medir-Aprender Aprendizado validado Métricas e hipóteses Reduzir os desperdícios Aumentar a produtividade MVP - Produto Minimamente Viável IDEAS MVPDADOS CONSTRUIRAPRENDER MEDIR MODELO CONSTRUIR MEDIR APRENDER Eric Ries. 2011. The lean startup: How today's entrepreneurs use continuous innovation to create radically successful businesses. Crown Books.
  • 16. MVP Consiste em um versão mais simples de um produto ou serviço que pode ser lançada com uma quantidade mínima de esforço e desenvolvimento.
  • 17. LEAN UX Jeff Gothelf Prática de UX em um ambiente Lean Três pilares do Lean UX: Jeff Gothelf; Josh Seiden. Lean UX: designing great products with agile teams. " O'Reilly Media, Inc.", 2016. DESIGN THINKING DESENVOLVIMENTO ÁGILLEAN STARTUP Explore e entenda o problema Construa a solução certa Construa certo a solução Empatia Time multidisciplinar Colaboração (co-criação) Times pequenos e focados Compreensão compartilhada Validação contínua Baseada em hipóteses Construir evidência (falhar) Abordagem que utiliza a amplitude do pensamento do designer para resolução de problemas, por meio de métodos e processos de design
  • 18. Quando errar, descubra cedo e conserte rápido
  • 19. Designer ProgramadorGerente de projeto Precisamos deixar nosso produto mais social. Que tal adicionarmos um campo de comentários? Ótima ideia! No entanto, vamos precisar de um sistema de moderação. Não queremos haters no nosso sistema! Vou pensar em como posso implementar isso no sistema! Comentários irão melhorar nossas métricas? Comentário é a melhor forma de ser social? As pessoas irão deixar comentários? Nosso produto precisa ser mais social? Comentários irão satisfazer um necessidade dos nossos usuários? Validar antes algumas suposições:
  • 20. LEAN UX Fake door testing Validação rápida Implementação rápida e de baixo custo Será que os usuários irão abrir a porta falsa? Dicas: ▪ Seja transparente e agradeça os usuários ▪ Crie mecanismos para coletar feedbacks futuros ▪ Dê alguma recompensa para os participantes ▪ Faça teste A/B para verificar o impacto nos objetivos de negócio ▪ Use com moderação, para não afetar a credibilidade do negócio Limitações: ▪ Curiosidade, nem sempre implica necessidade
  • 21. I HAVE NO IDEA WHAT I’M DOING
  • 22. “Se você definir o problema corretamente, já terá quase a solução”. Steve Jobs DOUBLE DIAMOND MODEL
  • 23. KEEP DESIGNING |||| Vinicius Ferreira vinicius.ferreira@itera.com.br