Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
UX DESIGNpara developers
USEREXPERIENCE
QUEM?
caioalcantara: {
"Mobile Developer",
"Baiano",
"Apaixonado por tecnologia e mobilidade",
"Facilitador Android Study ...
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 ...
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 viabilida...
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-s...
INTELIGÊNCIA ARTIFICIAL (AI)
Seu App/Site precisa ser capaz de manter uma
comunicação com usuário, aprender com ele,
suger...
MICROTEXTOS
Utilize-se de termos que conversem com o usuário, crie
um vinculo dele com a sua app.
O conjunto de um microte...
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 coma...
PERSONALIZE O SEU WIZARD
Acompanhe o usuário, mostre a ele o que
fazer e deixe claro o objetivo daquela ação,
mas deixe qu...
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...
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...
Prochain SlideShare
Chargement dans…5
×

Ux para desenvolvedores

UX para Desenvolvedores apresentada no Google Tech Tour #3, na Universidade Católica de Salvador.

  • Identifiez-vous pour voir les commentaires

Ux para desenvolvedores

  1. 1. UX DESIGNpara developers USEREXPERIENCE
  2. 2. QUEM? caioalcantara: { "Mobile Developer", "Baiano", "Apaixonado por tecnologia e mobilidade", "Facilitador Android Study Jams - Google" };
  3. 3. CONCEITOS DE UX DESIGN Foque no usuário e não na máquina Pense no produto " Experiência.equals(permanência) = true "
  4. 4. PARTICIPAÇÃO D@ DEV Preocupe-se com o produto. Entenda o ambiente.
  5. 5. 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)
  6. 6. PERFOMANCE É UX Era bonitinho... maaas travou e ficou óó?
  7. 7. 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!
  8. 8. JUNTOS SOMOS MAIS FORTES! Entenda, associe, discuta e opine!
  9. 9. NÃO TENHA VERGONHA DOS SEUS DESENHOS Bonecos de palito, quadrados retângulos e círculos ovais são aceitos.
  10. 10. IMAGINE, VIAJE, SURPREENDA-SE Pense "Ao infinito e além!"; Saia da sua zona de conforto; Pesquise; Veja tendências!
  11. 11. ASSUMA AS SUAS DIFICULDADES É comum para umx desenvolvedorx possuir dificuldades em criar/pensar experiências de interface
  12. 12. UX PARA DEV, DEV PARA UX Essa é uma estrada de mão dupla, abusem da comunicação!
  13. 13. TÁ, CHEGA DE PAPO! Existem algumas técnicas e pontos que são interessantes de serem explorados na construção de uma boa UX.
  14. 14. 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.
  15. 15. 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.
  16. 16. 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.
  17. 17. VISÃO PERIFÉRICA "Fulano acabou de entrar (MSN)" Push notifications bar.
  18. 18. CUIDADO COM AS CORES!
  19. 19. FEEDBACKS Deu ruim? AVISE Tá tranquilo? AVISE Tá favorável? AVISE Incerteza gera insatisfação!
  20. 20. CONSISTÊNCIA Uma ação deve manter o seu comportamento durante toda a aplicação
  21. 21. 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.
  22. 22. 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.
  23. 23. MINIFIQUE AS TAREFAS Mais passos pequenos costumam ser mais eficientes que menos passos grandes
  24. 24. CATEGORIZE A arquitetura da informação é importante! Menos conteúdo não significa menos informação.
  25. 25. 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
  26. 26. RESTRINJA SOMENTE QUANDO NECESSÁRIO Só barre o usuário quando não tiver jeito.
  27. 27. SEJA O PSICÓLOGO DO SEU USUÁRIO! Ele precisa de você!
  28. 28. APRIMORE-SE Android Usability Guideline 10 referencias sobre UX - E-books Referencias de interface em android apps
  29. 29. Obrigado! ;) Feedbacks, conforme vimos, são bem vindos, então… Deixa o seu! EMAIL kaiiolucas@gmail.com FACEBOOK & LINKEDIN Caio Lucas Alcântara

×