SlideShare uma empresa Scribd logo
1 de 49
Baixar para ler offline
UX DESIGN
Por Heraldo Junior
IF SERTÃO-PE 2018
MELHORANDO A EXPERIÊNCIA DO USUÁRIO
O QUE É?
U.X. DESIGN
=
USER EXPERIENCE DESIGN
=
DESIGN DA EXPERIÊNCIA DO USUÁRIO
2
Design Centrado no Usuário
É um processo de criação que se baseia
nas necessidades, desejos e limitações
das pessoas.
3
UX = Interfaces Bonitas?
4
“A solução de design ou de interface que surge é consequência não
só do trabalho que o designer faz, mas da preocupação que todo
mundo no Nubank tem com a experiência de quem usa o produto.”
Guilherme Neumann - Nubank Brasil
5
6
7
8
9
Design Visual
Estética. "Como eu pareço?"
10
Arquitetura da Informação
Organizar as informações. "O que tem mais
ou menos peso?" (hierarquia)
11
Design de Interação
Fluxos. "Como eu vou daqui pra lá?"
12
Usabilidade
Ergonomia. "Fácil de usar?"
13
Textos
Linguagem. "Dá pra entender bem?"
14
Lado Lógico, intelectual, exato
"Faz sentido?“ "Preciso pensar muito?"
15
Lado emocional, afetivo, criativo
Visual. Aquilo que causa prazer
16
UX DESIGN
Não é só tecnologia.
17
18
19
20
21
22
23
PENSAMENTO
(ÓBVIO PRA MIM)
VISUAL
(ÓBVIO COMPARTILHADO)
DESIGN THINKING
24
Faça uma imersão e
abrace os problemas do
cliente.
Por onde Começar?
25
Tenha Empatia
Você precisa entender as necessidades e dores das pessoas,
só assim conseguirá desenvolver soluções adequadas.
26
Questione
Isso abrirá sua mente para novas perspectivas. Novas
soluções.
27
Manje o Básico de Design e Usabilidade
Esses princípios vão te ajudar a encontrar melhores soluções
e oferecer a melhor experiência para os usuários.
28
Experiências Diferentes
Buscar conhecimento em outras
áreas ajuda a entender e
conhecer mais sobre o
comportamento humano.
29
Processos de UX
O processo de experiência do usuário normalmente consiste
em cinco fases principais: estratégia, pesquisa, análise,
concepção e produção.
30
Como podemos
desenhar experiências
que respeitem,
empoderem e melhorem
a vida das pessoas?
31
Identifique os Requisitos
32
Rabisque
33
34
Personas
Nome, título ou cargo, principais características, porquê usará
o produto?, dores, envolvimento com tecnologia.
35
“A Judite vai saber usar isso!”
“O Pedro precisa muito disso aqui.”
É muito prático!
Crie Protótipos
36
Feedback de Erros e Informações
37
Utilize Padrões Visuais
38
Animação
39
Teste com
seu Usuário
40
Deixe o Usuário no Comando
41
Informe Todos os Passos do Usuário
42
Designers e Desenvolvedores
43
44
45
46
47
Referências
48
• ESSER, T. Minicurso de UX. Disponível em www.slideshare.net. Acesso em 09 de Janeiro de 2018.
• SARMENTO, S. UX Design Workshop. Disponível em www.slideshare.net. Acesso em 09 de Janeiro
de 2018.
• FAÇANHA, A. UX Design para Desenvolvedores. Disponível em www.slideshare.net. Acesso em 09
de Janeiro de 2018.
• ANA e SORRISO. UX: Desenhando Soluções. Disponível em
https://pt.slideshare.net/LuizFelipeJr/ux-desenhando-solues?qid=6e73ba75-ca6e-47a4-b5bf-
b49c642cfb1c&v=&b=&from_search=14. Acesso em 09 de Janeiro de 2018.
• SILVA, R. O que é UX Design? Disponível em http://www.raffcom.com.br/blog/o-que-e-ux-design/.
Acesso em 09 de Janeiro de 2018.
Obrigado e
Vlw. Flw.
49

Mais conteúdo relacionado

Mais procurados

Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
Apresentação de Design Thinking
Apresentação de Design ThinkingApresentação de Design Thinking
Apresentação de Design Thinkingbaufaker
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?Sidney Roberto
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcTicianne Darin
 
Apresentação sobre UX
Apresentação sobre UXApresentação sobre UX
Apresentação sobre UXAndré Leoni
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Introdução ao Design Thinking
Introdução ao Design Thinking   Introdução ao Design Thinking
Introdução ao Design Thinking Priscila Machado
 
O que são Personas e por que usá-las?
O que são Personas e por que usá-las?O que são Personas e por que usá-las?
O que são Personas e por que usá-las?Mateada
 
Os 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoOs 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoEdyd B. Junges
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuárioAugusto Rückert
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 

Mais procurados (20)

Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Apresentação de Design Thinking
Apresentação de Design ThinkingApresentação de Design Thinking
Apresentação de Design Thinking
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Usabilidade - Metas, Principios e Heuristicas
Usabilidade -  Metas, Principios e HeuristicasUsabilidade -  Metas, Principios e Heuristicas
Usabilidade - Metas, Principios e Heuristicas
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 
Apresentação sobre UX
Apresentação sobre UXApresentação sobre UX
Apresentação sobre UX
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
Introdução ao Design Thinking
Introdução ao Design Thinking   Introdução ao Design Thinking
Introdução ao Design Thinking
 
