 Victor Adriel de Jesus Oliveira
◦ Universidade Estadual de Santa Cruz
◦ TecnoJr
◦ Design de Interfaces acessíveis
◦ Prog...
 User what?
◦ Explicando o conceito de UX
 Motivação para a UX
◦ Porque daria atenção a esse tema?
 Características
◦ A...
 Bem presentes ao nosso redor
 Multidisciplinar
 aka Experiência do Usuário
 Respostas e percepções do usuário
relacionadas a um produto, sistema ou
serviço antes, dura...
Contexto
UsuáriosConteúdo
 Lisa quer entrar em contato com seu marido
através de seu celular...
... isso em um ônibus lotado.
 O contexto envolve a situação atual:
◦ Física
 Condições do ambiente de acordo seus sentidos
◦ Social
 Como outras pes...
 Projetando equipamentos
 Projetando tarefas
 Projetando com foco no ambiente
 Treinamento
 Características individua...
 Quem são os usuários desse projeto?
 Quais são suas tarefas e objetivos?
 Quais seus níveis de experiência com esse
pr...
Contexto
UsuáriosConteúdo
 Evita a criação de funcionalidades
desnecessárias;
 Simplifica o design do projeto;
 Melhora a usabilidade e a ergonom...
 Você tem menos de 2min para se comunicar
na primeira vez em que um potencial cliente
visita seu Website.
Jakob Nielsen
 Facilidade de uso
◦ Velocidade de aprendizado
◦ Eficiência na utilização
◦ Grau de propensão a erros
 Permitir o acesso à informação independente
de características físicas, motoras, cognitivas
e etáticas.
 Jessica Cox
 Victor Adriel
Sem botões + Sem javascript = Sem comentários
 Eliminar verbosidade desnecessária
 Linguagem simples e objetiva
 Aumentar legibilidade
 Hierarquia
 Estrutura hierárquica
 Estrutura hierárquica (Grids)
 Estrutura hierárquica (Grids)
 Estrutura hierárquica (Grids)
 Estrutura hierárquica (Cor)
 Estrutura hierárquica (Cor)
 Qualidade daquilo que é apetecível
 Cores
 Significado das cores
◦ Branco
 Sugere pureza. Cria uma impressão de vazio e de infinito. Evoca frescor e limpeza,
prin...
 Escrevendo sobre pessoas
 Wireframes
 Storyboards
@interprete12
blogvictoradriel.blogspot.com
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
User Experience
Próximos SlideShares
Carregando em…5
×

User Experience

486 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
486
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

×