design de interação em produtos eletrônicos

65
Design de Interação em Produtos Eletrônicos Frederick van Amstel @usabilidoido Edyd Junges @edyd Instituto Faber-Ludens de Design de Interação

Upload: frederick-van-amstel

Post on 10-May-2015

2.618 views

Category:

Design


1 download

DESCRIPTION

Como projetar interfaces e interações para produtos eletrônicos, tais como eletrodomésticos, roupas e maquinário.

TRANSCRIPT

Design de Interação em Produtos Eletrônicos

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

Modelo Linear

Modelo Errático

Modelo convergente

criação

criação

criação

criação

criação

criação

análise

análise

análise

análise

análiseanálise

análise

análise

criação

criação

análise

Explorando o espaço de possibilidades

Recursos para criar

• Fala

• Rabiscos

• Brainstorming

• Cenários hipotéticos

Focalizando no que é viável

Recursos para Analisar

• Teste de Usabilidade

• Heurísticas

• Entrevistas

• Protótipos

Modelo Espiralado