Design de Interaçãomarcos nähr
F5 - Design de Interação | 14 de julho de 2009
• 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
Design de Interação
mistificarJesse James Garret
mistificarDan Saffer
mistificarChallis Hodge
mistificarChallis Hodge
mistificarNathan Shedroff
Desmistificarpor Bill Verplank
Desmistificarfazer 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!
Entenderos Paradigmas do Computador
Analisaro Processo do Design de Interação
motivação significado modo mapeamento
Definiros Elementos por trás deste Processo
barreirassíntese
estrutura
ideação
tangibilizaçãoincertezas
seleção
visualização
prototipagem
avaliação
Definiros Elementos por trás deste ProcessoBarreiras•Necessidades e desejos•Percepções•Modelos mentais e expectativas•Conhecimento da marca•Barreiras funcionais•Tecnologia•Ambiente•Barreiras financeiras...
Definiros Elementos por trás deste ProcessoSíntese•Absorção de todos elementos chave•Idéias e características de design•Normalmente é subconsciente•E aparece melhor em ambientes calmos
Definiros Elementos por trás deste ProcessoEstrutura•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
Definiros Elementos por trás deste ProcessoIdeaçã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!!
Definiros Elementos por trás deste ProcessoTangibilização•Descrever as idéias•Sair das nuvens e por os pés no chão
Definiros Elementos por trás deste ProcessoIncertezas•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?”
Definiros Elementos por trás deste ProcessoSeleção•Hora de escolher•Lista “gerenciável” de alternativas•Idéias boas ficarão para trás
Definiros Elementos por trás deste ProcessoVisualização•Primo da tangibilização e da prototipagem•Leva a tangibilização mais adiante•Representação mais completa•Realista, mas ainda não funcional
Definiros Elementos por trás deste ProcessoPrototipagem•Testar como o design deve funcionar•Protótipos complexos x simples•Protótipo inicial: rápido e bruto•Protótipo final: interações realistas
Definiros Elementos por trás deste ProcessoAvaliaçã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.
Design de Interação
Marcos Nä[email protected]@marcosnahr