User Experience

389 views
326 views

Published on

Apresentação do conceito User Experience e de técnicas para o bom desenvolvimento de interfaces.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
389
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

User Experience

  1. 1.  Victor Adriel de Jesus Oliveira ◦ Universidade Estadual de Santa Cruz ◦ TecnoJr ◦ Design de Interfaces acessíveis ◦ Programação Web ◦ @interprete12 ◦ blogvictoradriel.blogspot.com
  2. 2.  User what? ◦ Explicando o conceito de UX  Motivação para a UX ◦ Porque daria atenção a esse tema?  Características ◦ Alguns elementos da UX  Métodos ◦ Técnicas e ferramentas
  3. 3.  Bem presentes ao nosso redor
  4. 4.  Multidisciplinar
  5. 5.  aka Experiência do Usuário  Respostas e percepções do usuário relacionadas a um produto, sistema ou serviço antes, durante e depois de utilizá-lo. ISO 9241-210
  6. 6. Contexto UsuáriosConteúdo
  7. 7.  Lisa quer entrar em contato com seu marido através de seu celular...
  8. 8. ... isso em um ônibus lotado.
  9. 9.  O contexto envolve a situação atual: ◦ Física  Condições do ambiente de acordo seus sentidos ◦ Social  Como outras pessoas afetam sua experiência ◦ Temporal  Variáveis de tempo ◦ Infra-estrutural  Disponibilidade da rede, custo da ligação. ◦ Tarefas  Possibilidades
  10. 10.  Projetando equipamentos  Projetando tarefas  Projetando com foco no ambiente  Treinamento  Características individuais
  11. 11.  Quem são os usuários desse projeto?  Quais são suas tarefas e objetivos?  Quais seus níveis de experiência com esse projeto e projetos como esse?  Quais funcionalidades os usuários precisam?  Que informações os usuários precisam e de que forma elas devem ser transmitidas?  Como os usuários acham que o sistema deveria funcionar?
  12. 12. Contexto UsuáriosConteúdo
  13. 13.  Evita a criação de funcionalidades desnecessárias;  Simplifica o design do projeto;  Melhora a usabilidade e a ergonomia do projeto;  Acelera o design e desenvolvimento por meio de guidelines;  Foca os negócios e o marketing de acordo as características dos usuários
  14. 14.  Você tem menos de 2min para se comunicar na primeira vez em que um potencial cliente visita seu Website. Jakob Nielsen
  15. 15.  Facilidade de uso ◦ Velocidade de aprendizado ◦ Eficiência na utilização ◦ Grau de propensão a erros
  16. 16.  Permitir o acesso à informação independente de características físicas, motoras, cognitivas e etáticas.
  17. 17.  Jessica Cox
  18. 18.  Victor Adriel Sem botões + Sem javascript = Sem comentários
  19. 19.  Eliminar verbosidade desnecessária  Linguagem simples e objetiva  Aumentar legibilidade
  20. 20.  Hierarquia
  21. 21.  Estrutura hierárquica
  22. 22.  Estrutura hierárquica (Grids)
  23. 23.  Estrutura hierárquica (Grids)
  24. 24.  Estrutura hierárquica (Grids)
  25. 25.  Estrutura hierárquica (Cor)
  26. 26.  Estrutura hierárquica (Cor)
  27. 27.  Qualidade daquilo que é apetecível
  28. 28.  Cores
  29. 29.  Significado das cores ◦ Branco  Sugere pureza. Cria uma impressão de vazio e de infinito. Evoca frescor e limpeza, principalmente quando combinado com o azul. Ex: Simplicidade, luz, paz, higiene, casamento, hospital, harmonia. ◦ Preto  Silêncio. Morte. Quando brilhante, confere nobreza, distinção e elegância. Cor preponderantemente masculina. Ex: Noite, nobreza, pessimismo, tristeza, dor. ◦ Cinza  É a expressão de um estado de alma duvidosa e neutra. Símbolo da indecisão e da ausência de energia. Quanto mais sombrio, mais conota desânimo, monotonia. Ex: Chuva, máquinas, seriedade. ◦ Azul  Cor profunda, calma. Preferida por adultos, marca uma certa maturidade. Quando sombrio, o azul chama ao infinito. Ex: Frio, céu, mar, tranqüilidade, paz, infinito, meditação, credibilidade.
  30. 30.  Escrevendo sobre pessoas
  31. 31.  Wireframes
  32. 32.  Storyboards
  33. 33. @interprete12 blogvictoradriel.blogspot.com

×