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

Ux para desenvolvedores