Design de Interação
Quem?•   Publicitário•   Desenvolvedor•   Designer de Interação•   Consultor em User    Experience                        ...
Treinamento emAnálise de Usabilidade   Treinamento em Design                                                 Usabilidade e...
“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 cantouCom os passarinhos no esplendor ...
Novas Atuais Tecnologias
Computação Ubiqua
Como trabalhar com isso?
Design para aspessoas
HCI – Human Computer Interaction
Modelo mental
Bill Moggridge
Design de Interação
Design de Interação é uma áreaprofissional, uma sub-disciplina do Design  e um processo voltado ao projeto das  interações...
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                  ...
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 aatenção, o Design trabalha a sedução pelo próprio produto.
o que o    o que a administração      o que foimarketing          aprovou          projetado pela sugeriu                 ...
Métodos
EtnografiaBusca a compreensão aprofundada docomportamento a partir da observaçãode 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 ...
Algumas palavras-chave dos boleiros: moral (e não "força",por exemplo) fera (e não "jogador",por exemplo) time (e não "equ...
Prototipação   das representações  visuais das interfaces• Propósito (demonstrar,testar,explorar)• Fidelidade (alta,baixa)...
Sketchs ou RabiscosLiberte-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                    ...
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 p...
Livro colaborativo     http://designlivre.org/
Obrigado!Edyd Junges (@edyd)   edyd.junges@gmail.com
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Design de interação - IFsul 27/02/2013
Próximos SlideShares
Carregando em…5
×

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

1.352 visualizações

Publicada em

Apresentação realizada no 2º Seminário de Design do IF

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.352
No SlideShare
0
A partir de incorporações
0
Número de incorporações
635
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

  1. 1. Design de Interação
  2. 2. Quem?• Publicitário• Desenvolvedor• Designer de Interação• Consultor em User Experience Edyd Junges
  3. 3. Treinamento emAnálise de Usabilidade Treinamento em Design Usabilidade e Arquitetura Portal Rio Show de Interação da Informação
  4. 4. “Nada substitui o ser-humano.” Instituto Faber-Ludens
  5. 5. A Vila Canta o Brasil Celeiro do Mundo - Água no feijão que chegou mais um...O galo cantouCom os passarinhos no esplendor da v Pinga o suor na enxada A terra é abençoadamanhã Preciso investir, conhecerAgradeç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ãoPreparo o café, pego a viola, parceira de fé A lua se ajeita, enfeita a procissãoCaminho da roça, e semear o grão... De noite, vai ter cantoriaSaciar a fome com a plantação Está chegando o povo do sambaÉ a lida... É a Vila, chão da poesia, celeiro deArar e cultivar o solo bambaVer brotar o velho sonho Vila, chão da poesia, celeiro de bambaAlimentar o mundo, bem viverA 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 plantarBota água no feijão já tem lenha no fogão Felicidade no amanhecerFaz 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
  6. 6. Novas Atuais Tecnologias
  7. 7. Computação Ubiqua
  8. 8. Como trabalhar com isso?
  9. 9. Design para aspessoas
  10. 10. HCI – Human Computer Interaction
  11. 11. Modelo mental
  12. 12. Bill Moggridge
  13. 13. Design de Interação
  14. 14. Design de Interação é uma áreaprofissional, uma sub-disciplina do Design e um processo voltado ao projeto das interações entre pessoas e sistemas.
  15. 15. Diferencial Engenharias c IHC / Design de Interface Design de Interação Antropologia / Marketing
  16. 16. Experiência do Usuário não é requisito. É estratégia.
  17. 17. Sistemas são ecologias
  18. 18. A base para seu projeto deve ser a atividade humana
  19. 19. Os Três Pilares do produto,Donald Norman Produto Marketing Design Engenharia
  20. 20. O objetivo da Engenharia é que o produto funcione.
  21. 21. O objetivo do Marketing é que o consumidor compre.
  22. 22. Enquanto o Marketing se vale da Propaganda para atrair aatenção, o Design trabalha a sedução pelo próprio produto.
  23. 23. 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...
  24. 24. Métodos
  25. 25. EtnografiaBusca a compreensão aprofundada docomportamento a partir da observaçãode situação reais.
  26. 26. Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia
  27. 27. “Etnografia” virtual Estudo etnográfico realizado no espaço digital, baseado na participação em redes sociais na web.
  28. 28. 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)
  29. 29. 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
  30. 30. Sketchs ou RabiscosLiberte-se!
  31. 31. Criando possibilidades
  32. 32. Focalizando no que é viável
  33. 33. Storyboard Ferramenta para edição de quadrinhos online: Pixton
  34. 34. Diagrama Sequencial Representa a interação entre papéis de usuários
  35. 35. Diagrama Sequencial Negativo
  36. 36. Wireframe Momento de definição: especificação
  37. 37. Wireflow
  38. 38. Protótipo em papel
  39. 39. Teste com protótipo • Portátil • Arquivos HTML apenas com as opções de menu • Tarefas de recuperação de informação
  40. 40. Protótipo em alta fidelidade
  41. 41. Protótipo funcional
  42. 42. 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ê
  43. 43. Livro colaborativo http://designlivre.org/
  44. 44. Obrigado!Edyd Junges (@edyd) edyd.junges@gmail.com

×