Interfaces Gráficas de Usuario/Tabs

Los tabs son controles comúnmente utilizados para incorporar amplias cantidades de información en una misma ventana, mejorando la presentación y el orden de esta. Las tabs (pestañas) proporcionan una manera de presentar la información correspondiente en páginas separadas.

TabControl
TabControl


Los tab control se usan, entre otras cosas, para agrupar información según sus características, relevancia o clasificación dentro de un mismo contexto. Si se tiene mucha información por mostrar en una misma ventana y no se tiene suficiente espacio, la mejor solución son los tabs, porque permiten la mejor distribución de los datos y la compresión de lo que está ahí se facilita.

Uso correcto

editar
  • En cuanto a interfaz, se utilizan las tabs verticales si hay 8 o mas de ellas, y horizontales si existen 7 o menos.
  • Uso adecuado de los tabs se presenta cuando la información se encuentra jerarquizada o clasificada según su importancia, y con su división correspondiente.
  • Es correcto utilizarlo en programas donde el usuario necesite editar o modificar tamaños, colores, formas, etc, así cada una de las anteriores características puede estar en un tab por separado.
  • Para mostrar varios documentos en una misma ventana, los tabs pueden utilizarse perfectamente.
  • Por practicidad, si un programa tiene mas de 3 ventanas, lo ideal será agruparlas en 3 tabs, asi se entorpece menos la ejecución de él y se gana en espacio y organización.

Uso incorrecto

editar
  • Uso incorrecto en cuanto a visualización es poner varias pestañas horizontales de forma que se necesite desplazamiento. La colocación de tabs es mas vistosa si va dirigida en sentido vertical; horizontalmente es difícil su legibilidad.
  • Implementar tabs verticales y horizontales en una misma ventana.
  • Utilizar el tab para la funcionalidad de un button o un listbox.
  • En cuanto a interfaz, otro uso incorrecto es darle a los tabs aspecto de botones de comando, listas, etc.
  • Ponerle iconos a los tabs. Esto genera desorden visual y consume espacio en la pantalla.

Excepciones

editar

Puede utilizarse iconos reconocibles, en caso de tener poco espacio para mostrar las etiquetas.

Referencias

editar

http://msdn.microsoft.com/es-es/library/aa511493.aspx#guidelines

http://msdn.microsoft.com/es-es/library/3khbf7zd(v=vs.80).aspx