f5 - design de interação

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ährmarcos@nahr.com.brwww.marcosnahr.com@marcosnahr