Diferencia entre revisiones de «Interfaces Gráficas de Usuario/Tabs»

Contenido eliminado Contenido añadido
m formato
 
Línea 1:
[[Archivo:TabControl.jpg|right|TabControl]]
'''''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.
 
<gallery>
Archivo:TabControl.jpg|
 
 
</gallery>
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.
 
 
'''¿Cuándo se usa?'''
 
 
== Uso ==
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''' ===
*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''' ===
'''Uso correcto'''
*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, se utilizan las tabs verticales si hay 8 o mas de ellas, y horizontales si existen 7 o menos.
*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.
• 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'''
 
 
• 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.
 
'''Excepción de no usos:''' Puede utilizarse iconos reconocibles, en caso de tener poco espacio para mostrar las etiquetas.
 
=== Excepciones ===
'''Excepción de no usos:''' Puede utilizarse iconos reconocibles, en caso de tener poco espacio para mostrar las etiquetas.
 
== Referencias ==
http://msdn.microsoft.com/es-es/library/aa511493.aspx#guidelines