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).

1. Design de Interação Mobile
Técnicas e UI Guidelines para Mobile.
Douglas Schmidt

2. O que é Interação?

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. O Design de Interação tem raízes na
compreensão das pessoas e seus verdadeiros
objetivos e necessidades. Através de práticas
do Design Centrado no Usuário o Designer
de Interação busca criar produtos e serviços
que tragam uma experiência de uso melhor
e mais agradável e que atenda da melhor
forma os desejos dos usuários.

5. O Design de Interação tem raízes na
compreensão das pessoas e seus verdadeiros
objetivos e necessidades. Através de práticas
do Design Centrado no Usuário o Designer
de Interação busca criar produtos e serviços
que tragam uma experiência de uso melhor
e mais agradável e que atenda da melhor
forma os desejos dos usuários.

6. Porque se preocupar com
Design de Interação?

7. Design Centrado no Sistema
Maximizar Eficiência
Demonstrar Habilidades
Técnicas
Modelo mental do
desenvolvedor
Muita Exigência do Usuário
Jargões

10. Design Centrado no Designer
Depende de Inspiração
Expressão Pessoal
Preferências Pessoais
Perfeccionismo e
Egocentrismo

11. http://kalendiar.lenm.cz/

12. 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

13. Design Emocional
Não se esqueça dos
sentimentos
A Diversão como Método

14. Piano Stairs
http://thefuntheory.com/

15. Bottle Bank Arcade
http://thefuntheory.com/

16. Interfaces

17. Não são só as telas de um site ou
aplicativo, Interface é toda camada
que facilita uma interação, tanto
entre Pessoa-Máquina, Pessoa-
Pessoa e até Máquina-Máquina.

18. O Processo de Design

19. Levantamento de dados
Briefing
Reconhecimento do problema
Estudo de similares
Definição de conceito
Senso
Geração de alternativas
Comum 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

20. Geração de Ideias
Requisitos
Protótipos
+ Protótipos
Solução

21. Processo
de Ideação

22. CASES

23. IDEO
A low-cost PC for Positivo
http://bit.ly/oQlTNO

24. Frog
Digital Retail
http://bit.ly/olZu6g

25. Cooper
litl webbook
http://bit.ly/nfwn4l

26. Kevin Cannon
Little World
http://bit.ly/n5hRpT

27. Pesquisa
Os porquês e os métodos.

28. Porque vivemos em um mundo diverso.

29. Porque nossos contextos de vida são diferentes.

30. Para criarmos soluções mais Humanas.

31. Métodos
Questionários e entrevistas.

32. Pesquisas Quantitativas precisam de uma
amostra considerável e homogênea.
Mostram melhor as tendências.
As Qualitativas buscam um entendimento
maior do comportamento humano e não
precisam de amostras estatísticas.

33. Etnografia Visual

34. Observação

35. A Observação é uma imersão em
uma cultura alienígena. Podemos
usar de fotografias, videos e
anotações para depois tirar ideias
interessantes para o projeto.

36. Frog
Mobile Computing
http://bit.ly/pWLKNM

37. Ideação

38. brainstorm
Personas
divergir para convergir
construir ideias em cima das
ideias anteriores
evitar advogados do diabo

39. Prototipação

40. Prototipação em Papel

41. Wireframes

42. Protótipos Funcionais
Importantes para validar os conceitos
Economiza tempo e $$
Devem ser produzidos rapidamente
Faça fake, faça em Flash

43. Testes

44. Usabilidade e as Heurísticas
Feedback
Falar a linguagem do usuário
Saídas claramente demarcadas
Consistência
Prevenir erros

45. Usabilidade e as Heurísticas
Minimizar a sobrecarga de memória do usuário
Atalhos
Diálogos simples e naturais
Boas mensagens de erro
Ajuda e documentação

46. Usabilidade e as Heurísticas

47. iOS Guidelines http://bit.ly/ogBZvm

48. Android Guidelines http://bit.ly/pLBjPK

49. Comparação

50. Contato
Douglas Schmidt
www.magtab.com douglaslondrina@gmail.com