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
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UXBruno Polidoro
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasAlan Vasconcelos
 
UX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do UsuárioUX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do UsuárioRenato Melo
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuárioKarine Drumond
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
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
 
Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UXTersis Zonato
 
Modelos Conceituais - parte 1
Modelos Conceituais - parte 1Modelos Conceituais - parte 1
Modelos Conceituais - parte 1Erico Fileno
 
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)Rodrigo Freese Gonzatto
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaAlan Vasconcelos
 
Ihc2016.2 aula 3 introdução ao design de interação
Ihc2016.2 aula 3   introdução ao design de interaçãoIhc2016.2 aula 3   introdução ao design de interação
Ihc2016.2 aula 3 introdução ao design de interaçãoTicianne Darin
 
Treinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoTreinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoChico Adelano
 

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
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UX
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicas
 
UX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do UsuárioUX e UI - Experiência e Interface do Usuário
UX e UI - Experiência e Interface do Usuário
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuário
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
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
 
Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UX
 
Usabilidade IHC
Usabilidade IHCUsabilidade IHC
Usabilidade IHC
 
Modelos Conceituais - parte 1
Modelos Conceituais - parte 1Modelos Conceituais - parte 1
Modelos Conceituais - parte 1
 
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
O que é isto, a Interação? (Design de Interação e Interação Humano-Computador)
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
 
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
 
Ihc2016.2 aula 3 introdução ao design de interação
Ihc2016.2 aula 3   introdução ao design de interaçãoIhc2016.2 aula 3   introdução ao design de interação
Ihc2016.2 aula 3 introdução ao design de interação
 
Treinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico AdelanoTreinamento Design Thinking - Chico Adelano
Treinamento Design Thinking - Chico Adelano
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 

Semelhante a Ux design - Conceitos Básicos

Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AIklaibert
 
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
 
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
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User ExperienceEliaraujo
 

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

Palestra UX e AI
Palestra UX e AIPalestra UX e AI
Palestra UX e AI
 
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?
 
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
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
UX - User Experience
UX - User ExperienceUX - User Experience
UX - User Experience
 

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