Design de Interação MobileTécnicas e UI Guidelines para Mobile.                                                           ...
O que é Interação?
Na visão do Design    Ação mediada por artefatos        Controle da mediação pelo projeto    do artefato        Interação ...
O Design de Interação tem raízes nacompreensão das pessoas e seus verdadeirosobjetivos e necessidades. Através de práticas...
O Design de Interação tem raízes nacompreensão das pessoas e seus verdadeirosobjetivos e necessidades. Através de práticas...
Porque se preocupar comDesign de Interação?
Design Centrado no Sistema                   Maximizar Eficiência                                      Demonstrar Habilidad...
Design Centrado no Designer         Depende de Inspiração                  Expressão Pessoal                  Preferências...
http://kalendiar.lenm.cz/
Design Centrado no Usuário   Entender a característica irracional   humana      A participação do Usuário no processo     ...
Design Emocional         Não se esqueça dos         sentimentos                  A Diversão como Método
Piano Stairs               http://thefuntheory.com/
Bottle Bank Arcade                     http://thefuntheory.com/
Interfaces
Não são só as telas de um site ouaplicativo, Interface é toda camadaque facilita uma interação, tantoentre Pessoa-Máquina,...
O Processo de Design
Levantamento de dados                                           Briefing          Reconhecimento do problema              E...
Geração de Ideias    Requisitos Protótipos+ ProtótiposSolução
Processo de Ideação
CASES
IDEOA low-cost PC for Positivo                   http://bit.ly/oQlTNO
FrogDigital Retail                 http://bit.ly/olZu6g
Cooperlitl webbook               http://bit.ly/nfwn4l
Kevin CannonLittle World               http://bit.ly/n5hRpT
PesquisaOs porquês e os métodos.
Porque vivemos em um mundo diverso.
Porque nossos contextos de vida são diferentes.
Para criarmos soluções mais Humanas.
MétodosQuestionários e entrevistas.
Pesquisas Quantitativas precisam de umaamostra considerável e homogênea.Mostram melhor as tendências.As Qualitativas busca...
Etnografia Visual
Observação
A Observação é uma imersão emuma cultura alienígena. Podemosusar de fotografias, videos eanotações para depois tirar ideias...
FrogMobile Computing               http://bit.ly/pWLKNM
Ideação
brainstormPersonasdivergir para convergirconstruir ideias em cima dasideias anteriores evitar advogados do diabo
Prototipação
Prototipação em Papel
Wireframes
Protótipos Funcionais     Importantes para validar os conceitos     Economiza tempo e $$     Devem ser produzidos rapidame...
Testes
Usabilidade e as Heurísticas    Feedback    Falar a linguagem do usuário    Saídas claramente demarcadas    Consistência  ...
Usabilidade e as HeurísticasMinimizar a sobrecarga de memória do usuárioAtalhosDiálogos simples e naturaisBoas mensagens d...
Usabilidade e as Heurísticas
iOS Guidelines   http://bit.ly/ogBZvm
Android Guidelines   http://bit.ly/pLBjPK
Comparação
Contato                 Douglas Schmidtwww.magtab.com        douglaslondrina@gmail.com
Design de Interação Mobile
Design de Interação Mobile
Próximos SlideShares
Carregando em…5
×

Design de Interação Mobile

927 visualizações

Publicada em

Palestra sobre conceitos básicos de Design de Interação com uma passada pelo mundo mobile, apresentada no evento Encarte da Unopar em Londrina (e um minicurso similar apresentado no evento Secomp da UEL também em Londrina).

0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

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

Nenhuma nota no slide

