En el diseño de interfaces de computadora, una cinta es un elemento de control gráfico en forma de un conjunto de barras de herramientas colocadas 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. Dichas cintas usan 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 texto , puede aparecer una pestaña relacionada con la imagen 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 originalmente se usó como sinónimo de barra de herramientas simple. Sin embargo, en 2007, Microsoft usó 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 "La interfaz de usuario fluida". 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, incluido 3D Studio Max R3 y posteriores, Adobe Dreamweaver , Borland Delphi , HotDog y Macromedia HomeSite .
Uso temprano
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 gráficos de control ( por ejemplo, incluidos botones de varios tamaños y listas desplegables que contienen iconos ), 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 (ca. 1990) [5] basado en DOS y las primeras versiones basadas en Windows (activado por el menú "Ver | Cinta" opción [6] ), para la cual los primeros anuncios se referían al uso de "la cinta de opciones para reemplazar una cadena interminable de comandos para permitirle formatear caracteres a ojo en lugar de memoria". [3]
Software de Microsoft
Con el lanzamiento de Microsoft Office 2007 llegó la "Interfaz de usuario fluida" o "IU fluida", que reemplazó los menús y las barras de herramientas personalizables con un único "menú de Office", una barra de herramientas en miniatura conocida como "barra de herramientas de acceso rápido" y lo que llegó a ser conocido como la cinta: varias pestañas , cada una con una barra de herramientas con botones y ocasionalmente otros controles. Los controles de la barra de herramientas tienen varios tamaños y se clasifican en grupos visualmente distinguibles. [7] [8] El nuevo diseño estaba destinado a aliviar el problema de los usuarios que no encuentran o no conocen la existencia de funciones disponibles en la suite de Office. [9] [10] Más tarde se supuso que el nombre "cinta" se originó a partir de una idea de diseño temprana mediante la cual 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 fuera reemplazado 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 al hacer clic en el botón "Minimizar", se oculta el panel de comandos, dejando solo las pestañas visibles. La repetición de esta acción revela el panel. [12] La cinta consolida la funcionalidad que se encontraba anteriormente en menús, barras de herramientas y ocasionalmente 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 , se implementaron cintas en el resto de las aplicaciones de Microsoft Office . [14] [15] Microsoft Office 2010 agregó soporte adicional para la personalización del usuario final a su interfaz de usuario.
Microsoft implementó gradualmente cintas en otro software. La cuarta ola de aplicaciones de Windows Live Essentials , incluidos Mail , Photo Gallery , Movie Maker y Writer , incluía una cinta. [16] En Windows 7 , Paint y WordPad cuentan con cintas. [17] En Windows 8 , el Explorador de archivos hizo lo mismo. Las cintas también aparecieron en SQL Server Report Builder , Dynamics CRM 2011 , [18] Microsoft WebMatrix , Microsoft Mathematics v4.0 , Microsoft EMET 4.0 y Microsoft Message Analyzer. Internet Explorer , Bloc de notas y Visual Studio , sin embargo, no tienen cinta.
Otros desarrolladores de software
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 aquellas 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 incluían API de marco de cinta integradas, 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 exhibició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 incluye una nueva interfaz de usuario que utiliza 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 ven con frecuencia como similares a las cintas, pero esto ha provocado algunas críticas por parte de los usuarios. [25]
En julio de 2011, Avid Tech agregó una interfaz de cinta con licencia de Microsoft a la versión 7.0 de su aplicación de notación musical Sibelius (scorewriter) , reemplazando el sistema de navegación por menús de versiones anteriores. Esto encontró una considerable resistencia por parte del usuario, [26] sin embargo, la interfaz de cinta se ha mantenido como parte integral de la GUI actual .
En septiembre de 2012, MathWorks introdujo una interfaz de cinta (conocida como "Toolstrip") en MATLAB R2012b. [27]
Reacción
Antes de la introducción de cintas de Microsoft en Office 2007, la interfaz de usuario para sus conjuntos de 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 era considerado como 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ó cintas, se encontró con reacciones encontradas. Jeff Atwood pensó que el nuevo sistema hacía que los menús fueran 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 toman "demasiado tiempo y paciencia para aprender". " [30] Richard Ericson de Computerworld señaló que los usuarios experimentados pueden 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 podría minimizarse. [32] Otros han dicho que sus íconos grandes distraen. [33] Una encuesta en línea realizada por ExcelUser informa que la mayoría de los encuestados tenía 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ápido". [30] Un estudio informó una aceptación bastante buena por parte de los usuarios, excepto los usuarios con mucha experiencia y los usuarios de aplicaciones de procesamiento de texto con una interfaz WIMP clásica, pero estaba menos convencido en términos de eficiencia y organización. [34]
La decisión de abolir los menús se ha comparado 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, aunque utiliza la cinta, también conserva el sistema de menús en la barra de menús de Mac. [36]
Controversia de patentes
Los defensores del software libre , como el desarrollador de KDE Jarosław Staniek, [37] han expresado su creencia de que las patentes relativas a las cintas no se pueden adquirir debido a la ubicuidad del estado de la técnica . [37] Staniek señala que el concepto de cinta ha aparecido históricamente ampliamente como "barras de herramientas con pestañas" en aplicaciones como HotDog de Sausage Software , Macromedia HomeSite , Dreamweaver y Borland Delphi . [37] Lotus desarrolló las primeras interfaces de usuario de cinta para su producto eSuite. Las capturas de pantalla todavía están disponibles en un libro rojo de IBM sobre eSuite (página 109 y siguientes). [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 cintas y patentes de utilidades de cintas de Microsoft con respecto a la interfaz de usuario fluida. [39] [40]
Ver también
- Ribbon Hero y Ribbon Hero 2 : videojuegos educativos que capacitan a los usuarios sobre 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
enlaces externos
- Documentación de las pautas de Microsoft para la interfaz de usuario de Ribbon
- Guías para desarrolladores de Windows Ribbon Framework
- DotNetBar , una herramienta que expande el conjunto regular de componentes de la interfaz de usuario para Windows Forms con componentes relacionados con la cinta
Referencias
- ^ "Computerworld" . IDG Enterprise. 9 de diciembre de 1991: 41. ISSN 0010-4841 . Consultado el 28 de mayo de 2013 .
El paquete [Wordstar] incluye una interfaz sencilla e intuitiva con una cinta de iconos.
Cite journal requiere|journal=
( ayuda ) - ^ Illingworth, Valerie (11 de diciembre de 1997). Diccionario de Computación . Oxford Paperback Reference (4ª ed.). Prensa de la Universidad de Oxford. ISBN 9780192800466.
Cinta de opciones [...] una fila horizontal de iconos de control que a menudo se pueden redefinir para adaptarse a los requisitos del usuario.
- ^ a b "InfoWorld" . 12 (6). InfoWorld Media Group. 5 de febrero de 1990: 15. ISSN 0199-6649 .
Una colección generosa de iconos ubicados en la cinta reemplaza una cadena interminable de comandos [...]
Cite journal requiere|journal=
( ayuda ) - ^ ESPRIT '88: poniendo la tecnología en uso: actas de la Quinta Conferencia Anual de ESPRIT, Bruselas, 14-17 de noviembre de 1988, Parte 2 . Holanda Septentrional. 1988. ISBN 978-0-444-87145-9. Consultado el 28 de mayo de 2013 .
[...] una cinta que contiene iconos etiquetados (mapas de 64 × 64 bits) que representan tareas y herramientas de las que el usuario ha creado una instancia. Cada herramienta de tarea está representada por un icono diferente.
- ^ InfoWorld . 13 . InfoWorld Media Group. 10 de diciembre de 1990. p. 15. ISSN 0199-6649 . Consultado el 28 de mayo de 2013 .
Incluso hemos agregado una nueva característica útil, llamada cinta.
- ^ Bryans L. Pfaffenberger (22 de enero de 1990). Referencia rápida de Microsoft Word . What. ISBN 978-0-88022-720-9. Consultado el 30 de mayo de 2013 .
Seleccione Ver cinta para activar la cinta.
- ^ "Interfaz de usuario de Office Fluent, Ribbon y vista Backstage" . MSDN . Microsoft . Consultado el 28 de mayo de 2013 .
- ^ a b Ericson, Richard (11 de octubre de 2006). "Revisión final: la verdad sobre Office 2007" . Computerworld . IDG . Consultado el 28 de mayo de 2013 .
- ^ Harris, Jensen (3 de abril de 2006). "¿Nuevos rectángulos al rescate? (Por qué la interfaz de usuario, parte 4)" . Un blog de interfaz de usuario de Office . Microsoft . Consultado el 16 de octubre de 2013 . "En cada versión, estábamos poniendo nuestro corazón y alma en el desarrollo de estas nuevas características, sometiéndonos a un proceso riguroso para determinar en cuál de las muchas áreas invertiríamos durante un lanzamiento, y luego trabajando duro para diseñar, probar y distribuir esas características. El único problema era que la gente no encontraba las mismas funciones que nos pedían que añadiéramos ".
- ^ Harris, Jensen (12 de marzo de 2008). "La historia de la cinta" . Canal 9 . Microsoft . Consultado el 16 de octubre de 2013 .
- ^ Jensen Harris (7 de octubre de 2005). "¿Por qué se llama la cinta?" . Jensen Harris: Blog de interfaz de usuario de Office . Microsoft . Consultado el 28 de mayo de 2013 .
- ^ "Utilice la cinta de opciones en lugar de las barras de herramientas y los menús" . Sitio web de Microsoft Office . Microsoft . 2007. Archivado desde el original el 5 de marzo de 2008 . Consultado el 28 de mayo de 2013 .
- ^ "Descripción general de la interfaz de usuario de Microsoft Office Fluent" . Sitio web de Microsoft Office . Microsoft . Archivado desde el original el 4 de enero de 2008 . Consultado el 24 de mayo de 2009 .
- ^ "Diferencias de la interfaz de usuario en Office 2010 frente a versiones anteriores" . TechNet . Microsoft . Consultado el 22 de abril de 2016 .
- ^ Thurrott, Paul (13 de julio de 2009). "Los deportes de Office 2010 mejoraron la cinta en todas las aplicaciones, servidores y servicios" . SuperSite para Windows . Penton . Consultado el 27 de abril de 2016 .
- ^ Protalinski, Emil (22 de diciembre de 2009). "Windows Live Wave 4: correo, galería de fotos, escritor, vaya cinta" . Ars Technica . Condé Nast . Consultado el 28 de mayo de 2013 .
- ^ Thurrott, Paul (13 de septiembre de 2008). "Antes de PDC, Microsoft comienza la prueba interna de Windows 7 - 14 de septiembre de 2008" . Windows IT Pro . Penton Media . Consultado el 28 de mayo de 2013 .
- ^ Barley, Ray (18 de febrero de 2009). "Introducción a SQL Server 2008 Report Builder 2.0" . Consejos MSSQL . Soluciones Edgewood . Consultado el 28 de mayo de 2013 .
- ^ Montalbano, Elizabeth (20 de agosto de 2009). "Microsoft a la interfaz 'cinta' Backport de Windows 7 a Vista" . PC World . IDG . Consultado el 28 de mayo de 2013 .
- ^ "Escaparate de diseño de aplicaciones: 10 mejores interfaces de usuario de aplicaciones" . nngroup.com . Nielsen Norman Group. Archivado desde el original el 5 de diciembre de 2010 . Consultado el 28 de mayo de 2013 .
- ^ "Escaparate de diseño de aplicaciones: 2008" . nngroup.com . Nielsen Norman Group . Consultado el 9 de mayo de 2016 .
- ^ "RedOffice 4.0 Beta actualiza la interfaz de usuario de OpenOffice" . Slashdot . Dice Holdings . 2 de junio de 2008 . Consultado el 28 de mayo de 2013 .
- ^ Eva, Johannes (junio de 2008). "RedOffice 4.0 Beta: ¿una nueva interfaz de usuario fantástica?" . libre-software.net . Consultado el 28 de mayo de 2013 .
- ^ "Renaissance / FAQ (revisión 154410)" . OpenOffice.org . Fundación de software Apache . 5 de enero de 2010 . Consultado el 28 de mayo de 2013 .
- ^ Lai, Eric (11 de agosto de 2009). "Los usuarios de código abierto se rebelan por la interfaz de usuario de la cinta de OpenOffice" . Computerworld . Fairfax Media .
- ^ 'Sib. 7.0: ¡La maldita cinta! . Sibelius (autor de canciones) . Avid (empresa) .
- ^ "Nuevas funciones de R2012b, corrección de errores, consideraciones de compatibilidad" . MathWorks, Inc . Consultado el 7 de abril de 2019 .
- ^ Jeff Atwood (23 de septiembre de 2005). "Sobre la muerte del menú principal" . Codificación del terror . Consultado el 25 de abril de 2014 .
- ^ "Conferencia de desarrolladores profesionales de Microsoft 2005 VPR: Galería de imágenes" . Despacho "12" . Microsoft. 13 de septiembre de 2005. Archivado desde el original el 25 de noviembre de 2005 . Consultado el 25 de abril de 2014 .
- ^ a b Cummings, Joanne (1 de octubre de 2007). "Word 2007: no es exactamente imprescindible" . Revista Redmond . 1105 Media . Consultado el 28 de mayo de 2013 .
Por un lado, Word 2007 utiliza la interfaz de cinta completamente nueva. Los usuarios avanzados dicen que se necesita demasiado tiempo y paciencia para aprender. [...] 'La gente se acostumbrará a la nueva interfaz, pero con grandes esfuerzos en tiempo, capacitación y costo', dice Mike McCullough, director de sistemas de Cooling Systems Technologies (CST) Inc. [...] Cuando Llegó el momento de trasladarla de 2003 a 2007, rápidamente se encontró con problemas. "También podría golpearla en la cabeza con un bate", dice. "Pude ver la ira y la frustración". [...] Otros lectores creen que vale la pena tomarse el tiempo para aprender la nueva interfaz.
- ^ Lasky, Michael (agosto de 2006). "Office Beta: buena apariencia, formatos complicados". PC World . IDG : 24.
- ^ "¿Puedo personalizar la cinta?" . Sitio web de Microsoft Office . Microsoft . 2007 . Consultado el 28 de mayo de 2013 .
- ^ Mendelson, Edward (julio de 2006). "MS Office Edges más cerca". Revista de PC . Ziff Davis . 25 (12): 48.
- ^ Dostál, M (9 de diciembre de 2010). Aceptación del usuario de la interfaz de usuario de Microsoft Ribbon (PDF) . Universidad Palacký de Olomouc . ISBN 978-960-474-245-5. ISSN 1792-6157 . Consultado el 28 de mayo de 2013 .
- ^ Schuler, Dave (27 de marzo de 2007). "¿Office es la nueva Coca-Cola?" . Fuera del Beltway . [ fuente autoeditada? ] . Consultado el 28 de mayo de 2013 .
- ^ "Recorrido por las principales características de Word para Mac 2011" . Mactopia . Microsoft . Consultado el 28 de mayo de 2013 .
Ver captura de pantalla
- ^ a b c Staniek, Jarosław (13 de noviembre de 2005). "¿KDE demandará a MS por Ribbon GUI?" . blogs.kde.org . KDE . Consultado el 28 de mayo de 2012 .
- ^ "¿Se ha copiado la nueva interfaz de usuario de cinta de Microsoft de la interfaz de usuario de eSuite?" . BlogNew . Software Genii. 29 de noviembre de 2006 . Consultado el 28 de mayo de 2013 .
- ^ Tribunal de distrito de Estados Unidos, distrito norte de California, división de San José. Caso No. 5: 15-cv05836-EJD, Formulario de veredicto final
- ^ "El jurado encuentra que Corel infringió intencionalmente las patentes de Microsoft Office - IPWatchdog.com | Patentes y Ley de Patentes" . IPWatchdog.com | Patentes y Ley de Patentes . 13 de febrero de 2018 . Consultado el 28 de febrero de 2018 .
Otras lecturas
- Jensen Harris (13 de marzo de 2008). "Un blog de interfaz de usuario de Office" . Red de desarrolladores de Microsoft . Consultado el 25 de marzo de 2010 . - Amplia discusión sobre el diseño de la interfaz de usuario por parte del administrador de programas de grupo de Microsoft del equipo de experiencia de usuario de Office 2007.
- "MIX08 Microsoft Office 2007: La historia de la cinta" . Microsoft MIX 08.2008 . Consultado el 17 de junio de 2010 . - Prototipos de bocetos y proceso de diseño.