Exemplos e debates sobre uso de metáforas para o Design de Interação (e Interação Humano-Computador) em interfaces de computadores.

1. • Metáforas favorecem a
familiarização. São utilizadas
para facilitar a compreensão das
funcionalidades em uma interface.
• Vantagem: evocam significados
preexistentes, por associação
• Limitação: suposição de
limitações e/ou possibilidades
inexistentes, por associação.
(“sequestro de significado”)
INTERFACES E
METÁFORAS

2. Você é luz,
é raio,
estrela
e luar.
Manhã de sol…
Wando
“

3. World Wide Web

4. Surfar na internet
Navegar na web
Navegador
Âncora

5. Cloud Computing

8. recortar, copiar, colar
arrastar

9. Radio Buttons
apenas um botão pode estar pressionado ao mesmo tempo

11. • Mural de recados
• Lista de discussão
• Sala de bate-papo

16. Texto

20. A metáfora do desktop (mesa de trabalho)

21. Ícones utilizando-se de metáforas

23. Magic Cap

24. Sistema STAR da Xerox (1981)

25. Interface do Macintosh (Apple, 1984)

30. Metáfora levada ao “pé da letra
Protótipo do Bumptop

31. Vídeo: Donald Norman

32. Vídeo: Donald Norman

33. Vídeo: Donald Norman

34. The Treachery Of Images (This Is Not A Pipe)
Rene Magritte (1948)

35. Uma e Três Cadeiras, de Joseph Kosuth (1965)

37. azulejos

38. Texto: Why cards are the future of Web cartas e cartões

39. Texto: Why cards are the future of Web

40. Como é “desfazer”
fora do computador?
Como representar visualmente
o “desfazer”?

42. ...?
...?
O disquete significa... salvar?
O que significa salvar?
ZIP é... comprimir?
O que significa comprimir?

43. Qual o significado destes ícones?

48. Skeumorfism Flat Design

49. Skeumorfismo

50. Flat Design

51. Material Design