F5 - Design de Interação

Design de Interação marcos nähr F5 - Design de Interação | 14 de julho de 2009

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

mistificar Jesse James Garret

mistificar Dan Saffer

mistificar Challis Hodge

mistificar Nathan Shedroff

Desmistificar por Bill Verplank

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!

Entender os Paradigmas do Computador

Analisar o Processo do Design de Interação motivação significado modo mapeamento

Definir os Elementos por trás deste Processo barreiras avaliação síntese prototipagem estrutura visualização ideação seleção tangibilização incertezas

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

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

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

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

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

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?”

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

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

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

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.

Design de Interação Marcos Nähr marcos@nahr.com.br www.marcosnahr.com @marcosnahr

http://www.chmkt.com.br	565
http://www.iriscold.com.br	231
http://www.marcosnahr.com.br	207
http://www.mormasso.com	96
http://www.slideshare.net	90
http://tipoassimdesign.blogspot.com	90
http://www.murilolima.com	55
http://tipoassimdesign.blogspot.com.br	17
http://contraaclicagemburra.blogspot.com	13
http://static.slidesharecdn.com	6
http://feeds.feedburner.com	2
http://www.contraaclicagemburra.blogspot.com	2
http://tipoassimdesign.blogspot.pt	2
http://www.netvibes.com	1
http://www.contraclicagemburra.com	1
http://webcache.googleusercontent.com	1
http://74.125.93.132	1

F5 - Design de Interação

by Marcos Nähr on Jul 15, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

17 Embeds 1,380

Statistics

F5 - Design de Interação — Presentation Transcript