F5 - Design de Interação
•
30 gostaram•1,237 visualizações
Apresentação sobre Design de Interação feita durante o F5, evento mensal da AGADI
Recomendados
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (16)
Semelhante a F5 - Design de Interação
Semelhante a F5 - Design de Interação (20)
Mais de Marcos Nähr
F5 - Design de Interação
- 1. Design de Interação marcos nähr F5 - Design de Interação | 14 de julho de 2009
- 2. Design de Interação • Desmistificar o design de interação • Entender os paradigmas do computador • Analisar o processo do design de interação • Definir os elementos por trás deste processo
- 4. mistificar Dan Saffer
- 5. mistificar Challis Hodge
- 6. mistificar Challis Hodge
- 8. Desmistificar por Bill Verplank
- 9. Desmistificar fazer Design de Interação é contar uma história • Foque em pessoas... • Que estão fazendo alguma coisa... • Em um lugar específico... • Por razões específicas... • Para atingir um objetivo específico. A interface é menos importante que as tarefas, o contexto e os objetivos!
- 10. Entender os Paradigmas do Computador
- 11. Analisar o Processo do Design de Interação motivação significado modo mapeamento
- 12. Definir os Elementos por trás deste Processo barreiras avaliação síntese prototipagem estrutura visualização ideação seleção tangibilização incertezas
- 13. Definir os Elementos por trás deste Processo Barreiras •Necessidades e desejos •Percepções •Modelos mentais e expectativas •Conhecimento da marca •Barreiras funcionais •Tecnologia •Ambiente •Barreiras financeiras...
- 14. Definir os Elementos por trás deste Processo Síntese •Absorção de todos elementos chave •Idéias e características de design •Normalmente é subconsciente •E aparece melhor em ambientes calmos
- 15. Definir os Elementos por trás deste Processo Estrutura •Articula a síntese •Faz as idéias acontecerem •É também uma forma de síntese •Momento de ordem após o caos das barreiras
- 16. Definir os Elementos por trás deste Processo Ideação •Serve para “coar” as idéias •Uma boa estrutura = melhores idéias •Brainstorming ajuda no processo •Idéias aparecem a todo momento •Uma boa idéia pode reiniciar todo o processo!!
- 17. Definir os Elementos por trás deste Processo Tangibilização •Descrever as idéias •Sair das nuvens e por os pés no chão
- 18. Definir os Elementos por trás deste Processo Incertezas •Tendem a aparecer após a tangibilização •Fator precursor da seleção •Trabalha questões sem resposta até agora •“é simples o suficiente para ser entendido?”
- 19. Definir os Elementos por trás deste Processo Seleção •Hora de escolher •Lista “gerenciável” de alternativas •Idéias boas ficarão para trás
- 20. Definir os Elementos por trás deste Processo Visualização •Primo da tangibilização e da prototipagem •Leva a tangibilização mais adiante •Representação mais completa •Realista, mas ainda não funcional
- 21. Definir os Elementos por trás deste Processo Prototipagem •Testar como o design deve funcionar •Protótipos complexos x simples •Protótipo inicial: rápido e bruto •Protótipo final: interações realistas
- 22. Definir os Elementos por trás deste Processo Avaliação •Deve aparecer + vezes durante o processo •Pelos designers ou usuários/clientes •Resultados devem alimentar as barreiras Dica: comece a avaliar cedo, com frequência e o mais tarde possível.
- 23. Design de Interação Marcos Nähr marcos@nahr.com.br www.marcosnahr.com @marcosnahr
Notas do Editor
- Jesse James Garret’s Elements of User Experience
- Dan Saffer’s UX Ven Diagram
- Challis Hodge’s – Make up of Experience Design
- Challis Hodge’s – Relationship Model of Experience Design
- Nathan Shedroff’s – Roles of Experience Design