Design de Interação em Produtos Eletrônicos
Upcoming SlideShare
Loading in...5
×
 

Design de Interação em Produtos Eletrônicos

on

  • 3,017 views

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

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

Statistics

Views

Total Views
3,017
Views on SlideShare
2,210
Embed Views
807

Actions

Likes
4
Downloads
44
Comments
0

2 Embeds 807

http://www.usabilidoido.com.br 787
http://usabilidoido.com.br 20

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Design de Interação em Produtos Eletrônicos Design de Interação em Produtos Eletrônicos Presentation Transcript

  • Design de Interaçãoem Produtos EletrônicosFrederick van Amstel @usabilidoidoEdyd Junges @edydInstituto 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 A U AU A U U ADesign de Interação como Rede Sociotécnica
  • Relação entre áreas Design Design Design de Gráfico Design de Interação Produto Design de Interface Design Digital Web Design GUI Design
  • O desenvolvimento de Tecnologiaé Multidiscplinar
  • Contexto em foco das disciplinas EngenhariasUsabilidade / Design de Interface Design de Interação Antropologia / Marketing
  • A briga toda começou porque o Pedro emprestou o chippara 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 interfacesgráficas (Eaton, 2002)
  • Propiciação como objetocompartilhado Design de Design O quê? Como? Produto Gráfico Propiciação Design de Onde? Porque? Design de Serviços Interação
  • A importância da Colaboração
  • Os Três Pilares do produto,Donald Norman Produto Marketing Design Engenharia
  • 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 seusobjetivos compartilhados, senão...
  • o que o o que a administração o que foimarketing aprovou projetado pela sugeriu engenhariao que foi como foi montado o que oproduzido consumidor queria...
  • Experiência do Usuário não é requisito. É estratégia.
  • Os nove pilares de times web desucesso, 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
  • Processo1. Análise da 2. Criação de 3.Prototipação Tarefa Objetos
  • 1. Defina uma tarefa
  • 2. Extraia os objetos
  • 3. Rascunhe as telas
  • Criando uma Linguagem IcônicaObjetos LimitadoresAçõ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 90 Adobe Photoshop Corel Photopaint67,5 4522,5 0 1 semana 2 semanas 3 semanas 4 semanas
  • Diagrama de Etapas
  • Diagrama Situacional
  • Relação entre objetosassociativo
  • 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
  • MolicSERG - 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 análise criação análise análise análise criação análise criação criação análise análise criação análise análise criação criação
  • Explorando o espaço depossibilidades
  • 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