Design Centrado no Ser Humano
Design Centrado no Ser HumanoDesign Centrado no Ser Humano
Design Centrado no Ser Humano
 
O que são Personas e por que usá-las?
O que são Personas e por que usá-las?O que são Personas e por que usá-las?
O que são Personas e por que usá-las?
 
Design de Interface - Diretrizes
Design de Interface - DiretrizesDesign de Interface - Diretrizes
Design de Interface - Diretrizes
 
Os 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoOs 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da Informação
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuário
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 

Semelhante a Ux design - Conceitos Básicos

Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseAna Luísa Ponsirenas
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Melloossobuco
 
UXDesign: Que besteira é essa?
UXDesign: Que besteira é essa?UXDesign: Que besteira é essa?
UXDesign: Que besteira é essa?Gabriel Melo
 
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
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service DesignErico Fileno
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service DesignErico Fileno
 
Gisele, lucas e felipe. trabalho de ihm ux
Gisele, lucas e felipe. trabalho de ihm  ux Gisele, lucas e felipe. trabalho de ihm  ux
Gisele, lucas e felipe. trabalho de ihm ux GISELE TERTO GOMES
 
Pesquisa com usuários - O que é e por que você deveria estar fazendo
Pesquisa com usuários - O que é e por que você deveria estar fazendoPesquisa com usuários - O que é e por que você deveria estar fazendo
Pesquisa com usuários - O que é e por que você deveria estar fazendoMellina
 
Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Melina Alves
 
Os desafios de criar a cultura de UX em contexto multidisciplinar
Os desafios de criar a cultura de UX em contexto multidisciplinarOs desafios de criar a cultura de UX em contexto multidisciplinar
Os desafios de criar a cultura de UX em contexto multidisciplinarLuciana Nunes
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizaçõesEdu Agni
 

Semelhante a Ux design - Conceitos Básicos (20)

Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
On UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portugueseOn UX and UX carrer - Intel Software Day 2013 - portuguese
On UX and UX carrer - Intel Software Day 2013 - portuguese
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 
Jordana Mello
Jordana MelloJordana Mello
Jordana Mello
 
UXDesign: Que besteira é essa?
UXDesign: Que besteira é essa?UXDesign: Que besteira é essa?
UXDesign: Que besteira é essa?
 
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
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User Experience
 
User eXperience
User eXperienceUser eXperience
User eXperience
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
UX da Questão
UX da QuestãoUX da Questão
UX da Questão
 
Gisele, lucas e felipe. trabalho de ihm ux
Gisele, lucas e felipe. trabalho de ihm  ux Gisele, lucas e felipe. trabalho de ihm  ux
Gisele, lucas e felipe. trabalho de ihm ux
 
Pesquisa com usuários - O que é e por que você deveria estar fazendo
Pesquisa com usuários - O que é e por que você deveria estar fazendoPesquisa com usuários - O que é e por que você deveria estar fazendo
Pesquisa com usuários - O que é e por que você deveria estar fazendo
 
Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7
 
User Experience
User ExperienceUser Experience
User Experience
 
Os desafios de criar a cultura de UX em contexto multidisciplinar
Os desafios de criar a cultura de UX em contexto multidisciplinarOs desafios de criar a cultura de UX em contexto multidisciplinar
Os desafios de criar a cultura de UX em contexto multidisciplinar
 
User experiense
User experienseUser experiense
User experiense
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Ux nas organizações
Ux nas organizaçõesUx nas organizações
Ux nas organizações
 

Mais de Heraldo Gonçalves Lima Junior (8)

Informática Básica
Informática BásicaInformática Básica
Informática Básica
 
Oficia de Diagramação - Conceitos Básicos
Oficia de Diagramação - Conceitos BásicosOficia de Diagramação - Conceitos Básicos
Oficia de Diagramação - Conceitos Básicos
 
O Papel Social da Escola
O Papel Social da EscolaO Papel Social da Escola
O Papel Social da Escola
 
Realidade virtual aplicada à educação
Realidade virtual aplicada à educaçãoRealidade virtual aplicada à educação
Realidade virtual aplicada à educação
 
Quando a Escola é a Aldeia
Quando a Escola é a AldeiaQuando a Escola é a Aldeia
Quando a Escola é a Aldeia
 
SEMIÁRIDO: REFLEXÃO SOBRE UMA EDUCAÇÃO CONTEXTUALIZADA
SEMIÁRIDO: REFLEXÃO SOBRE UMA EDUCAÇÃO CONTEXTUALIZADASEMIÁRIDO: REFLEXÃO SOBRE UMA EDUCAÇÃO CONTEXTUALIZADA
SEMIÁRIDO: REFLEXÃO SOBRE UMA EDUCAÇÃO CONTEXTUALIZADA
 
Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3
 
jQuery mobile
jQuery mobilejQuery mobile
jQuery mobile
 

Ux design - Conceitos Básicos