Cinta (informática)

En el diseño de interfaces informáticas, una cinta es un elemento de control gráfico en forma de un conjunto de barras de herramientas dispuestas en varias pestañas . La estructura típica de una cinta incluye barras de herramientas grandes con pestañas, llenas de botones gráficos y otros elementos de control gráfico, agrupados por funcionalidad. Estas cintas utilizan pestañas para exponer diferentes conjuntos de controles, eliminando la necesidad de numerosas barras de herramientas paralelas. Las pestañas contextuales son pestañas que aparecen solo cuando el usuario las necesita. Por ejemplo, en un procesador de textos , una pestaña relacionada con imágenes puede aparecer cuando el usuario selecciona una imagen en un documento, lo que le permite interactuar con esa imagen.

El uso del término "cinta" se remonta a la década de 1980 y se utilizó originalmente como sinónimo de barra de herramientas simple. Sin embargo, en 2007, Microsoft utilizó el término para referirse a su propia implementación de barras de herramientas con pestañas que abarcan un conglomerado de controles para Microsoft Office 2007 , que Microsoft llama "The Fluent UI". Aunque Microsoft popularizó el término con un nuevo significado, existían diseños de controles con pestañas similares en software anterior de otros proveedores, incluidos 3D Studio Max R3 y posteriores, Adobe Dreamweaver , Borland Delphi , Sausage Software HotDog y Macromedia HomeSite .

El uso de una interfaz de cinta data de principios de la década de 1990 en software de productividad como Microsoft Word y WordStar ^[1] como un término alternativo para la barra de herramientas : se definió como una parte de una interfaz gráfica de usuario que consta de una fila horizontal de elementos de control gráfico (por ejemplo, incluidos botones de varios tamaños y listas desplegables que contienen íconos ), generalmente configurables por el usuario. ^{[2] [3] [4]}

Una interfaz de barra de herramientas , llamada "cinta", ha sido una característica de Microsoft Word desde el Word 5.5 basado en DOS (aproximadamente 1990) ^[5] y las primeras versiones basadas en Windows (activadas por la opción de menú "Ver | Cinta" ^[6] ), para las cuales la publicidad temprana se refería al uso de "la Cinta para reemplazar una cadena interminable de comandos que le permiten formatear caracteres a ojo en lugar de hacerlo de memoria". ^[3]

La cinta con pestañas tal como se introdujo en Microsoft Office 2007

La cinta con pestañas rediseñada que se presentó en Microsoft Office 2021

Con el lanzamiento de Microsoft Office 2007 llegó la "Interfaz de usuario fluida" o "Fluent UI", que sustituyó las barras de menú y las barras de herramientas personalizables por un único "menú Office", una barra de herramientas en miniatura conocida como "barra de herramientas de acceso rápido" y lo que llegó a conocerse como la cinta: múltiples pestañas , cada una de las cuales contiene una barra de herramientas con botones y, ocasionalmente, otros controles. Los controles de la barra de herramientas tienen tamaños variados y se clasifican en grupos visualmente distinguibles. ^{[7] [8]} El nuevo diseño pretendía aliviar el problema de los usuarios que no encontraban o no sabían de la existencia de las funciones disponibles en la suite Office. ^{[9] [10]} Más tarde se supuso que el nombre "cinta" se originó a partir de una idea de diseño temprana por la que los comandos se colocaban en un panel largo que se podía enrollar como un pergamino medieval ; el nombre se mantuvo después de que el mecanismo de desplazamiento se reemplazara por pestañas. ^[11]

Las aplicaciones de Microsoft que implementan cintas tienen cada una un conjunto diferente de pestañas que albergan controles de usuario para esa aplicación. Dentro de cada pestaña, se pueden agrupar varios controles relacionados. Al hacer doble clic en la pestaña activa o hacer clic en el botón "Minimizar", se oculta el panel de comandos y solo quedan visibles las pestañas. Al repetir esta acción, se revela el panel. ^[12] La cinta consolida la funcionalidad que antes se encontraba en los menús, las barras de herramientas y, ocasionalmente, los paneles de tareas en un área. ^[13]

En Microsoft Office 2007, solo Word , Excel , Access y PowerPoint implementaron cintas. Sin embargo, con el lanzamiento de Microsoft Office 2010 , las cintas se implementaron en el resto de las aplicaciones de Microsoft Office . ^{[14] [15]} Microsoft Office 2010 también agregó soporte de personalización adicional para el usuario final a su interfaz de usuario.

Microsoft implementó gradualmente la Cinta en algunos de sus otros programas. La cuarta ola de aplicaciones de Windows Live Essentials , incluyendo Mail , Photo Gallery , Movie Maker y Writer , incluían una cinta. ^[16] Desde Windows 7 , Paint y WordPad cuentan con cintas. ^[17] En Windows 8 , el Explorador de archivos siguió su ejemplo. Las cintas también aparecieron en SQL Server Report Builder , Dynamics CRM 2011 , ^[18] Microsoft Mathematics v4.0, el cliente de escritorio para Microsoft Power BI y algunos otros programas que desde entonces se han retirado.

Se ha introducido una cinta con pestañas rediseñada, como parte del rediseño de la interfaz de usuario de Office en Microsoft Office 2021 .

La historia del desarrollo del Ribbon, presentado por Jensen Harris en 2008, se puede ver aquí.

Desde la introducción de las cintas en Microsoft Office 2007, ha habido un aumento en el uso de este tipo de interfaz en aplicaciones creadas por otros desarrolladores, especialmente aquellos que crean herramientas para productos relacionados con Microsoft. Microsoft facilitó la adopción con los lanzamientos de Windows 8 , Windows 7 y la actualización de la plataforma Windows Vista , que incluyeron API de marco de cinta incorporadas , introducidas para permitir a los desarrolladores integrar una barra de herramientas de cinta en sus aplicaciones. ^[19] El Grupo Nielsen Norman publicó algunos ejemplos en un informe de presentación de GUI de 2008. ^{[20] [21]}

