Componentes da interface web

Ícones

Exemplo – Ícones

Atualizado em 26.11.2009

No exemplo abaixo, a barra de navegação se baseia em ícones. Os títulos aparecem no mouseover, embora estejam rambém explícitos no item mais importante, o menu.

Os ícones podem levar a interpretações ambíguas, pois nem sempre ficam claras as pequenas diferenças de sentido relacionadas a assuntos próximos. Por exemplo, os ícones 2 e 4, uma taça e um cacho de uvas, estão ambos relacionados, aparentemente, ao assunto "vinho". Qual a diferença entre um e outro?

Ao passarmos o mouse sobre um e outro, verificamos que o primeiro sinaliza "Wine cellars" e o segundo "The wine route". As diferenças entre os dois assuntos não ficam muito claras visualmente.

De qualquer forma, como se trata de um menu pequeno e o site é amigável e acolhedor (como parece ser o restaurante), os ícones do menu ficam integrados no ambiente geral.

 

Ilustração do conceito: Ícones na barra de navegação

http://www.pizzaza.ca/restaurants/wine_cellars.php

Referências (Interface web)
Icon analysis - Evaluating low spatial frequency compositions (Boxes and Arrows, acesso em 29.7.2006)

Avellar e Duarte no Twitter Avellar e Duarte no Facebook