En el diseño de interfaz, 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 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 siguen el modelo de las tradicionales pestañas de tarjetas insertadas en archivos de papel o í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 se pueden reordenar u organizar 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 rangos de varias pestañas 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 gratuito, 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 ventanas con múltiples pestañas en 1988. [6] Se utilizó para desarrollar una herramienta de creación para el navegador hipermedia HyperTIES de Ben Shneiderman (la versión de estación de trabajo NeWS de The Interactive Encyclopedia System). , en 1988 en el Laboratorio de Interacción Humano-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 .
Mientras que Boeing Calc ya utilizaba hojas con pestañas (como los llamados bloques de palabras ) desde al menos 1987, [9] [10] Quattro Pro de Borland popularizó las pestañas para hojas de cálculo en 1992. Microsoft Word las utilizó en 1993 para simplificar los submenús. [4] En 1994, BookLink Technologies presentaba ventanas con pestañas en su navegador InternetWorks. Ese mismo año, también apareció el editor de texto UltraEdit 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 antes se admitía una interfaz MDI), MultiViews. 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 principales navegadores web presentaban 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 encontró que los usuarios cambiaban de pestaña en el 57% de las sesiones de pestañas, y el 36% de los usuarios utilizaban pestañas nuevas para abrir los resultados del motor de búsqueda al menos una vez durante ese período. [12]
Desde entonces, han surgido numerosas capacidades adicionales de pestañas del navegador. Un ejemplo es la navegación visual con pestañas en OmniWeb versión 5, 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 pestañas y marcar todas las páginas web abiertas en paneles de pestañas en 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 marco del conjunto de herramientas del widget 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 desafíos de usabilidad.
En 2021, los investigadores publicaron el primer estudio en profundidad sobre las interfaces de las pestañas del navegador web en más de una década. Descubrieron que muchas personas luchan contra la sobrecarga de pestañas y realizaron encuestas y entrevistas sobre el uso de pestañas. De este modo formalizaron presiones para cerrar pestañas y mantenerlas abiertas. Luego, los autores desarrollaron consideraciones relacionadas con el diseño de la interfaz de usuario 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 y hacer uso de las pestañas de sus navegadores. [13] [14]