O documento descreve o programa doutoral em Design e Análise de Interação no ICPD, discutindo tópicos como paradigmas de interação, interface, utilizadores, contextos de uso e tecnologias como realidade virtual e dispositivos móveis.
1. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Design e Análise de
Interacção
Paradigmas de interacção 1/2
Docentes:
Rui Raposo
Ana Isabel Veloso
Fernanda Martins
Óscar Mealha
ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
2. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
1|275
Interacção de um ponto de vista simplista não é mais que...
Um tipo de ação que ocorre entre duas ou mais entidades quando a
ação de uma delas provoca uma reação da outra ou das restantes.
3. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Interatividade
a atividade de interação que se vai
desenvolver já dependerá de vários fatores:
da tipologia de interação; literacia dos
utilizadores; características tecnológicas,
variáveis ambientais (cultura, geografia,
economia, política, …), … etc.
4. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Interatividade
output:
visão, audição e háptico
input:
- teclar
- seleção e clique
- tangível
- voz
- gestual e háptico
- imersão sensorial
- ubíqua
5. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Interface
… a interface deverá ser adequada para o
paradigma de interação escolhido e em
perfeita harmonia com contexto de
interatividade concebido e experiência de
uso prevista para o sistema, serviço ou
produto em causa.
6. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Utilizador/Comunidades
Contextos de uso Interacção
Tecnologia
7. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
2|275
8. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
9. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
10. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
2|275
11. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
12. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
2|275
13. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
14. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
15. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
16. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
17. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
18. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
19. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
20. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
21. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
WIMP"windows, icons, menus, pointer” e GUI
22. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
NUI - Natural User Interface
http://www.youtube.com/watch?v=NwVBzx0LMNQ
23. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
NUI - Natural User Interface
24. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
NUI - Natural User Interface
http://www.youtube.com/watch?v=M-wLOfjVfVc
25. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
NUI - Natural User Interface
http://www.youtube.com/watch?v=_1PVd5ck_Iw
26. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
NUI - Natural User Interface
27. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Mobile devices (smartphones, tablets e....coisas)
28. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Realidade virtual (aumentada e mixed)
29. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
Realidade virtual (aumentada e mixed)
https://www.youtube.com/watch?v=4gwxGGLcQzY
30. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
http://www.youtube.com/watch?v=vft8hhlNyVM
31. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
http://www.youtube.com/watch?v=w1qiDiJ8GIw
32. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
https://www.youtube.com/watch?v=koMxMtjMc3s
33. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
http://www.youtube.com/watch?v=5fZk0HaIs4s
34. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
https://www.youtube.com/watch?v=fJI8tNG1rbQ
35. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
https://www.youtube.com/watch?v=_nHvPopqYkA
36. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
https://www.youtube.com/watch?v=USyoT_Ha_bA
37. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
https://www.youtube.com/watch?v=PF7EpEnglgk
38. ICPD
Programa Doutoral em
Informação e Comunicação
em Plataformas Digitais
Design e Análise de
Interação
https://www.youtube.com/watch?v=hUHsmnWmI3k
Notes de l'éditeur
Metáfora “desktop” (secretária) (Apple Computer Inc.)
Exemplo do graphics user interface do computador pessoal Macintosh (Apple Computer Inc.)
url: http://map.sdsu.edu/geog583/lecture/Unit-3.htm
Windows, Menus and browsers (… early desktop intrerface) – Adele Goldberg
Refs.:
- Goldberg, Adele, & Robson, David. (1979). A metaphor for user interface design. Paper presented at the 12th Hawaii International conference on system sciences, Hawaii.
Lisa OS interface, 1980s (Apple Computer Inc.)
Nota: … Steve Jobs participou no design inicial deste PC mas passou depois para o Macintosh (PC com capacidades techs inferiores)
url: http://onproductmanagement.net/2008/02/13/goodbye-file-menu-hello-throbbing-orb/
Lisa OS interface, 1980s (Apple Computer Inc.)
Nota: … Steve Jobs participou no design inicial deste PC mas passou depois para o Macintosh (PC com capacidades techs inferiores)
url: http://onproductmanagement.net/2008/02/13/goodbye-file-menu-hello-throbbing-orb/
Metáfora “desktop” (secretária) (Apple Computer Inc.)
Exemplo do graphics user interface do computador pessoal Macintosh (Apple Computer Inc.)
url: http://map.sdsu.edu/geog583/lecture/Unit-3.htm
Metáfora “desktop” (secretária) (Apple Computer Inc.)
Exemplo do graphics user interface do computador pessoal Macintosh (Apple Computer Inc.)
url: http://map.sdsu.edu/geog583/lecture/Unit-3.htm