SlideShare ist ein Scribd-Unternehmen logo
1 von 49
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinkingtalkitbr
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design • Suzi Sarmento
 
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
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UXBruno Polidoro
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and PrinciplesPeeyush Sahu CAPM®
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
TechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationTechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationEvan Purnama
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
 
Apresentação sobre UX
Apresentação sobre UXApresentação sobre UX
Apresentação sobre UXAndré Leoni
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenTersis Zonato
 
Design Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoDesign Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoMaristela Meireles
 
Jogos de criatividade
Jogos de criatividadeJogos de criatividade
Jogos de criatividadeThiago Reis
 
O UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comumO UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comumUXConf BR
 
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
 
Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UXTersis Zonato
 

Was ist angesagt? (20)

Principios do design
Principios do designPrincipios do design
Principios do design
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
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
 
Processos de designer
Processos de designerProcessos de designer
Processos de designer
 
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
 
Práticas e Processos de UX
Práticas e Processos de UXPráticas e Processos de UX
Práticas e Processos de UX
 
UX Research
UX ResearchUX Research
UX Research
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
TechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX PresentationTechTalk 77 UI & UX Presentation
TechTalk 77 UI & UX Presentation
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
Apresentação sobre UX
Apresentação sobre UXApresentação sobre UX
Apresentação sobre UX
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
 
Design Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de InovaçãoDesign Thinking e Ferramentas de Inovação
Design Thinking e Ferramentas de Inovação
 
Jogos de criatividade
Jogos de criatividadeJogos de criatividade
Jogos de criatividade
 
O UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comumO UX Writing e a padronização de informações: em busca de uma língua em comum
O UX Writing e a padronização de informações: em busca de uma língua em comum
 
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
 
Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UX
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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