SlideShare uma empresa Scribd logo
1 de 54
Design de Interação
Quem?

•   Publicitário
•   Desenvolvedor
•   Designer de Interação
•   Consultor em User
    Experience


                              Edyd Junges
Treinamento em
Análise de Usabilidade   Treinamento em Design
                                                 Usabilidade e Arquitetura
   Portal Rio Show             de Interação           da Informação
“Nada substitui o ser-humano.”
     Instituto Faber-Ludens
A Vila Canta o Brasil Celeiro do Mundo - Água no feijão que chegou mais um...

O galo cantou
Com os passarinhos no esplendor da
                                          v    Pinga o suor na enxada
                                               A terra é abençoada
manhã                                          Preciso investir, conhecer
Agradeço a Deus por ver o dia raiar            Progredir, partilhar, proteger...
O sino da igrejinha vem anunciar               Cai a tarde, acendo a luz do lampião
Preparo o café, pego a viola, parceira de fé   A lua se ajeita, enfeita a procissão
Caminho da roça, e semear o grão...            De noite, vai ter cantoria
Saciar a fome com a plantação                  Está chegando o povo do samba
É a lida...                                    É a Vila, chão da poesia, celeiro de
Arar e cultivar o solo                         bamba
Ver brotar o velho sonho                       Vila, chão da poesia, celeiro de bamba
Alimentar o mundo, bem viver
A emoção vai florescer                         Festa no arraiá,
                                               É pra lá de bom
Ô muié, o cumpadi chegou                       Ao som do fole, eu e você
Puxa o banco e vem prosear                     A Vila vem plantar
Bota água no feijão já tem lenha no fogão      Felicidade no amanhecer
Faz um bolo de fubá                            Festa no arraiá,
                                               É pra lá de bom
                                               Ao som do fole, eu e você
                                               A Vila vem colher
                                               Felicidade no amanhecer
Novas Atuais Tecnologias
Computação Ubiqua
Como trabalhar com isso?
Design para as
pessoas
HCI – Human Computer Interaction
Modelo mental
Bill Moggridge
Design de Interação
Design de Interação é uma área
profissional, uma sub-disciplina do Design
  e um processo voltado ao projeto das
  interações entre pessoas e sistemas.
Diferencial




  Engenharias                 c

  IHC / Design de Interface

  Design de Interação

  Antropologia / Marketing
Experiência do Usuário não é requisito. É estratégia.
Sistemas são ecologias
A base para seu projeto deve ser a atividade humana
Os Três Pilares do produto,
Donald Norman



                    Produto




      Marketing                Design




                  Engenharia
O objetivo da Engenharia é que o produto funcione.
O objetivo do Marketing é que o consumidor compre.
Enquanto o Marketing se vale da Propaganda para atrair a
atenção, o Design trabalha a sedução pelo próprio produto.
o que o    o que a administração      o que foi
marketing          aprovou          projetado pela
 sugeriu                              engenharia




o que foi     como foi montado          o que o
produzido                             consumidor
                                       queria...
Métodos
Etnografia
Busca a compreensão aprofundada do
comportamento a partir da observação
de situação reais.
Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia
“Etnografia” virtual
    Estudo etnográfico realizado no espaço
    digital, baseado na participação em redes
    sociais na web.
Algumas palavras-chave dos boleiros:
 moral (e não "força",por exemplo)
 fera (e não "jogador",por exemplo)
 time (e não "equipe",por exemplo)
Prototipação
   das representações
  visuais das interfaces

• Propósito (demonstrar,testar,explorar)
• Fidelidade (alta,baixa)
• Funcionalidade (funcional,semi-funcional)
• Etapa e Competência técnica
Sketchs ou
 Rabiscos
Liberte-se!
Criando possibilidades
Focalizando no que é viável
Storyboard
        Ferramenta para edição
     de quadrinhos online:   Pixton
Diagrama Sequencial
        Representa a interação
       entre papéis de usuários
Diagrama Sequencial
      Negativo
Wireframe   Momento de definição:
               especificação
Wireflow
Protótipo em papel
Teste com protótipo



                      • Portátil


                      • Arquivos HTML apenas com as
                        opções de menu


                      • Tarefas de recuperação de
                        informação
Protótipo em alta
    fidelidade
Protótipo funcional
Muito + no Corais.org

+ acompanhamento (shadowing)
+ fly on the wall
+ diários de uso continuado
+ sondas culturais (cultural probes)
+ história de vida
+ um dia na vida (real ou simulado)
+ levantamento demográfico
+ questionários
+ porquê,porquê,porquê
Livro colaborativo




     http://designlivre.org/
Obrigado!
Edyd Junges (@edyd)
   edyd.junges@gmail.com

Mais conteúdo relacionado

Semelhante a Design de interação - IFsul 27/02/2013