En junio de 2008, Red Flag Software lanzó RedOffice 4.0 beta, una bifurcación china de OpenOffice.org que incluía una nueva interfaz de usuario que utilizaba muchas ideas de cintas en su diseño. ^{[22] [23]} En noviembre de 2008, Sun Microsystems inició el proyecto Renaissance para mejorar la interfaz de usuario de OpenOffice.org. ^[24] Hasta ahora, los prototipos del proyecto se consideran con frecuencia similares a cintas, pero esto ha provocado algunas críticas de los usuarios. ^[25]

En julio de 2011, Avid Tech agregó una interfaz de cinta bajo licencia de Microsoft a la versión 7.0 de su aplicación de notación musical Sibelius (escritor de partituras) , reemplazando el sistema de navegación de menú de las versiones anteriores. Esto se encontró con una considerable resistencia de los usuarios, ^[26] sin embargo, la interfaz de cinta ha permanecido como parte integral de la GUI actual .

En septiembre de 2012, MathWorks introdujo una interfaz de cinta (conocida como "Toolstrip") en MATLAB R2012b. ^[27]

Antes de la introducción de las cintas por parte de Microsoft en Office 2007, la interfaz de usuario de sus suites Office apenas había cambiado desde la introducción de Office 97 el 19 de noviembre de 1996. ( Office 2000 y Office 2003 lanzaron actualizaciones relativamente menores en comparación con Office 97 , que en sí mismo se consideró un hito en comparación con Office 95 ).

Debido a esto, los usuarios se acostumbraron a este estilo de interfaz, que era común en muchos productos de productividad en ese momento. ^{[ cita requerida ]} Cuando Microsoft implementó las cintas, se encontró con reacciones mixtas. Jeff Atwood pensó que el nuevo sistema hizo que los menús quedaran obsoletos como piedra angular de la interfaz WIMP cuando se reveló por primera vez en 2005. ^{[28] [29]} Redmondmag.com informó que los usuarios avanzados sienten que las cintas requieren "demasiado tiempo y paciencia para aprender". ^[30] Richard Ericson de Computerworld señaló que los usuarios experimentados podrían encontrar dificultades para adaptarse a la nueva interfaz, y que algunas tareas requieren más pulsaciones de teclas o clics para activarse. ^[8] Aunque la cinta se puede ocultar haciendo doble clic en la pestaña abierta, PC World escribió que las cintas abarrotan el área de trabajo de Office, especialmente para los usuarios de portátiles; ^[31] las opciones de personalización disponibles en la versión original no permitían a los usuarios reorganizar o eliminar los comandos predefinidos, aunque se podían minimizar. ^[32] Otros han dicho que sus grandes iconos distraen. ^[33] Una encuesta en línea realizada por ExcelUser informa que la mayoría de los encuestados tenían una opinión negativa del cambio, siendo los usuarios avanzados "algo más negativos" que los usuarios intermedios; la reducción autoestimada en la productividad fue un promedio de alrededor del 20%, y "alrededor del 35%" para las personas con una opinión negativa.

Otros usuarios afirman que una vez que se aprende la nueva interfaz, el usuario medio puede crear "documentos de aspecto profesional más rápidamente". ^[30] Un estudio informó de una aceptación bastante buena por parte de los usuarios, excepto los usuarios con mucha experiencia y los usuarios de aplicaciones de procesamiento de textos con una interfaz WIMP clásica, pero no estaba tan convencido en términos de eficiencia y organización. ^[34]

La decisión de abolir los menús ha sido comparada con la infame campaña New Coke de la compañía Coca-Cola en su abandono de la base de usuarios existente. ^[35] Microsoft Office 2011 para Macintosh, si bien emplea la cinta, también conserva el sistema de menú en la barra de menú de Mac. ^[36]

Los defensores del software libre , como el desarrollador de KDE Jarosław Staniek, ^[37] han expresado su creencia de que las patentes relacionadas con las cintas no pueden adquirirse debido a la ubicuidad de la técnica anterior . ^[37] Staniek señala que el concepto de cinta ha aparecido históricamente de forma extensiva como "barras de herramientas con pestañas" en aplicaciones como Sausage Software HotDog , Macromedia HomeSite , Dreamweaver y Borland Delphi . ^[37] Lotus desarrolló las primeras interfaces de usuario de cinta para su producto eSuite. Las capturas de pantalla aún están disponibles en un libro rojo de IBM sobre eSuite (página 109ff). ^[38]

El 13 de febrero de 2018, un jurado del Distrito Norte de California determinó que Corel Corporation había infringido varias patentes de diseño de cinta y patentes de utilidad de cinta de Microsoft con respecto a la interfaz de usuario Fluent. ^{[39] [40]}

• Ribbon Hero y Ribbon Hero 2 : videojuegos educativos que enseñan a los usuarios a usar las cintas
• Metro (lenguaje de diseño) : lenguaje de diseño detrás de la interfaz de usuario de Windows Phone y Windows 8
• Windows Aero : interfaz de usuario de Microsoft para Windows Vista y Windows 7

• Documentación de pautas de Microsoft para la interfaz de usuario de cinta
• Guías para desarrolladores de Windows Ribbon Framework
• DotNetBar, una herramienta que amplía el conjunto habitual de componentes de interfaz de usuario para formularios Windows Forms con componentes relacionados con la cinta de opciones