Design de Interação Mobile

  1. 1. Design de Interação MobileTécnicas e UI Guidelines para Mobile. Douglas Schmidt
  2. 2. O que é Interação?
  3. 3. Na visão do Design Ação mediada por artefatos Controle da mediação pelo projeto do artefato Interação pessoa-objeto, PESSOA- PESSOA e pessoa-mundo
  4. 4. O Design de Interação tem raízes nacompreensão das pessoas e seus verdadeirosobjetivos e necessidades. Através de práticasdo Design Centrado no Usuário o Designerde Interação busca criar produtos e serviçosque tragam uma experiência de uso melhore mais agradável e que atenda da melhorforma os desejos dos usuários.
  5. 5. O Design de Interação tem raízes nacompreensão das pessoas e seus verdadeirosobjetivos e necessidades. Através de práticasdo Design Centrado no Usuário o Designerde Interação busca criar produtos e serviçosque tragam uma experiência de uso melhore mais agradável e que atenda da melhorforma os desejos dos usuários.
  6. 6. Porque se preocupar comDesign de Interação?
  7. 7. Design Centrado no Sistema Maximizar Eficiência Demonstrar Habilidades Técnicas Modelo mental do desenvolvedor Muita Exigência do Usuário Jargões
  8. 8. Design Centrado no Designer Depende de Inspiração Expressão Pessoal Preferências Pessoais Perfeccionismo e Egocentrismo
  9. 9. http://kalendiar.lenm.cz/
  10. 10. Design Centrado no Usuário Entender a característica irracional humana A participação do Usuário no processo Usuário como Objeto de Pesquisa
  11. 11. Design Emocional Não se esqueça dos sentimentos A Diversão como Método
  12. 12. Piano Stairs http://thefuntheory.com/
  13. 13. Bottle Bank Arcade http://thefuntheory.com/
  14. 14. Interfaces
  15. 15. Não são só as telas de um site ouaplicativo, Interface é toda camadaque facilita uma interação, tantoentre Pessoa-Máquina, Pessoa-Pessoa e até Máquina-Máquina.
  16. 16. O Processo de Design
  17. 17. Levantamento de dados Briefing Reconhecimento do problema Estudo de similares Definição de conceito Senso Geração de alternativasComum Definição de solução Adequação da alternativa Teste com usuários Adequação Apresentação ao cliente Aprovação Não aprovação Produção
  18. 18. Geração de Ideias Requisitos Protótipos+ ProtótiposSolução
  19. 19. Processo de Ideação
  20. 20. CASES
  21. 21. IDEOA low-cost PC for Positivo http://bit.ly/oQlTNO
  22. 22. FrogDigital Retail http://bit.ly/olZu6g
  23. 23. Cooperlitl webbook http://bit.ly/nfwn4l
  24. 24. Kevin CannonLittle World http://bit.ly/n5hRpT
  25. 25. PesquisaOs porquês e os métodos.
  26. 26. Porque vivemos em um mundo diverso.
  27. 27. Porque nossos contextos de vida são diferentes.
  28. 28. Para criarmos soluções mais Humanas.
  29. 29. MétodosQuestionários e entrevistas.
  30. 30. Pesquisas Quantitativas precisam de umaamostra considerável e homogênea.Mostram melhor as tendências.As Qualitativas buscam um entendimentomaior do comportamento humano e nãoprecisam de amostras estatísticas.
  31. 31. Etnografia Visual
  32. 32. Observação
  33. 33. A Observação é uma imersão emuma cultura alienígena. Podemosusar de fotografias, videos eanotações para depois tirar ideiasinteressantes para o projeto.
  34. 34. FrogMobile Computing http://bit.ly/pWLKNM
  35. 35. Ideação
  36. 36. brainstormPersonasdivergir para convergirconstruir ideias em cima dasideias anteriores evitar advogados do diabo
  37. 37. Prototipação
  38. 38. Prototipação em Papel
  39. 39. Wireframes
  40. 40. Protótipos Funcionais Importantes para validar os conceitos Economiza tempo e $$ Devem ser produzidos rapidamente Faça fake, faça em Flash
  41. 41. Testes
  42. 42. Usabilidade e as Heurísticas Feedback Falar a linguagem do usuário Saídas claramente demarcadas Consistência Prevenir erros
  43. 43. Usabilidade e as HeurísticasMinimizar a sobrecarga de memória do usuárioAtalhosDiálogos simples e naturaisBoas mensagens de erroAjuda e documentação
  44. 44. Usabilidade e as Heurísticas
  45. 45. iOS Guidelines http://bit.ly/ogBZvm
  46. 46. Android Guidelines http://bit.ly/pLBjPK
  47. 47. Comparação
  48. 48. Contato Douglas Schmidtwww.magtab.com douglaslondrina@gmail.com

×