Frederick van Amstel @usabilidoidoEdyd Junges @edyd
Instituto Faber-Ludens de Design de Interação
A complexidade dos produtos eletrônicos aumenta ao longo do tempo.
Nossa visão sobre Design de Interação
Design de Interação como Artefato
U
A
U
U
U
U
U
U
UA
A
A
A
Design de Interação como Rede Sociotécnica
Design
Design de Interação
Design de Interface
GUI Design
Design Gráfico
Design de Produto
Design Digital
Web Design
Relação entre áreas
O desenvolvimento de Tecnologia é Multidiscplinar
Contexto em foco das disciplinas
Engenharias
Usabilidade / Design de Interface
Design de Interação
Antropologia / Marketing
A briga toda começou porque o Pedro emprestou o chip para copiar músicas para a namorada e não quiz devolver
depois.
Perfil do Designer de Interação
Conhecimento na cabeça: como abrir estas portas? (Norman, 2006)
Conhecimento no mundo: barras indicam onde puxar
Conhecimento no mundo: barras indicam onde puxar
Conhecimento no mundo: barras indicam onde puxar
Propiciação em interfaces gráficas (Eaton, 2002)
Onde?
Como?
Porque?
O quê?
Propiciação como objeto compartilhado
Propiciação
Design Gráfico
Design de Produto
Design de Interação
Design de Serviços
A importância da Colaboração
Os Três Pilares do produto, Donald Norman
Produto
Marketing
Engenharia
Design
O objetivo do Marketing é que o consumidor compre.
Design é que o produto seja bonito e fácil de usar.
O objetivo da Engenharia é que o produto funcione.
Todas as áreas de uma organização precisam ter bem claro seus
objetivos compartilhados, senão...
o que o marketing sugeriu
o que a administração aprovou
o que foi projetado pela
engenharia
o que foi produzido
como foi montado o que o consumidor queria...
Experiência do Usuário não é requisito. É estratégia.
Os nove pilares de times web de sucesso, JJ Garret
Regras do jogo da colaboração
• O objetivo é chegar com o máximo de peças ao mesmo tempo na marca “End”
• Todas as peças precisam pular uma ponte por turno
• A ponte só pode ser usada uma vez por turno
• Dependendo do tamanho da ponte, podem se mover várias peças de uma vez
• Se uma pessoa não puder se mover, ela deve ser retirada do jogo e o jogo se tornará mais difícil
Condições para a Colaboração
• Feedback rápido
• Transparência
• Comprometimento
• Fechamento
Método The Bridge
Objetivo do método
• Promover a colaboração na análise de requisitos em software
• Partir dos objetivos dos usuários e não da descrição do sistema
Processo
1. Análise da Tarefa
2. Criação de Objetos
3.Prototipação
1. Defina uma tarefa
2. Extraia os objetos
3. Rascunhe as telas
Criando uma Linguagem Icônica
Objetos Limitadores
Ações Qualificadores
Resultado
Documentação para Design de Interação
Texto
Características da Documentação
• Demorado
• Polissemia
• Desatualização
• Precisão
• Referência estavel
Mapa mental
Curva de aprendizado
0
22,5
45
67,5
90
1 semana 2 semanas 3 semanas 4 semanas
Adobe PhotoshopCorel Photopaint
Diagrama de Etapas
Diagrama Situacional
Relação entre objetos associativo
Relação entre objetos com verbos
Especificação de funcionalidades
Mural do usuário
Na página do perfil do usuário, haverá um pequeno mural para outros usuários deixarem recados como, por exemplo, convidando o usuário dono do perfil a responder uma pergunta sua. O dono do perfil poderá optar por desligar o mural.
Diagrama Sequencial
Diagrama Sequencial Negativo
Swimlane
Molic
SERG - PucRio
Vocabulário Visual
Wireframe
Wireframes anotados
Gesturecons
Gesture Stencils
Processo de Design de Interação
“Design é o design de um design para um design.”John Heskett