SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
UX DESIGNpara developers
USEREXPERIENCE
QUEM?
caioalcantara: {
"Mobile Developer",
"Baiano",
"Apaixonado por tecnologia e mobilidade",
"Facilitador Android Study Jams - Google"
};
CONCEITOS DE UX DESIGN
Foque no usuário e não na máquina
Pense no produto
" Experiência.equals(permanência) = true "
PARTICIPAÇÃO D@ DEV
Preocupe-se com o produto.
Entenda o ambiente.
CONTRIBUIÇÃO D@ DEV
• Carregamento em background
• Feedback pro usuário + response touch
• Salve a bateria do brother (Na moral, né?)
• Se ligue no 3G (Nem todo mundo tem franquia 4G)
PERFOMANCE É UX
Era bonitinho... maaas travou e ficou óó?
X DESIGNER É SEU AMIGX
Não corte as asas dx designer e sim direcione o seu vôo!
Seja paciente, explique noções e viabilidades técnicas.
Juntos vocês pensarão em uma solução boa para ambos!
JUNTOS SOMOS MAIS FORTES!
Entenda,
associe,
discuta
e opine!
NÃO TENHA VERGONHA DOS SEUS DESENHOS
Bonecos de palito, quadrados
retângulos e círculos ovais são aceitos.
IMAGINE, VIAJE, SURPREENDA-SE
Pense "Ao infinito e além!";
Saia da sua zona de conforto;
Pesquise;
Veja tendências!
ASSUMA AS SUAS DIFICULDADES
É comum para umx desenvolvedorx possuir dificuldades
em criar/pensar experiências de interface
UX PARA DEV, DEV PARA UX
Essa é uma estrada de mão
dupla, abusem da comunicação!
TÁ, CHEGA DE PAPO!
Existem algumas técnicas e pontos que
são interessantes de serem explorados
na construção de uma boa UX.
CONTEXTO
Lembra daquela parte que dissemos: “Entenda o
ambiente?”
Desenvolva as ações e fluxos respeitando e
preocupando-se em reforçar o contexto da app.
INTELIGÊNCIA ARTIFICIAL (AI)
Seu App/Site precisa ser capaz de manter uma
comunicação com usuário, aprender com ele,
sugerir o que ele precisa antes mesmo dele saber
que precisa.
MICROTEXTOS
Utilize-se de termos que conversem com o usuário, crie
um vinculo dele com a sua app.
O conjunto de um microtexto (chamada) e uma frase de
apoio consistente dará o pontapé inicial da experiência
do seu usuário dentro da sua app.
VISÃO PERIFÉRICA
"Fulano acabou de entrar (MSN)"
Push notifications bar.
CUIDADO COM AS CORES!
FEEDBACKS
Deu ruim? AVISE
Tá tranquilo? AVISE
Tá favorável? AVISE
Incerteza gera insatisfação!
CONSISTÊNCIA
Uma ação deve manter o seu comportamento
durante toda a aplicação
ORGANICIDADE
As ações e pontos de contato devem ser
intuitivos o bastante para que o usuário não
precise lembrar e um comando/passo
específico.
PERSONALIZE O SEU WIZARD
Acompanhe o usuário, mostre a ele o que
fazer e deixe claro o objetivo daquela ação,
mas deixe que ele decida como fazer.
MINIFIQUE AS TAREFAS
Mais passos pequenos costumam ser
mais eficientes que menos passos
grandes
CATEGORIZE
A arquitetura da informação é importante!
Menos conteúdo não significa menos
informação.
A sensação de familiaridade dá conforto ao usuário. Então
por que não utilizar os padrões existentes do sistema, fluxos
de navegabilidade?
Implemente o seu diferencial mas sempre referencie um
comportamento que o usuário possa associar!
E muito (é sério, muito mesmo) importante… Leia guide lines!!
UTILIZE OS PADRÕES
RESTRINJA SOMENTE QUANDO NECESSÁRIO
Só barre o usuário quando não tiver jeito.
SEJA O PSICÓLOGO DO SEU USUÁRIO!
Ele precisa de você!
APRIMORE-SE
Android Usability Guideline
10 referencias sobre UX - E-books
Referencias de interface em android apps
Obrigado! ;)
Feedbacks, conforme vimos, são bem vindos, então… Deixa o seu!
EMAIL
kaiiolucas@gmail.com
FACEBOOK & LINKEDIN
Caio Lucas Alcântara

Contenu connexe

Tendances

Tendances (20)

UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Experiencia do usuario
Experiencia do usuarioExperiencia do usuario
Experiencia do usuario
 
Usabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerceUsabilidade, User Experience e Design Emocional no E-commerce
Usabilidade, User Experience e Design Emocional no E-commerce
 
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
Jornalismo para plataformas móveis: uma avaliação interdisciplinar de comunic...
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
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
 
Material design mesmice ou inovação
Material design   mesmice ou inovaçãoMaterial design   mesmice ou inovação
Material design mesmice ou inovação
 
Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
 
Usabilidade e Experiencia do Usuario
Usabilidade e Experiencia do UsuarioUsabilidade e Experiencia do Usuario
Usabilidade e Experiencia do Usuario
 
IHM- User Experience
IHM- User ExperienceIHM- User Experience
IHM- User Experience
 
UX – User Experience
UX – User ExperienceUX – User Experience
UX – User Experience
 
Acessibilidade em Android para deficientes visuais
Acessibilidade em Android para deficientes visuaisAcessibilidade em Android para deficientes visuais
Acessibilidade em Android para deficientes visuais
 
DevUX
DevUXDevUX
DevUX
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da InterfaceFlat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
 
User experiense
User experienseUser experiense
User experiense
 
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
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
style guide ui
style guide uistyle guide ui
style guide ui
 
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
 

Similaire à Ux para desenvolvedores

Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo Moveis
Paolo Passeri
 

Similaire à Ux para desenvolvedores (20)

Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
UX Design
UX DesignUX Design
UX Design
 
UX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para MobileUX - User Experience (Experiência do usuário) para Mobile
UX - User Experience (Experiência do usuário) para Mobile
 
User experience
User experienceUser experience
User experience
 
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
 
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARUSABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
 
Workshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronWorkshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael Daron
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 
Mini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo MoveisMini Curso Design de Dispositivo Moveis
Mini Curso Design de Dispositivo Moveis
 
Design de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos MóveisDesign de Interfaces para Dispositivos Móveis
Design de Interfaces para Dispositivos Móveis
 
Memorias das trincheiras
Memorias das trincheirasMemorias das trincheiras
Memorias das trincheiras
 
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
 
User experience
User experienceUser experience
User experience
 
Ihc Aula4 A
Ihc Aula4 AIhc Aula4 A
Ihc Aula4 A
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
 
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
 
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
 
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
 
Palestra UX Etec - 22_04
Palestra UX Etec - 22_04Palestra UX Etec - 22_04
Palestra UX Etec - 22_04
 

Ux para desenvolvedores