Navegação por metáforas

Por: Henrique C. Pereira

Publicado em Tuesday 30 October 2007 às 08:45

Categoria: Design, User Experience

tirinha bebes Navegação por metáforas design
Tirinha via Wulffmorgenthaler

Metáfora é o uso de uma palavra em sentido diferente do próprio por analogia ou semelhança. Em navegação é usada para que o usuário se oriente através de algo familiar, conhecido. Ou seja, em alguns casos, ao invés de usar palavras no menu, utiliza-se imagens que represente o conceito ou idéia! Um exemplo é o site do Cartoon Network , que ao invés de usar um menu textual com os nomes dos desenhos, usa apenas ilustrações dos desenhos. Isso pode ser bem legal e fácil do usuário entender e usar em alguns casos, ou então tornar tudo mais chato e mais difícil de encontrar.

 Navegação por metáforas design

Comentários dos leitores

Este artigo possui 6 comentários

  1. Rafael Marin Tuesday 30 October 2007 às 15:09

    Eu tenho a impressão de que no caso do site do CN, torna a experiência muito interessante, e não complicada. Talvez o pecado aí seja a rolagem incomum.

    Abraço

  2. Rodrigo Fante #1° Tuesday 30 October 2007 às 15:35

    No caso do cartoon network, concordo que facilita.

    Mas muitos casos ninguém além do desenvolvedor sabe o que quer dizer os simbolos, isso tem que ser muito bem analisado antes de ser usado

  3. Helder Santana #2° Wednesday 31 October 2007 às 07:16

    Acho que o site do Cartoon está bem de acordo com o público alvo, principalmente quando uma criança tem a diculdade de interpretação.

    Essa metáfora é a ideal, mas o único problema, é de usarem flash onde não preciso(menu).

    Abraço.

  4. Hugo #3° Friday 02 November 2007 às 01:04

    Será que o uso de metáforas não poderia atrapalhar na usabilidade?

  5. Samuel Arendt #4° Monday 05 November 2007 às 16:20

    O menu onde tem a lista de cd's é uma metáfora ótima (lateral direita deste site), melhor que uma lista de nomes de bandas, assim como no caso dos livros (lateral esquerda deste site).

    Os que não são reconhecidos visualmente, são facilmente descritos via title/alt.

    Então se o elemento é bem reconhecido e fidelizado, só tem a enriquecer a navegação.

  6. Pingback: Zoomii, um e-commerce todo com navegação por metáfora » Revolução Etc

Deixe seu comentário:

Observação: Todos os campos obrigatórios estão marcados com um asterisco (*).

  1. As seguintes tags podem ser inseridas nos comentários: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Sobre este blog

Meu nome é Henrique C. Pereira e o Revolução Etc é o meu blog pessoal. Eu trabalho com design de interfaces, dispositivos móveis, planejamento de soluções web, arquitetura da informação, programação de interfaces, acessibilidade, padrões web, e-commerce e outras coisas relacionadas.
Leia mais sobre o autor.