Zoomii, um e-commerce todo com navegação por metáfora

Por: Henrique C. Pereira

Publicado em Tuesday 08 July 2008 às 13:35

Categoria: User Experience

Eu já falei sobre navegação por metáforas aqui anteriormente. Metáfora é o uso de uma palavra em sentido diferente do próprio por analogia ou semelhança. Em navegação de web sites por exemplo, é usada para que o usuário se oriente através de algo familiar, conhecido. Para dar um exemplo prático ao invés de usar palavras no menu, utiliza-se imagens que represente o conceito ou idéia.

Um sujeito resolveu juntar a api do Google Maps mais uma lista dos 25.000 livros mais vendidos da Amazon e montou um e-commerce inteiro com navegação simulando prateleiras reais de livros. O nome do e-commerce é Zoomii (sim, anda difícil achar nomes legais).

Zoomii, um e-commerce todo em navegação por metáfora

O site usa exatamente a mesma forma de navegação do Google Maps, ao permitir o usuário aproximar ou afastar-se das prateleiras, inclusive usa os mesmos controles. Um ponto curioso é que ele permite inclusive criar permalinks. Veja por exemplo este livro do Sandman. Ele monta a url a medida que você navega no site. É possível obter também o permalink da página com os detalhes do livro.

Excelente exemplo de como levar metáforas até as últimas conseqüências.

Via Meio Bit

Comentários dos leitores

Este artigo possui 4 comentários

  1. Mark de Souza Costa Tuesday 08 July 2008 às 11:01

    Legalzinho, um bom laboratório realmente.

    Nota: Não funcionou no meu Opera 9.5

  2. Usados #1° Tuesday 08 July 2008 às 23:57

    Visualmente ficou muito bom. Mas prefiro sites mais objetivos, com as tradicionais categorias e subcategorias.

  3. Marcos Silva Pereira #2° Friday 11 July 2008 às 12:59

    Só um detalhe, ele não usa "a api do Google Maps", apenas a "mesma forma de navegação", como você disse mais abaixo.

  4. Thiago Cortizo #3° Wednesday 16 July 2008 às 10:58

    Fantástico!

    Tem gente que acha que a internet acabou e não tem mais criatividade.. Gostei muito da idéia!

    Thiago Cortizo

    thiago.cortizo@paideiaeducacao.com.br
    http://www.paideiaeducacao.com.br

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.