En el diseño de interfaces, una pestaña es un objeto de interfaz gráfica de usuario que permite contener múltiples documentos o paneles dentro de una sola ventana , utilizando pestañas como un widget de navegación para cambiar entre conjuntos de documentos. [1] Es un estilo de interfaz más comúnmente asociado con navegadores web , aplicaciones web , editores de texto y paneles de preferencias, con administradores de ventanas y administradores de ventanas en mosaico .
Las pestañas se basan en las pestañas de tarjetas tradicionales que se insertan en los archivos de papel o en los índices de tarjetas (de acuerdo con la metáfora del escritorio ). Por lo general, se muestran gráficamente en páginas web o aplicaciones tal como se ven en papel.
Las pestañas pueden aparecer en una barra horizontal o como una lista vertical. Las pestañas horizontales pueden tener varias filas. En algunos casos, las pestañas pueden reordenarse u organizarse en varias filas mediante interacciones de arrastrar y soltar . Las implementaciones pueden admitir la apertura de una pestaña existente en una ventana separada o la selección de varias pestañas por rango para moverlas, cerrarlas o separarlas. [2]
El procesador de textos WordVision DOS [3] para IBM PC en 1982 [4] fue quizás el primer producto disponible comercialmente con una interfaz con pestañas. [4]
Don Hopkins desarrolló y lanzó varias versiones de marcos de ventanas con pestañas para el sistema de ventanas NeWS como software libre, que el administrador de ventanas aplicó a todas las aplicaciones NeWS y permitió a los usuarios arrastrar las pestañas hasta cualquier borde de la ventana. [5]
La versión NeWS del editor de texto Gosling Emacs de UniPress fue otro de los primeros productos con múltiples ventanas con pestañas en 1988. [6] Se utilizó para desarrollar una herramienta de creación para el navegador hipermedia de Ben Shneiderman HyperTIES (la versión de estación de trabajo NeWS de The Interactive Encyclopedia System), en 1988 en el Laboratorio de Interacción Hombre-Computadora de la Universidad de Maryland . [7] [8] HyperTIES también admitía menús circulares para administrar ventanas y explorar documentos hipermedia con subprogramas PostScript .
Si bien Boeing Calc ya utilizaba hojas con pestañas (las llamadas Word Pads ) desde al menos 1987, [9] [10] el Quattro Pro de Borland popularizó las pestañas para hojas de cálculo en 1992. Microsoft Word en 1993 las utilizó para simplificar los submenús. [4] En 1994, BookLink Technologies presentó ventanas con pestañas en su navegador InternetWorks. Ese mismo año, el editor de texto UltraEdit también apareció con una moderna interfaz con pestañas de varias filas. El enfoque de interfaz con pestañas fue seguido por el shell de Internet Explorer NetCaptor en 1997. A estos les siguieron varios otros como IBrowse en 1999 y Opera en 2000 (con el lanzamiento de la versión 4, aunque una interfaz MDI fue compatible antes de eso), MultiViews en octubre de 2000, que cambió su nombre a MultiZilla el 1 de abril de 2001 (una extensión para Mozilla Application Suite [11] ), Galeon a principios de 2001, Mozilla 0.9.5 en octubre de 2001, Phoenix 0.1 (ahora Mozilla Firefox ) en octubre de 2002, Konqueror 3.1 en enero de 2003 y Safari en 2003. Con el lanzamiento de Internet Explorer 7 en 2006, todos los navegadores web principales presentaron una interfaz con pestañas.
Los usuarios adoptaron rápidamente el uso de pestañas en la navegación y la búsqueda web. Un estudio sobre el comportamiento de navegación con pestañas realizado en junio de 2009 reveló que los usuarios cambiaban de pestaña en el 57% de las sesiones con pestañas y que el 36% de los usuarios utilizaban pestañas nuevas para abrir resultados de motores de búsqueda al menos una vez durante ese período. [12]
Desde entonces, han surgido numerosas funciones adicionales para las pestañas del navegador. Un ejemplo es la navegación visual por pestañas en la versión 5 de OmniWeb , que muestra imágenes de vista previa de las páginas en un cajón a la izquierda o derecha de la ventana principal del navegador. Otra característica es la capacidad de reordenar las pestañas y marcar todas las páginas web abiertas en los paneles de pestañas de una ventana determinada en un grupo o carpeta de marcadores (así como la capacidad de volver a abrirlas todas al mismo tiempo). Microsoft Internet Explorer marca las familias de pestañas con diferentes colores.
El comportamiento de las pestañas en una aplicación está determinado por el conjunto de herramientas de widgets subyacente (por ejemplo, Firefox usa GTK ). Debido a la falta de estandarización, el comportamiento puede variar de una aplicación a otra, lo que puede generar problemas de usabilidad.
En 2021, los investigadores publicaron el primer estudio en profundidad de las interfaces de pestañas de los navegadores web en más de una década. Descubrieron que muchas personas tienen problemas con la sobrecarga de pestañas y realizaron encuestas y entrevistas sobre el uso de las pestañas por parte de las personas. De ese modo, formalizaron las presiones para cerrar las pestañas y mantenerlas abiertas. Luego, los autores desarrollaron consideraciones de diseño de interfaz de usuario relacionadas que podrían permitir mejores herramientas y cambios en el código de los navegadores web, como Firefox , que permitan a los trabajadores del conocimiento y otros usuarios administrar mejor las pestañas de su navegador y hacer un mejor uso de ellas. [13] [14]