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. Las pestañas se pueden organizar cambiando su orden mediante arrastrar y soltar o creando una ventana separada de una pestaña existente. Las implementaciones pueden admitir la selección de múltiples pestañas por rango para moverlas, cerrarlas y 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] PC Magazine escribió más tarde que "ha servido como un departamento de I+D gratuito para el negocio del software; sus huesos fueron seleccionados durante una década por programadores que buscaban las llamadas nuevas ideas". [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 incluía 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 han adoptado 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 se maneja mediante un kit de herramientas de widgets (por ejemplo, Firefox usa GTK ). El comportamiento, como por ejemplo si una pestaña se abre al final de la lista, junto a su elemento principal o al principio de una lista, está determinado por el marco del kit de herramientas de la interfaz gráfica de usuario (GUI) . Debido a la gran diversidad de kits de herramientas de widgets disponibles, puede parecer que las pestañas se comportan de forma inesperada para los usuarios sin experiencia en diseño de front-end.
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]
Disponible en [4]