Pestaña (interfaz)

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 a la 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.

El acaparamiento de pestañas es el acaparamiento digital de pestañas del navegador web. Los usuarios pueden acumular pestañas como recordatorios de tareas para investigar o completar ^[13] (en lugar de utilizar un software de recordatorio dedicado ). Pueden utilizar varias ventanas del navegador para organizar las pestañas o dirigir el foco ; ^[13] sin embargo, dejar varias ventanas abiertas puede exacerbar el desorden de pestañas. ^[14]

El acaparamiento de pestañas puede provocar estrés y sobrecarga de información , ^[14] distracción y reducción del rendimiento del equipo. Puede convertirse en un apego emocional al conjunto de pestañas abiertas, ^[15] incluido el miedo a perderlas en caso de un fallo o reinicio , ^[13] y, a la inversa, alivio cuando las pestañas se restauran correctamente. ^[16] Los acaparadores de pestañas han atribuido el comportamiento a la ansiedad , ^[17] el miedo a perderse algo , ^[18] la postergación ^[19] y las malas prácticas de gestión de la información personal . ^{[20] [15]}

Los proveedores de navegadores, como Mozilla , reconocen la prevalencia del acaparamiento de pestañas, y ha inspirado funciones de gestión de memoria y pestañas en navegadores y extensiones . ^[16] Estas funciones incluyen la agrupación de pestañas, que permite organizar visualmente las pestañas relacionadas ^[21] y contraerlas; la conversión de pestañas en una lista de hipervínculos ; ^{[20] y paradigmas} de interfaz alternativos , como enmarcar tareas de alto nivel como objetos de primera clase en lugar de pestañas. ^{[22] [15]} Un estudio de 2021 desarrolló consideraciones de diseño de UI que podrían permitir mejores herramientas y cambios en el código de los navegadores web que permitan a los trabajadores del conocimiento y otros usuarios administrar y utilizar mejor las pestañas de su navegador. ^{[15] [23] [ se necesita más explicación ]}

• Comparación de interfaces de documentos
• Microsoft Internet Explorer marca las familias de pestañas con diferentes colores
• Interfaz de estilo IDE
• Cinta (informática)

Wikimedia Commons tiene medios relacionados con Pestaña (GUI) .

• Widget de panel de pestañas
• Kit de herramientas de control ASP.NET AJAX
• Pestañas AJAX de Scriptaculous
• Demostración de desarrollo de la ventana de pestañas del administrador de ventanas de pestañas del menú circular para The NeWS Toolkit 2.0 (1991).