Storytelling o Design que conta Histórias
Storytelling   o Design que conta HistóriasStorytelling   o Design que conta Histórias
Storytelling o Design que conta HistóriasGui Neves
 
Ficções de Design, Design Crítico e Design Livre. WTF?
Ficções de Design, Design Crítico e Design Livre. WTF?Ficções de Design, Design Crítico e Design Livre. WTF?
Ficções de Design, Design Crítico e Design Livre. WTF?Rodrigo Freese Gonzatto
 
O Ciberespaço e suas Oportunidades
O Ciberespaço e suas OportunidadesO Ciberespaço e suas Oportunidades
O Ciberespaço e suas OportunidadesJoão Paulo Lacerda
 
Participar na e descobrir informação: o digital e o papel da biblioteca
Participar na e descobrir informação: o digital e o papel da bibliotecaParticipar na e descobrir informação: o digital e o papel da biblioteca
Participar na e descobrir informação: o digital e o papel da bibliotecaLuis Borges Gouveia
 
Projetos Interativos com Arduino
Projetos Interativos com ArduinoProjetos Interativos com Arduino
Projetos Interativos com ArduinoLucas Cabral
 
Ficções de Design: um novo gênero literário
Ficções de Design: um novo gênero literárioFicções de Design: um novo gênero literário
Ficções de Design: um novo gênero literárioUTFPR
 
Conteudo Inteligente II
Conteudo Inteligente IIConteudo Inteligente II
Conteudo Inteligente IIAna Erthal
 
Design de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoDesign de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoUTFPR
 

Semelhante a Design de interação - IFsul 27/02/2013 (9)

Storytelling o Design que conta Histórias
Storytelling   o Design que conta HistóriasStorytelling   o Design que conta Histórias
Storytelling o Design que conta Histórias
 
Novos Consumidores
Novos Consumidores Novos Consumidores
Novos Consumidores
 
Ficções de Design, Design Crítico e Design Livre. WTF?
Ficções de Design, Design Crítico e Design Livre. WTF?Ficções de Design, Design Crítico e Design Livre. WTF?
Ficções de Design, Design Crítico e Design Livre. WTF?
 
O Ciberespaço e suas Oportunidades
O Ciberespaço e suas OportunidadesO Ciberespaço e suas Oportunidades
O Ciberespaço e suas Oportunidades
 
Participar na e descobrir informação: o digital e o papel da biblioteca
Participar na e descobrir informação: o digital e o papel da bibliotecaParticipar na e descobrir informação: o digital e o papel da biblioteca
Participar na e descobrir informação: o digital e o papel da biblioteca
 
Projetos Interativos com Arduino
Projetos Interativos com ArduinoProjetos Interativos com Arduino
Projetos Interativos com Arduino
 
Ficções de Design: um novo gênero literário
Ficções de Design: um novo gênero literárioFicções de Design: um novo gênero literário
Ficções de Design: um novo gênero literário
 
Conteudo Inteligente II
Conteudo Inteligente IIConteudo Inteligente II
Conteudo Inteligente II
 
Design de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoDesign de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e Complicado
 

Mais de Edyd B. Junges

Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design LivreEdyd B. Junges
 
Corais.org - Design Livre na prática
Corais.org - Design Livre na práticaCorais.org - Design Livre na prática
Corais.org - Design Livre na práticaEdyd B. Junges
 
Pedagogia do Design Livre
Pedagogia do Design LivrePedagogia do Design Livre
Pedagogia do Design LivreEdyd B. Junges
 
Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...
Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...
Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...Edyd B. Junges
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosEdyd B. Junges
 
Estudo de caso bbc iDigo
Estudo de caso bbc iDigoEstudo de caso bbc iDigo
Estudo de caso bbc iDigoEdyd B. Junges
 
Desenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e ImplementaçãoDesenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e ImplementaçãoEdyd B. Junges
 

Mais de Edyd B. Junges (8)

Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design Livre
 
Design de Interação
Design de InteraçãoDesign de Interação
Design de Interação
 
Corais.org - Design Livre na prática
Corais.org - Design Livre na práticaCorais.org - Design Livre na prática
Corais.org - Design Livre na prática
 
Pedagogia do Design Livre
Pedagogia do Design LivrePedagogia do Design Livre
Pedagogia do Design Livre
 
Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...
Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...
Integrando e Fragmentando Dados: Reflexões sobre o projeto Conectando Conteúd...
 
Design de Interação em Produtos Eletrônicos
Design de Interação em Produtos EletrônicosDesign de Interação em Produtos Eletrônicos
Design de Interação em Produtos Eletrônicos
 
Estudo de caso bbc iDigo
Estudo de caso bbc iDigoEstudo de caso bbc iDigo
Estudo de caso bbc iDigo
 
Desenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e ImplementaçãoDesenvolvimento de Projetos Interativos: Especificação e Implementação
Desenvolvimento de Projetos Interativos: Especificação e Implementação
 

Design de interação - IFsul 27/02/2013