É, realmente a navegação não é vista, temos aí um problema duplo! O site que mostrou, apesar de as letras do menu ainda estarem pequenas e de ele ser em Flash – sim, sou contra -, o visual ficou excelente! Ele está MUITO bonito!

Essa história do :active, sinceramente nunca ouvi falar. O que faço é declarar numa ordem que não dê conflito entre os pseudo: :link, :visited, :hover, :active (no caso de elementos que permitem o :focus, é antes de :active). Sempre funciona (pelo menos na meia dúzia de navegadores mais usados).

Essa sugestão de tornar invisível um elemento quando há interação do usuário tem que ser melhor estudada, hehe; no exemplo que você deu, poderíamos colocar um ícone loading enquanto se dá o carregamento (achar que “nada está acontecendo” acho raro, já que até o cursor do sistema operacional muda para a ampulheta quando “algo” está acontecendo).

Usar cursor de help para “acronym” (e “abbr”) é uma ótima pedida! Se incrementar a experiência da pessoa com utilização de tooltips animados, também é uma ótima!

Abraços e obrigado pelo comentário! Volte sempre!

PS: Era o arquivo “functions.php” do meu tema WordPress que estava com duas linhas em branco depois de “?>”! Até na validação/exibição do feed isso interferiu… Mas agora já está tudo bem! :-)

Pior do que a interface não informar, é ela não ser encontrada…
E janeiro deste ano, um amigo orgulhoso, me mandou um link de um site que sua “agência” havia feito (em flash) e, lá estava o dilema: “onde está o menu?”. A interface de navegação. O menu tinha letras miudinhas(menores que as do texto), Estava disfarçado de flor (elemento decorativo usado amplamente no layout- haviam várias outras flores iguais) que girava ao passar o mouse em cima(fazendo os links trocarem de lugar e fugirem momentaneamente do ponteiro do mouse).
Hoje já refizeram o site (não durou 3 meses). Eu o usava como “mau exemplo” de um site arrojado.
http://www.thetoccs.com.br
Não que agora a interface esteja perfeita(o pensamento continuou o mesmo), mas melhorou com ajuda de uma dica, que poderia ser evitada (clique nas fotos para navegar)

HTMLmente falando…

A pseudo-classe a:active é pouco usada com eficácia. geralmente se agrupa (a, a:visited, a:active), deixando o link com a mesma aparência de um link inativo. Quando se usa AJAX é imprescindível saber que o botão foi ativado (aliado ao famoso “carregando…”).
Ouvi dizer que:
para a:active funcionar corretamente, deve-se criar uma regra CSS só para ela, e declará-la depois das outras pseudo-classes do a. Senão, em alguns navegadores, ela não funciona e assume a propriedade default do navegador (Ex.:vermelho e sublinhado).
É verdade?

Uma idéia de uso de a:active, que me veio agora, lendo o post:
Para quando o link for carregar outra página, colocar uma propriedade visibility:hidden, no a:active. Após clicar no link, ele desaparece.
É que no Firefox, por exemplo, a página anterior fica aparecendo até a próxima carregar. Se a próxima página tem, por exemplo, uma jQuery a carregar(90KB), antes de mostrar algo na tela, ficará aparecendo a página anterior por um bom tempo. O usuário pode achar que não clicou direito ou que nada está acontecendo.

Gosto também de usar a tag acronym, com o cursor:help em textos, como uma alternativa de pequena explicação para algum termo, ou utilização específica dentro do site, relacionada a alguma ação que o usuário deverá tomar, ou que deva saber antes de agir…

==================
Tárcio:
As linhas em branco do HTML saíram. Não está mais em Quirks Mode! Agora está “redondinho”.
onde estava o “furo”?

@ Carlos
Avaliação Heurística é bem interessante! Quando se há a possibilidade de realizar, certamente os testes levam o projeto a um patamar de qualidade, sim!

Abraços e obrigado por comentar!

Pra quem nao conhece:
http://www.cnptia.embrapa.br/~luciana/disciplinas/mo645/avaliacao.html

[]s!

Uma boa user interface garante uma boa usabilidade em seu software ou web site. Conheça 8 características de User Interfaces (UI) de sucesso!…