Aula 1 e 2 - Design de Interação e Interfaces Digitais

Transcript

1. aula1 DESIGN DE INTERAÇÃO E INTERFACES DIGITAIS
2. OI, EU SOU A SIMONE Pode me chamar de Si
3. • Design UDESC • IEL / FIESC • Pós Graduação - UNIVALI • Softplan • Freelancer • Hoplon • Pós-Graduação - POSITIVO • Resultados Digitais
4. E VOCÊS?
5. O QUE É DESIGN DE INTERAÇÃO?
6. Foi Bill Moggridge quem primeiro chamou essa nova prática do design como DESIGN DE INTERAÇÃO COMO TUDO COMEÇOU
7. 1º LAPTOP, 1981
9. Está relacionado com conectar pessoas por meio de produtos e serviços digitais que essas pessoas usam.
10. 3 QUESTÕES Bill Verplank
11. - How do you do? - How do you feel? - How do you know?
12. DESIGN DE INTERAÇÃO • É o campo do conhecimento que estuda como criar experiências significativas para usuários por meio de produtos e serviços interativos. • O foco do design de interação está nas relações humanas tecidas através dos artefatos e serviços interativos.
14. ERA DOS COMPUTADORES
16. ALAN TURING
17. 1950 - 1960
18. COLOSSAL CAVE ADVENTURE
20. DOUGLAS ENGELBART |
21. CULTURA DA INTERFACE
22. MAPEAMENTO DE BITS E O ESPAÇO DA INFORMAÇÃO
23. Dados passam a ter uma localização física e uma localização virtual, sendo manipulados diretamente pelo usuário. ESPAÇO INFORMAÇÃO
24. Fazem uso da linguagem cotidiana para nos comunicar ações possíveis de serem executadas pelo sistema do computador METÁFORA VISUAIS
25. GRAPHICAL USER INTERFACE | 1980 WIMP: “windows, icons, menus and pointer”
27. Essas metaformas, esses mapeamentos de bits, virão para ocupar praticamente todas as facetas da sociedade contemporânea: trabalho, divertimento, amor, família, arte, cultura popular, política.
28. Além da espacialidade PROFUNDIDADE DA INTERFACE
29. AÇÕES NA INTERFACE
30. MOVIMENTO
31. FEEDBACKS
33. RECONHECIMENTO E MANIPULAÇÃO
35. AFFORDANCES
36. JAMES GIBSON Psicólogo do campo da percepção visual
37. DONALD NORMAN
39. EXERCÍCIO 1) Reunir em grupo de 5 pessoas 2) Escolher um produto/serviço digital que vocês utilizam no dia a dia de vocês. (Desktop ou mobile) 3) Mapear uma tarefa que vocês fazem nesse produto/serviço. 4) Identificar as Ações na interface: Movimento, Feedbacks, Reconhecimento e manipulação e Affordances. 5) Apresentar para a turma.
41. INTERATIVIDADE?
42. INTERAÇÃO • Reativa • Mútua
44. ERA SOCIAL WEB 2.0
49. EXERCÍCIO 1) Reunir dupla 2) Escolher uma rede social ou um aplicativo 3) Que tipo de interação reativa ocorrem 4) Que tipo de interação mutua ocorrem 5) Discutir com a turma
50. FERRAMENTAS EXPRESSIVAS PROGRAMAS
52. 5 PRINCÍPIOS DE MANOVICH Princípios das mídias digitais
53. REPRESENTAÇÃO NUMÉRICA Os objetos das novas mídias existem como informação codificada, no formato digital.
57. MODULARIDADE Os diferentes elementos que compõem uma nova mídia existe de forma independente e interconectável.
58. AUTOMAÇÃO Os objetos das novas mídias podem ser criados e modificados automaticamente.
61. VARIABILIDADE Os objetos das novas mídias podem existir em diversas versões.
64. TRANSCODIFICAÇÃO A lógica das novas mídias influencia como nos representamos e entendemos a nós mesmos e ao mundo ao nosso redor.
65. PROGRAMABILIDADE Os 5 princípios de Manovich são encontradas em qualquer aplicação computacional, independentemente da sua interface, mas que são comunicadas ao usuário por meio delas.
66. EXERCÍCIO 1) Reunir em dupla 2) Utilizar a rede social 3) Identificar os 4 princípios de Manovich (Representação numérica, modularidade, automação e variabilidade) na aplicação e como elas são comunicadas na interface para o usuário. 4) Discutir com a turma.
67. OBRIGADA!