Tabs usados correctamente: Guidelines para diseñar Tabs o Pestañas

Y tiene que venir otra vez el Sr. Nielsen para decirnos como tenemos que usar los Tabs (Tabs, Used Right) de forma correcta ya que en múltiples ocasiones, los estamos usando en contextos que no son necesarios.

No nos vamos a enrollar más (que es tarde) y vamos directamente a ver estas guidelines:

  • Los Tabs, tienen que usarse para cambiar de vistas dentro de un mismo contexto, no para navegar a distintas partes de nuestra aplicación o sitio web
  • El contenido que oculta un Tab, tiene que ser una agrupación lógica de información (ya que esta agrupado claro ;-)) de manera que el usuario, pueda predecir o intuir lo que va a encontrar cuando selecciona una pestaña. Si no puedes agrupar de forma clara la información, y estas usando pestañas, las estas usando mal.
  • Los usuarios no tienen que sentir que hay que comparar el contenido de dos pestañas distintas. Si es así, otra vez estamos haciendo algo mal, ya que cuando esto ocurre la información no tendría que estar en pestañas. Si todavía crees que esto no es así, ponte en situación de un usuario que está comparando el contenido de dos pestañas y tiene que estar pulsando una u otra continuamente para acceder a la información. Como podrás ver, esto no es muy usable (ni tampoco útil) Sigue leyendo
Anuncio publicitario