• 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

Você é luz,é raio,estrelae luar.

Manhã de sol…Wando

“

World Wide Web

Surfar na internet Navegar na web

NavegadorÂncora

Cloud Computing

recortar, copiar, colar

arrastar

Radio Buttonsapenas um botão pode estar pressionado ao mesmo tempo

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

Texto

A metáfora do desktop (mesa de trabalho)

Ícones utilizando-se de metáforas

Magic Cap

Sistema STAR da Xerox (1981)

Interface do Macintosh (Apple, 1984)

Metáfora levada ao “pé da letraProtótipo do Bumptop

Vídeo: Donald Norman

Vídeo: Donald Norman

Vídeo: Donald Norman

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

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

azulejos

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

Texto: Why cards are the future of Web

Como é “desfazer”fora do computador?

Como representar visualmenteo “desfazer”?

...?

...?

O disquete significa... salvar?O que significa salvar?

ZIP é... comprimir?O que significa comprimir?

Qual o significado destes ícones?

Skeumorfism Flat Design

Skeumorfismo

Flat Design

Material Design