User Experience

472 visualizações

Publicada em

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

0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
472
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
13
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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

×