Uso correto de abas ou Tabs

Alguns bons conselhos para o uso de abas ou tabs.

Por Pedro Rubio e Juan F. Calderón Tradução de CRV


Publicado em: 23/11/10
Valorize este artigo:
Baseando-nos no artigo publicado por Jakob Nielsen, resumiremos alguns de seus conselhos.

  • O uso de tabs deveria ser utilizado para que o usuário pudesse mudar de vista dentro do mesmo contexto, há que evitar o uso de tabs que permitam navegar fora desse contexto, algo que podemos ver na página de Amazon.com embora agora já não o encontremos porque mudaram seu desenho e este uso incorreto foi corrigido.
  • A aba selecionada deve-se destacar do resto, para deixar claro para o usuário o conteúdo que ele está acessando, algumas opções para destacar a aba, são mudando a cor de seu conteúdo, acrescentando negrito, ou fazendo com que a aba brilhe mais que as outras.
  • Os tabs que não foram selecionados pelo usuário, devem permanecer visíveis já que isto lhe permitirá a qualquer momento acessar a informação que não foi visitada. Um mau exemplo para não praticar é usar cores similares para o fundo de uma página web e para as abas porque isto faz com que os tabs não selecionados passem despercebidos e o usuário não chegue a utilizá-los.
  • A descrição das abas deve conter texto curto, de preferência 1 ou 2 palavras.O total de abas, é recomendável limitá-lo a uma única fila, já que o uso de várias filas pode afetar a memória espacial dos usuários e tornar mais difícil recordar que abas já foram visitadas.
  • O tempo de resposta ao mudar de uma aba a outra deve ser pequeno, já que devemos proporcionar ao usuário uma sensação de conexão entre seu clic de mouse e o aparecimento da aba selecionada. Agora mostraremos uma página que cumpre e descumpre com as recomendações, uma vez que por um lado proporciona tabs para navegar dentro de um mesmo contexto, mas ao mesmo tempo permite a navegação usando tabs que nos levam para fora do contexto.

http://finance.yahoo.com/

Tabs dentro de um mesmo contexto:


Tabs de navegação global que descumprem as recomendações:






Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato