Cintas de opciones de Windows 7

Nota:

Esta guía de diseño se creó para Windows 7 y no se ha actualizado para las versiones más recientes de Windows. Gran parte de las instrucciones todavía se aplican en principio, pero la presentación y los ejemplos no reflejan nuestra guía de diseño actual.

Las cintas son la forma moderna de ayudar a los usuarios a encontrar, comprender y utilizar comandos de forma eficaz y directa con un número mínimo de clics, con menos necesidad de recurrir al método de ensayo y error y sin tener que consultar la Ayuda.

Una cinta es una barra de comandos que organiza las funciones de un programa en una serie de pestañas en la parte superior de una ventana. El uso de una cinta de opciones facilita el descubrimiento de características y funciones, permite un aprendizaje más rápido del programa en su conjunto y hace que los usuarios sientan que controlan mejor su experiencia con el programa. Una cinta puede sustituir tanto a la barra de menús tradicional como a las barras de herramientas.

Una cinta típica.

Las pestañas de la cinta de opciones se componen de grupos, que son un conjunto etiquetado de comandos estrechamente relacionados. Además de pestañas y grupos, las cintas constan de:

• Un botón de Aplicación, que presenta un menú de comandos que implican hacer algo en o con un documento o espacio de trabajo, como comandos relacionados con archivos.
• Una barra de herramientas de acceso rápido, que es una pequeña barra de herramientas personalizable que muestra los comandos más utilizados.
• Las pestañas principales son las que se muestran siempre.
• Fichas contextuales, que solo se muestran cuando se selecciona un tipo de objeto concreto. Las pestañas que se muestran siempre se denominan pestañas principales.
• Un conjunto de pestañas es una colección de pestañas contextuales para un único tipo de objeto. Como los objetos pueden tener varios tipos (por ejemplo, una cabecera de una tabla que tiene una imagen es de tres tipos), puede haber varios conjuntos de pestañas contextuales mostrados a la vez.
• Pestañas modales, que son pestañas centrales que se muestran con un modo temporal concreto, como la vista previa de impresión.
• Galerías, que son listas de comandos u opciones presentadas gráficamente. Una galería basada en resultados ilustra el efecto de los comandos u opciones en lugar de los propios comandos. Una galería en cinta se muestra dentro de una cinta, en lugar de en una ventana emergente.
• Información sobre herramientas mejorada, que explica de forma concisa los comandos asociados y proporciona las claves de acceso directo. También pueden incluir gráficos y referencias a la Ayuda. La información sobre herramientas mejorada reduce la necesidad de ayuda relacionada con los comandos.
• Lanzadores de cuadros de diálogo, que son botones situados en la parte inferior de algunos grupos que abren cuadros de diálogo que contienen funciones relacionadas con el grupo.

Las cintas se introdujeron originalmente con Microsoft Office 2007. Para saber por qué Office necesita utilizar cintas y los muchos problemas que resuelve el uso de una cinta, consulte La historia de la cinta.

Nota:

Directrices relativas a menús, barras de herramientas, botones de comandos, e iconos se presentan en artículos separados.

¿Es ésta la interfaz de usuario adecuada?

Para decidirte a utilizar una cinta, plantéate estas preguntas:

Título de programa

• ¿Qué tipo de programa está diseñando? El tipo de programa es un buen indicador de la idoneidad de una cinta. Las cintas funcionan bien en programas de creación y autoría de documentos, así como en visores de documentos y navegadores. Las cintas pueden funcionar para otros tipos de programas, pero otras formas de presentación de comandos pueden ser más apropiadas. En general, los programas ligeros deben tener una presentación de comandos ligera.

Descubrimiento y aprendizaje

• ¿Los usuarios tienen problemas para encontrar los comandos? ¿Los usuarios solicitan funciones que ya están en el programa? Si es así, el uso de una cinta hará que los comandos sean más fáciles de encontrar al tener etiquetas autoexplicativas y agrupación de comandos relacionados. El uso de una cinta también se adapta mejor que las barras de menú y las barras de herramientas para el crecimiento futuro.
• ¿Los usuarios tienen problemas para entender los comandos del programa? ¿Recurren a menudo al "ensayo y error" para seleccionar la orden correcta o determinar cómo funcionan las órdenes? Si es así, el uso de una cinta con comandos orientados a resultados basados en galerías y previsualizaciones en vivo facilita la comprensión de los comandos.

Características de comandos

• ¿Se presentan los comandos en varios lugares? Si su programa ya existe, ¿se presentan los comandos en las barras de menús, barras de herramientas, paneles de tareas y dentro de la propia área de trabajo? Si es así, el uso de una cinta unificará los comandos en una única ubicación, lo que facilitará su localización.
• ¿Los comandos se aplican a toda la ventana o solo a paneles específicos? Las cintas funcionan mejor para comandos que se aplican a toda la ventana o a objetos específicos. Los comandos in situ funcionan mejor para ventanas individuales.
• ¿Se pueden presentar directamente la mayoría de los comandos? Es decir, ¿pueden los usuarios interactuar con ellos con un solo clic? Si se accede a los comandos más utilizados desde menús y cuadros de diálogo, ¿es posible refactorizarlos para que sean directos? Aunque algunos comandos se pueden presentar mediante menús y cuadros de diálogo, la presentación de la mayoría de los comandos de esta forma resta eficacia a la cinta de opciones, por lo que posiblemente sea mejor utilizar una barra de menús.

Escala de comando

• ¿Hay pocos comandos? ¿Se pueden presentar fácilmente los comandos más utilizados en una única y sencilla barra de herramientas? Utilizar una cinta de opciones merece la pena si al añadir pestañas centrales y contextuales se obtiene una pestaña Inicio sencilla que puede utilizarse por sí sola para realizar las tareas más habituales. Si no es así, puede que las ventajas de utilizar una cinta no justifiquen su peso adicional para un número reducido de comandos.
• ¿Hay un gran número de comandos? ¿Se necesitan más de siete pestañas principales para utilizar una cinta? ¿Tendrían los usuarios que cambiar constantemente de pestaña para realizar tareas comunes? Si es así, utilizando barras de herramientas (que no requieren cambiar de pestaña) y ventanas de paleta (que puede requerir cambiar de pestaña, pero puede haber varias abiertas a la vez) podría ser una opción más eficiente.
• ¿Los usuarios tienden a utilizar un número reducido de comandos la mayor parte del tiempo? Si es así, pueden utilizar una cinta de opciones de forma eficiente colocando dichos comandos en la pestaña Inicio. Cambiar constantemente de pestaña haría que una cinta de opciones fuera demasiado ineficiente.
• ¿Resulta beneficioso para el programa que el área de contenidos sea lo más amplia posible? Si es así, utilizar una barra de menús y una única barra de herramientas es más eficiente en términos de espacio que una cinta. Sin embargo, si su programa requiere tres o más filas de barras de herramientas o utiliza paneles de tareas, el uso de una cinta es más eficiente en términos de espacio.
• ¿Tienden los usuarios a trabajar en un área específica dentro de una ventana grande del programa durante largos periodos de tiempo? De ser así, se beneficiarían de la proximidad de las minibarras de herramientas, las ventanas de paletas y los comandos directos. Hacer el viaje de ida y vuelta desde la zona de trabajo hasta la cinta sería demasiado ineficaz.
• En aras de la eficacia y la flexibilidad, ¿necesitan los usuarios realizar cambios significativos en el contenido, la ubicación o el tamaño de la presentación de comandos? Si es así, las barras de herramientas y las ventanas de paleta personalizables y ampliables son una mejor opción. Tenga en cuenta que algunos tipos de barras de herramientas se pueden desacoplar para convertirse en ventanas de paleta, y que las ventanas de paleta se pueden mover, redimensionar y personalizar.

Por último, considere esta última cuestión: ¿Merece la pena el descubrimiento, la facilidad de aprendizaje, la eficacia y la productividad por el coste del espacio extra y la necesidad de pestañas para organizar los comandos? If so, using a ribbon is an excellent choice. Si no está seguro, considere la posibilidad de probar la usabilidad de un diseño basado en cintas y compararlo con la mejor alternativa.

Las cintas son una forma nueva y atractiva de presentar los comandos, y una forma estupenda de modernizar un programa. Pero por muy convincentes que sean, no son la opción adecuada para todos los programas.

Incorrecto:

¡No haga eso!

Siete cosas más importantes

1. Elija una solución de mando adecuada para su tipo de programa. El uso de una cinta debe hacer que un programa parezca más sencillo, eficiente y fácil de usar, nunca lo contrario. Si el uso de una cinta no es apropiado, considere la posibilidad de utilizar comandos enriquecidos en su lugar.
2. No subestime el reto que supone crear una cinta eficaz. No espere que sea una simple adaptación de las barras de menús y herramientas existentes. Y no dé por sentado que el uso de una cinta de opciones mejora automáticamente su programa. Estar dispuesto a dedicar el tiempo y el esfuerzo que requiere el rediseño de un mando es un factor importante a la hora de decidirse por una cinta.
3. Haga que los comandos sean detectables. Elija un diseño de pestañas que tenga una correspondencia clara, obvia y única entre sus comandos y las pestañas descriptivamente etiquetadas donde residen. Los usuarios deben ser capaces de determinar con rapidez y seguridad qué pestaña contiene el comando que buscan, y rara vez elegir la pestaña equivocada.
4. Haga que los comandos sean detectables se explica por sí mismo. Los usuarios deben comprender el efecto de un comando a partir de su etiqueta, icono, información sobre herramientas y vista previa. No deberían tener que experimentar o leer un tema de Ayuda para ver cómo funciona un comando.
5. Haga que el uso de los comandos sea eficiente:
   • Los usuarios deberían pasar la mayor parte del tiempo en la pestaña Inicio.
   • Los usuarios rara vez deberían tener que cambiar de pestaña durante las tareas habituales.
   • Cuando la ventana está maximizada y los usuarios se encuentran en la pestaña correcta, los comandos más utilizados tienen mayor énfasis visual y los usuarios pueden invocarlos con un solo clic. Los usuarios pueden ejecutar todos los demás comandos de la pestaña con un máximo de cuatro clics.
   • Los usuarios no deberían tener que abrir cuadros de diálogo para dar órdenes y cambiar atributos en tareas habituales.
6. Ayude a los usuarios a elegir comandos y opciones con confianza y minimice la necesidad de ensayo y error. Utilice comandos orientados a los resultados siempre que sea apropiado, a menudo en forma de galerías y previsualizaciones en directo.
7. Asegúrese de que la cinta se adapta bien a los tamaños de ventana más grandes y más pequeños.

Conceptos de diseño

Adaptar una cinta de un programa existente

Si bien es posible adaptar el diseño tradicional de la barra de menús y herramientas de un programa existente al formato de cinta, al hacerlo se pierde la mayor parte del valor de utilizar una cinta. Las cintas tienen más valor cuando se utilizan para presentar lo inmediato, comandos orientados a los resultados, a menudo en forma de galerías y previsualizaciones en directo. Results-oriented commands make commands easier to understand and users much more efficient and productive. En lugar de refactorizar los comandos existentes, es mejor rediseñar completamente cómo se ejecutan los comandos en su programa.

No subestime el reto que supone crear una cinta eficaz. Y no dé por sentado que el uso de una cinta de opciones mejora automáticamente su programa. Crear una cinta eficaz requiere mucho tiempo y esfuerzo. Estar dispuesto a dedicar el tiempo y el esfuerzo que requiere tales el rediseño de un mando es un factor importante a la hora de decidirse por una cinta.

la naturaleza de las cintas

En comparación con las barras de menús y las barras de herramientas tradicionales, las cintas tienen las siguientes características:

• Una única interfaz de usuario (UI) para todos los comandos. Las barras de menú son completas y fáciles de aprender, y las barras de herramientas son eficaces y directas, pero ¿por qué no utilizar un poco más de espacio en pantalla para crear una interfaz de usuario de comandos única que cumpla todas estas funciones? Con solo una interfaz de usuario, las cintas no obligan a los usuarios a averiguar qué interfaz tiene el comando que buscan.
• Visible y se explica por sí mismo. Los comandos de la barra de menús se explican por sí mismos a través de sus etiquetas, pero están ocultos a la vista la mayor parte del tiempo. To save screen space, toolbar buttons are primarily represented by icons instead of labels (although some toolbar buttons use both), and depend on tooltips when the icon isn't self-explanatory. Sin embargo, los usuarios solo suelen conocer los iconos de los comandos más utilizados.
• Al presentar la mayoría de los comandos con iconos etiquetados, los comandos de la cinta son visibles y autoexplicativos, y solo se utiliza la información sobre herramientas para proporcionar información complementaria. No es necesario ir a otro sitio (como la Ayuda) para entender un comando.
• Agrupación etiquetada. Mientras que las categorías de menú están etiquetadas, los grupos dentro de un menú desplegable no lo están y se indican solo con un separador sin etiqueta. Los grupos dentro de las barras de herramientas también se indican con separadores sin etiquetar.
• Al organizar los comandos en grupos etiquetados, las cintas facilitan la búsqueda de comandos y la determinación de su finalidad.
• Modal pero no jerárquica. Las barras de menú se escalan creando una jerarquía de comandos. Los menús con muchos elementos pueden utilizar uno o varios niveles de submenús para proporcionar más comandos.
• Los comandos de la cinta de opciones requieren más espacio que los comandos de la barra de herramientas, por lo que utilizan pestañas a escala. Este uso de pestañas hace que las cintas sean modales, lo que obliga a los usuarios a cambiar de modo de vez en cuando para encontrar comandos. Sin embargo, dentro de una pestaña la mayoría de los comandos son directos o utilizan un único botón de división o de menú, no una jerarquía.
• Directo e inmediato. Un comando es directo si se invoca con un solo clic (es decir, sin navegar por los menús) e inmediato si surte efecto de inmediato (es decir, sin cuadros de diálogo para recabar información adicional). Los comandos de la barra de menús son siempre indirectos y a menudo no inmediatos. Al igual que las barras de herramientas, la mayoría de los comandos de la cinta de opciones están diseñados para ser directos e inmediatos: los comandos más utilizados se ejecutan con un solo clic y sin necesidad de abrir un cuadro de diálogo para obtener información adicional.
• Espacioso. Las barras de menús y herramientas están diseñadas principalmente para ocupar poco espacio. Para proporcionar sus ventajas, las cintas pueden consumir más espacio vertical, siendo aproximadamente el equivalente a una barra de menús más tres filas de barras de herramientas. Dado que pocos programas tienen tres o más filas de barras de herramientas, las cintas suelen consumir más espacio que las interfaces de usuario tradicionales para los comandos.
• Tiene un botón de aplicación y una barra de herramientas de acceso rápido. Una cinta se presenta siempre con un botón de Aplicación y una Barra de Herramientas de Acceso Rápido. De este modo, los usuarios pueden acceder a comandos relacionados con archivos y de uso frecuente sin cambiar de pestaña, y se fomenta la coherencia entre programas.
• Personalización mínima. Mientras que las barras de menú tienen una presentación fija, muchas barras de herramientas son bastante personalizables, lo que permite a los usuarios establecer ubicaciones, tamaños y contenidos. Una cinta en sí no es personalizable, pero la barra de herramientas de acceso rápido ofrece una personalización limitada.
• Mejora de la accesibilidad del teclado. Las barras de menú tienen una excelente accesibilidad mediante el teclado, ya que al pulsar la tecla Alt se enfoca directamente la entrada de la barra de menú. Sin embargo, no existe tal mecanismo para las barras de herramientas porque comparten la navegación por teclado con el contenido de la ventana. En consecuencia, los usuarios deben navegar hasta la barra de herramientas con la tecla Tabulador (que recibe el último tabulador) y, a continuación, desplazarse hasta un comando concreto con las teclas de flecha.

En cambio, las cintas ofrecen una mayor accesibilidad al teclado gracias a sugerencias de teclas, normalmente con un proceso de tres pasos:

• Pulsa Alt para entrar en el modo keytip.

• Pulse un carácter para elegir una pestaña, el botón Aplicación o un comando de la barra de herramientas de acceso rápido.

• Dentro de una pestaña, pulse una o dos letras para elegir un comando.

  Este enfoque es muy visual. También es más flexible, lo que le permite escalar mejor y tener más asignaciones de claves de acceso mnemotécnico.

  No confundas las claves de acceso con las teclas de atajo. Aunque tanto las claves de acceso como las teclas de método abreviado proporcionan acceso mediante el teclado a la interfaz de usuario, tienen propósitos y directrices diferentes. Para obtener más información, consulte Teclado.

la naturaleza de los comandos ricos

Los comandos enriquecidos se refieren a la presentación e interacción de los comandos utilizados por las cintas, sin utilizar necesariamente un contenedor de cinta. Los comandos ricos tienen estas características:

• Etiquetado. Todos los comandos llevan etiquetas autoexplicativas, solo con excepciones cuando los iconos son muy conocidos y el espacio es escaso.

  Correcto:

  

  Estos comandos son muy conocidos, por lo que no necesitan etiquetas.

  Incorrecto:

  

  Estos iconos ininteligibles requieren etiquetas para los comandos enriquecidos.

• Talla. En lugar de un tamaño uniforme, los comandos se dimensionan en función de su frecuencia de uso e importancia. Además de hacer que los comandos más utilizados sean más fáciles de encontrar y de pulsar, también los hace más táctil.

  

  En este ejemplo, el botón más utilizado es más grande que los demás.

• Talla dinámica. Los controles de comandos enriquecidos se redimensionan para aprovechar al máximo el espacio disponible, en lugar de utilizar un tamaño fijo y truncar o utilizar el desbordamiento cuando el tamaño es demasiado pequeño.

  

  En este ejemplo, los botones de comando se redimensionan para funcionar bien en el espacio disponible.

• Botones divididos. Los botones divididos son una buena forma de consolidar un conjunto de variaciones de un comando cuando sea necesario, al tiempo que se mantiene la franqueza para el comando utilizado con más frecuencia.

  

  En este ejemplo, el comando Guardar como utiliza un botón dividido, donde el botón principal realiza la variación más común y la parte del menú revela un menú con variaciones del comando.

• Ricos menús desplegables y galerías. Los menús desplegables, las listas desplegables y las galerías ocupan el espacio necesario para comunicar y diferenciar el efecto de las opciones, a menudo mediante gráficos y descripciones de texto. Las categorías se utilizan para organizar grandes conjuntos de opciones.

  

  En estos ejemplos, al pulsar un botón de menú aparece una lista de opciones que muestran su efecto.

• Avance en directo. Cada vez que el usuario pasa el ratón por encima de una opción de formato, el programa muestra cómo serían los resultados con ese formato utilizando el contenido real.

  

  Las previsualizaciones en vivo muestran los resultados de aplicar una opción de formato al pasar el ratón por encima.

• Herramientas mejoradas. Esto explica de forma concisa los comandos asociados y proporciona las claves de acceso directo. También pueden incluir gráficos y referencias a la Ayuda (aunque eliminan en gran medida la necesidad de la Ayuda relacionada con los comandos).

  

  Información sobre herramientas mejorada, que explica de forma concisa los comandos asociados.

Aunque las cintas de opciones no sean adecuadas para todos los programas, todos ellos pueden beneficiarse potencialmente de los comandos enriquecidos.

Las cintas siempre tienen un botón de Aplicación y una Barra de Herramientas de Acceso Rápido

El botón Aplicación y la barra de herramientas de acceso rápido proporcionan comandos útiles en cualquier contexto, lo que reduce la necesidad de cambiar de pestaña. Aunque estos tres componentes son lógicamente independientes, una cinta siempre debe tener un botón de aplicación y una barra de herramientas de acceso rápido. Dado que los comandos pueden ir tanto en la cinta de opciones como en el botón Aplicación, es posible que se pregunte dónde colocar los comandos. La elección no es arbitraria.

El botón Aplicación se utiliza para presentar un menú de comandos que implican hacer algo en o con un archivo, como los comandos que tradicionalmente van en el menú Archivo para crear, abrir y guardar archivos, imprimir y enviar y publicar documentos.

En cambio, la cinta de opciones es para los comandos que afectan al contenido de la ventana. Algunos ejemplos son los comandos utilizados para leer, modificar o utilizar el contenido, o cambiar la vista.

Si utiliza una cinta de opciones, también debe utilizar un botón Aplicación, aunque su programa no incluya documentos ni archivos. En tales casos, utilice el menú Aplicación para presentar comandos de impresión, opciones del programa y salida del programa. Aunque podría decirse que el botón Aplicación no es necesario para este tipo de programas, su uso proporciona coherencia en todos los programas. Los usuarios no tienen que buscar los comandos de guardar y deshacer o las opciones del programa porque siempre están en el mismo sitio.

La barra de herramientas de acceso rápido es necesaria incluso si la cinta de opciones solo utiliza una pestaña. De nuevo, aunque podría decirse que este tipo de programas no necesitan una barra de herramientas de acceso rápido (porque todos los comandos ya están presentes en la pestaña única), tener una barra de herramientas de acceso rápido personalizable proporciona coherencia en todos los programas. Por ejemplo, si los usuarios tienen la costumbre de hacer clic en el comando Imprimir, deberían poder hacerlo en cualquier programa que utilice una cinta de opciones.

Organización y visibilidad

Al ofrecer pestañas y grupos, las cintas permiten organizar los comandos para facilitar su localización. El reto es que si la organización se hace mal, puede perjudicar enormemente la capacidad de descubrimiento. Debe haber una correspondencia clara, obvia y única entre sus comandos y las pestañas y grupos descriptivamente etiquetados donde residen.

Los usuarios se formarán un modelo mental de la cinta después de utilizarla durante un tiempo. Si ese modelo mental no tiene sentido para los usuarios, es ineficaz o incorrecto, provocará confusión y frustración. El objetivo más importante al diseñar una cinta es facilitar la búsqueda de comandos de forma rápida y segura. Si no lo consigue, el diseño de su cinta fracasará. Lograr este objetivo requiere un diseño cuidadoso, pruebas con los usuarios e iteración. No des por sentado que será fácil.

He aquí algunos escollos comunes que conviene evitar:

• Evite los nombres genéricos de pestañas y grupos. Un buen nombre de pestaña o grupo debe describir con precisión su contenido específico, preferiblemente utilizando un lenguaje basado en tareas y objetivos. Evite los nombres genéricos de pestañas y grupos, así como los nombres basados en la tecnología. Por ejemplo, casi cualquier comando de un programa de creación y autoría de documentos podría pertenecer a pestañas etiquetadas como Edición, Formato, Herramientas, Opciones, Avanzado y Más. Confíe en etiquetas específicas y descriptivas, no en la memorización.
• Evite nombres de pestañas y grupos demasiado específicos. Aunque queremos que los nombres de las pestañas y los grupos sean específicos, no deben serlo tanto como para que los usuarios se sorprendan por su contenido. Los usuarios suelen buscar las cosas mediante el proceso de eliminación, así que evite que pasen por alto sus pestañas o grupos porque el nombre es engañoso.
• Evite múltiples rutas al mismo comando, especialmente si la ruta es inesperada o el comando requiere muchos clics para invocarlo. Puede parecer cómodo encontrar un comando a través de varios caminos. Pero tenga en cuenta que cuando los usuarios encuentran lo que buscan, dejan de buscar. Es demasiado fácil que los usuarios asuman que el primer camino que encuentran es el solo, lo que supone un grave problema si ese camino es ineficaz o inesperado. Además, tener comandos duplicados dificulta que los usuarios encuentren otros comandos que están buscando.

En este ejemplo, puede cambiar los bordes de párrafo a través del comando Bordes de página, aunque hay un camino más directo en la pestaña Inicio. Si los usuarios que buscan bordes de párrafo se toparan con este camino inesperado, podrían asumir fácilmente que es el único camino.

• Evite la colocación arbitraria de comandos. Supongamos que crees que tienes un buen diseño de pestañas y grupos, pero descubres que varios comandos no encajan. Lo más probable es que el diseño de tus pestañas y grupos no sea tan bueno como crees y tengas que seguir perfeccionándolo. No resuelvas este problema poniendo esos comandos donde no deben estar. Si lo hace, es probable que los usuarios tengan que inspeccionar cada pestaña para encontrarlos y luego olviden rápidamente dónde están.
• Evite la colocación basada en el marketing. Supongamos que tiene una nueva versión de su programa y su equipo de marketing quiere promocionar sus nuevas funciones. Puede ser tentador ponerlos en la pestaña Inicio, pero hacerlo es un error costoso si perjudica la descubribilidad general. Piense en las futuras versiones de su producto y en la frustración que causará una organización en constante cambio.

Pestañas

El mejor primer paso es revisar la pestañas de cinta estándar. Si los comandos de su programa se asignan de forma natural a las pestañas estándar, base su organización de pestañas en estos estándares. Por otro lado, si los comandos de tu programa no se asignan de forma natural, no intentes forzarlos. Determine una estructura más natural, y asegúrese de realizar muchas pruebas con los usuarios para cerciorarse de que lo ha hecho bien.

Para pestañas no estándar, tenga en cuenta estas cuestiones:

• El nombre de cada pestaña debe describir su contenido. Elija nombres significativos que sean específicos, pero no demasiado. Los usuarios nunca deben ser sorprendidos por su contenido.
• El nombre de cada pestaña debe reflejar su finalidad. Considere el objetivo o la tarea asociada a las órdenes.
• Cada nombre de pestaña debe ser claramente distinto de todos los demás nombres de pestañas.

La pestaña Inicio es una excepción a estas consideraciones. Aunque no es necesario tener una pestaña de Inicio, la mayoría de los programas deberían tenerla. La pestaña Inicio es la primera y contiene los comandos más utilizados. Si tienes comandos de uso frecuente que no caben en las otras pestañas, la pestaña Inicio es el lugar adecuado para ellos.

Si no puede determinar un nombre de pestaña significativo y descriptivo, probablemente sea porque la pestaña no está bien diseñada. Si la organización de su cinta de opciones no funciona, reconsidere el diseño de sus pestañas.

Grupos

Dividir los comandos en grupos estructura los comandos en conjuntos relacionados. La etiqueta del grupo explica la finalidad común de sus comandos.

Hay que tener en cuenta diversos factores a la hora de determinar los grupos y su presentación:

• Agrupaje estándar. Aunque existen diferencias significativas en los comandos de los distintos programas, hay grupos estándares que son comunes a muchos programas. El hecho de que estos comandos aparezcan con los mismos nombres y en ubicaciones similares mejora enormemente la capacidad de descubrimiento.

Correcto	Incorrecto
El grupo Comandos de edición incluye todos los comandos de edición, pero no incluye el comando Zoom.	El comando Zoom no es un comando de edición, pero está en el grupo de edición.

• Granularidad. Algo de estructura es bueno, pero demasiada estructura hace que los comandos sean más difíciles de encontrar. Si los nombres de los grupos son genéricos, es posible que la granularidad no sea suficiente. Si hay grupos con solo uno o dos comandos cada uno, probablemente tienes demasiado (aunque tener una galería en la cinta sin ningún otro comando dentro de un grupo es aceptable).

Correcto	Incorrecto
El grupo Comandos de edición incluye todos los comandos	El grupo de comandos de edición se ha dividido en secciones demasiado granulares. Evite los grupos con solo uno o dos comandos.

• Nombres. Los buenos nombres de grupo explican la finalidad de sus mandos. Si los nombres de sus grupos no lo hacen, reconsidere el nombre o la agrupación. Si no puedes determinar un nombre significativo y descriptivo, probablemente sea porque el grupo no está bien diseñado.

Correcto	Incorrecto
Utilice nombres de grupo que sean lo suficientemente específicos como para describir los comandos que contiene el grupo.	El nombre de este grupo es demasiado vago para ser útil. Un enfoque mejor sería reorganizar estos comandos en grupos más específicos.

• Pedido. La gente lee en orden de izquierda a derecha (en las culturas occidentales), por lo que podría pensarse que los grupos situados en el extremo izquierdo son los que más llaman la atención. Sin embargo, el nombre de la pestaña resaltada y el contenido de la ventana tienden a actuar como fpuntos focales, por lo que los grupos situados en el centro de la pestaña suelen recibir más atención que el grupo situado más a la izquierda. Coloque los grupos más utilizados en los lugares más prominentes y asegúrese de que existe un flujo lógico para los grupos a través de la pestaña.

En este ejemplo, los grupos Fuente y Párrafo son más perceptibles que el grupo Portapapeles, porque son lo que el ojo ve primero cuando se desplaza hacia arriba desde el documento.

En este ejemplo, el grupo Seguimiento recibe la mayor atención, en parte porque la pestaña Revisión resaltada actúa como punto focal.

• Uniformidad. Puede resultar difícil reconocer los comandos cuando la presentación de los mismos es idéntica. El uso de iconos con formas y colores diferentes, grupos con formatos distintos y comandos con tamaños diferentes facilita a los usuarios el reconocimiento de los grupos de comandos.El uso de iconos con formas y colores diferentes, grupos con formatos distintos y comandos con tamaños diferentes facilita a los usuarios el reconocimiento de los grupos de comandos. Los comandos deben tener un tamaño uniforme solo cuando la cinta se reduce a sus tamaños más pequeños.

Correcto	Incorrecto
Utiliza distintos tamaños de iconos para que sean más fáciles de reconocer	Estos comandos se parecen demasiado entre sí porque todos tienen el mismo tamaño.

Versiones Preliminares

Puede utilizar varios tipos de vistas previas para mostrar lo que resultará de un comando. Mediante el uso de vistas previas útiles, puede mejorar la eficiencia de su programa y reducir la necesidad del enfoque de aprendizaje de prueba y error. Las previsualizaciones en directo también invitan a experimentar y fomentan la creatividad.

Estos son algunos de los diferentes tipos de previsualizaciones que puede utilizar:

• Iconos y gráficos estáticos realistas. Imágenes estáticas que dan una indicación realista del efecto de una orden. Pueden utilizarse en galerías, menús desplegables e información sobre herramientas mejorada.

En este ejemplo, la lista desplegable Fuente muestra cada nombre de fuente utilizando la propia fuente.

En este ejemplo, se utilizan miniaturas realistas para mostrar las distintas marcas de agua.

• Iconos y gráficos dinámicos. Iconos y gráficos que se modifican para reflejar el estado actual. Estos iconos son especialmente útiles para las galerías, así como los botones divididos que cambian su efecto por defecto para ser el mismo que el de la última acción.

En este ejemplo, Microsoft Word cambia la galería Estilos para reflejar los estilos actuales.

En este ejemplo, Word cambia los comandos Color de resaltado del texto y Color de fuente para indicar su efecto actual.

• Avance en directo. Cuando los usuarios pasan el ratón por encima de una opción de formato, la previsualización en directo muestra el aspecto que tendrían los resultados con ese formato. Las previsualizaciones en directo ayudan a los usuarios a realizar selecciones de forma más eficaz y segura basándose en el contexto real del usuario.

En este ejemplo, el comando Color de página realiza una previsualización en vivo mostrando el efecto de las opciones de color al pasar el ratón por encima.

Las previsualizaciones en directo son una potente función que puede mejorar realmente la productividad de sus usuarios, pero incluso las simples previsualizaciones estáticas pueden ser de gran ayuda.

Escalar la cinta

Escalar una barra de herramientas es sencillo: si una ventana es demasiado estrecha para mostrar una barra de herramientas, ésta muestra lo que cabe y hace accesible todo lo demás a través de un botón de desbordamiento. Uno de los objetivos de los comandos enriquecidos es aprovechar al máximo el espacio disponible, por lo que escalar una cinta requiere más trabajo de diseño. No existe un tamaño de cinta por defecto, por lo que no debe diseñar una cinta pensando en una anchura determinada. Tiene que diseñar diseños con una amplia gama de anchos y darse cuenta de que cualquiera de ellos podría ser el que vieran la mayoría de sus usuarios. El escalado es una parte fundamental del diseño de cintas, no el último paso. Cuando diseñe una ficha, especifique las distintas disposiciones de cada grupo (hasta tres), así como las combinaciones que pueden utilizarse juntas. La cinta mostrará la mayor combinación válida que se ajuste al tamaño actual de la ventana.

Las barras de herramientas se escalan mediante un botón de desbordamiento.

No existe un tamaño de cinta por defecto. El tamaño más pequeño es un único icono de grupo emergente.

Directrices

General

• No combine cintas con barras de menú y barras de herramientas dentro de una ventana. Las cintas deben utilizarse en lugar de las barras de menú y las barras de herramientas. Sin embargo, una cinta puede combinarse con ventanas de paleta y elementos de navegación, como los botones Atrás y Adelante y una barra de direcciones.
• Sirmptr combine una cinta con un botón de Aplicación y una Barra de Herramientas de Acceso Rápido.
• Seleccione la pestaña situada más a la izquierda (normalmente Inicio) cuando se inicie un programa. No hacer que la última pestaña seleccionada persista en todas las instancias del programa.
• Mostrar la cinta en su estado normal (no minimizada) cuando se inicia un programa por primera vez. A menudo, los usuarios no modifican la configuración predeterminada, por lo que minimizar la cinta de opciones al iniciar el programa probablemente hará que todos los comandos sean menos eficaces. Además, mostrar la cinta inicialmente minimizada puede desorientar.
• Hacer que el estado de la cinta persista en todas las instancias del programa. Por ejemplo, si un usuario minimiza la cinta de opciones, ésta debería mostrarse minimizada la próxima vez que se ejecute el programa. Pero, de nuevo, no hagas que la última pestaña seleccionada persista de esta manera.

Utilizar pestañas

En general, tener menos pestañas es mejor, así que elimine las que no le ayuden a conseguir estos objetivos.

• Siempre que sea posible, utilice pestañas estándar. El uso de pestañas estándar mejora enormemente la visibilidad, especialmente entre programas. See the pestañas de cinta estándar más tarde en este artículo.
• Etiqueta la primera pestaña Inicio, si procede. La pestaña Inicio debe contener los comandos utilizados con más frecuencia. Si tienes comandos de uso frecuente que no caben en las otras pestañas, la pestaña Inicio es el lugar adecuado para ellos.
• Añadir una nueva pestaña si:
  • Sus comandos están estrechamente relacionados con tareas específicas, y pueden describirse con precisión mediante la etiqueta de la pestaña. Añadir la pestaña debería ayudar a que sus comandos sean más fáciles de encontrar, no más difíciles.
  • La mayoría de sus comandos no están relacionados con las tareas de otras pestañas. Añadir la pestaña no debería requerir más cambios de pestaña durante las tareas más habituales.
  • La pestaña tiene suficientes comandos para justificar tener un lugar extra donde buscar. No tenga pestañas con solo unos pocos comandos. Excepción: Considere la posibilidad de añadir una pestaña con unos pocos comandos si están muy relacionados con una tarea específica y la adición de la pestaña simplifica en gran medida una pestaña de Inicio demasiado compleja.
• Para el resto de pestañas, coloque en primer lugar las que utilice con más frecuencia, manteniendo un orden lógico entre las pestañas.
• Optimice el diseño de las pestañas para que los usuarios encuentren los comandos con rapidez y seguridad. otras consideraciones son secundarias.
• No proporcionar una pestaña de Ayuda En su lugar, proporcione asistencia utilizando la Ayuda de todo el programa y los tooltips mejorados.
• Use un máximo de siete pestañas principales. Si hay más de siete, resulta difícil determinar qué pestaña tiene un comando. Aunque siete pestañas principales es aceptable para aplicaciones con muchos comandos, la mayoría de los programas deberían aspirar a cuatro o menos pestañas.

Fichas contextuales

• Utilice una pestaña contextual para mostrar una colección de comandos que son relevantes solo cuando los usuarios seleccionan un tipo de objeto en particular. Si solo hay unos pocos comandos de uso frecuente, puede resultar más cómodo y estable utilizar una pestaña normal y simplemente desactivar los comandos cuando no sean necesarios.
• 
  Es mejor desactivar comandos comunes como Cortar y Copiar que utilizar una pestaña contextual.
• Incluya solo los comandos específicos de un determinado tipo de objeto. No ponga comandos solo en una pestaña contextual si los usuarios pueden necesitarlos sin seleccionar primero un objeto.
• Incluya los comandos que se utilizan con frecuencia cuando se trabaja con un tipo de objeto concreto. Coloque los comandos contextuales generales de uso frecuente en menús contextuales y barras pequeñas de herramientas para evitar el cambio de pestaña durante las tareas más habituales. Alternativamente, considere la posibilidad de poner comandos generales de forma redundante en una pestaña contextual si al hacerlo se evita el cambio frecuente de pestaña. Pero no te excedas: no intentes incluir todos los comandos que un usuario pueda necesitar al trabajar con el objeto.
• 
  En este ejemplo, el comando Bordes se incluye en la pestaña Diseño para evitar el cambio frecuente de pestaña durante las tareas más habituales.\
• Elija un color de pestaña contextual diferente al de las pestañas contextuales mostradas actualmente. El mismo conjunto de pestañas puede aparecer en otro momento utilizando un color diferente para conseguirlo, pero intente utilizar asignaciones de color coherentes en todas las invocaciones siempre que sea posible.
• Seleccionar automáticamente una pestaña contextual facilita la localización, mejora la percepción de estabilidad y reduce la necesidad de cambiar de pestaña. Seleccione una pestaña contextual automáticamente cuando:
  • El usuario inserta un objeto. En este caso, seleccione la primera pestaña contextual del conjunto.
  • El usuario hace doble clic en un objeto. En este caso, seleccione la primera pestaña contextual del conjunto.
  • El usuario seleccionó una pestaña contextual, hizo clic fuera del objeto y, a continuación, hizo clic inmediatamente en un objeto del mismo tipo. En este caso, vuelva a la pestaña contextual seleccionada anteriormente.
• Cuando elimine una pestaña contextual que sea la pestaña activa, haga que la pestaña Inicio o la primera pestaña sea la pestaña activa. Hacerlo así parece lo más estable.

Pestañas modales

• Utilice una pestaña modal para mostrar una colección de comandos que se aplican con un modo temporal concreto y no se aplica ninguna de las pestañas principales. Si algunas de las pestañas del núcleo son aplicables, utiliza en su lugar una pestaña contextual y desactiva los comandos que no sean aplicables. Dado que las pestañas modales son muy limitantes, solo deben utilizarse cuando no exista una alternativa mejor.
• 
  La previsualización de impresión es una etiqueta modal de forma común usada.
• Para cerrar una etiqueta modal ponga el modo <Cerrar> comando como el último comando de la pestaña. Use el icono Cerrar para facilitar al comando encontrarlo. Dé el modo en el comando para prevenir confusiones sobre lo que se está cerrando.
• 
  En este ejemplo, etiquetar explícitamente el comando Cerrar con el modo elimina cualquier duda sobre lo que se está cerrando.
• Para cerrar una pestaña modal, redefina también el botón Cerrar de la barra de título de la ventana para que cierre el modo en lugar del programa. Las pruebas de usuario han demostrado que muchos usuarios esperan este comportamiento.

Pestañas de cinta estándar

Siempre que sea posible, asigne los comandos de su programa a estas pestañas estándar, dadas en su orden estándar de aparición.

Pestañas regulares

• Inicio. Contiene los comandos utilizados con más frecuencia. Si se usa, es siempre la primera pestaña.
• Insertar. Contiene comandos para insertar contenido y objetos en un documento. Si se usa, es siempre la segunda pestaña.
• Diseño de página. Contiene comandos que afectan al diseño de la página, incluyendo temas, configuración de página, fondos de página, sangría, espaciado y posicionamiento. (Tenga en cuenta que los grupos de sangría y espaciado pueden estar en la pestaña Inicio en su lugar, si hay suficiente espacio allí). Si se utiliza, es siempre la tercera pestaña.
• Reseña. Contiene comandos para añadir comentarios, realizar un seguimiento de los cambios y comparar versiones.
• Vista. Contiene los comandos que afectan a la vista del documento, incluyendo el modo de visualización, las opciones mostrar/ocultar, el zoom, la gestión de ventanas y las macros los comandos que tradicionalmente se encuentran en la categoría de menú de Windows. Si se utiliza, es la última pestaña normal a menos que se muestre la pestaña Desarrollador.
• Desarrollador. Contiene comandos utilizados únicamente por los desarrolladores. Si se utiliza, está oculta por defecto y es la última pestaña normal cuando se muestra.

La mayoría de los programas no necesitan las pestañas Revisión y Desarrollador.

Fichas contextuales estándar

• Formato. Contiene comandos relacionados con el cambio de formato del tipo de objeto seleccionado. Suele aplicarse a una parte de un objeto.
• Diseño. Contiene comandos, a menudo en galerías, para aplicar estilos al tipo de objeto seleccionado. Normalmente se aplica a todo el objeto.
• Diseño. Contiene comandos para cambiar la estructura de un objeto complicado, como una tabla o un gráfico.

Contiene comandos para cambiar la estructura de un objeto complicado, como una tabla o un gráfico.

Grupos estándar.

• Siempre que sea posible, utilice grupos estándar. El hecho de que comandos comunes aparezcan con los mismos nombres y en ubicaciones similares mejora enormemente la capacidad de descubrimiento. See the grupos de cintas estándar más tarde en este artículo.
• Añadir un nuevo grupo si:
  • Sus comandos están estrechamente relacionados con tareas específicas, y pueden describirse con precisión mediante la etiqueta de grupo. Añadir el grupo debería ayudar a que sus comandos sean más fáciles de encontrar, no más difíciles.
  • Sus comandos tienen una relación más débil con los comandos de otros grupos. Aunque todos los comandos de una pestaña deben estar estrechamente relacionados, algunas relaciones entre comandos son más fuertes que otras.
  • El grupo tiene suficientes comandos para justificar tener un lugar extra donde buscar. El objetivo para la mayoría de los grupos es de 3 a 5 comandos. Evite tener grupos con solo 1-2 comandos, aunque tener una galería en la cinta sin ningún otro comando dentro de un grupo es aceptable Tener muchos grupos con un mando único sugiere demasiada estructura o falta de cohesión de mando.
• No organice en exceso añadiendo grupos donde no son necesarios.
• Considere dividir un grupo si:
  • 
    El grupo tiene muchos mandos de diferentes tamaños y necesita organización.
  • 
    El grupo tiene comandos que se benefician enormemente de tener etiquetas adicionales.
• Coloque los grupos más utilizados en los lugares más destacados y asegúrese de que existe un orden lógico entre los grupos de la ficha.
• Optimice el diseño del grupo para que los usuarios encuentren los comandos con rapidez y seguridad. otras consideraciones son secundarias.
• No escale grupos que contengan un solo botón a un icono de grupo emergente. Al reducirlos, déjalos como un solo botón.
• Use un máximo de siete grupos. Si hay más de siete grupos, resulta más difícil determinar qué grupo tiene un mando.

Grupos de cinta estándar

Siempre que sea posible, asigne los comandos de su programa a estos grupos estándar, que se dan dentro de sus pestañas asociadas en su orden estándar de aparición.

Pestaña principal

• Portapapeles
• Fuente
• Paragraph
• Edición

Insertar la ficha

• Tablas
• Ilustraciones

Pestaña Diseño de página

• Temas
• Configurar página
• Organizar

Pestaña de revisión

• Revisión
• Comentarios

Pestaña Vista

• Vista del documento
• Mostrar u ocultar
• Zoom
• Periodo

Comandos

• 
  Aproveche la capacidad de descubrimiento y escalabilidad de las cintas exponiendo todos los comandos de uso común. Cuando proceda, traslade los comandos de uso frecuente de los cuadros de diálogo a la cinta de opciones, especialmente aquellos que se sabe que son difíciles de encontrar. Lo ideal sería que los usuarios pudieran realizar tareas comunes sin utilizar ningún cuadro de diálogo.

• No utilice la escalabilidad de las cintas para justificar la adición de una complejidad innecesaria. Siga actuando con moderación y no añada comandos a una cinta solo porque puede. La experiencia general de mando debe ser sencilla. A continuación se indican formas de simplificar la presentación:

  • 
    Utilice menús contextuales y barras pequeñas de herramientas para comandos contextuales in situ.
  • Mover (o mantener) los comandos poco utilizados en los cuadros de diálogo. Utilice los lanzadores de cuadros de diálogo para acceder a estos comandos. Puede seguir utilizando cuadros de diálogo con cintas. solo hay que intentar reducir la necesidad de utilizarlos durante las tareas habituales.
  • Elimine las funciones redundantes y poco utilizadas.

Presentación

• Presente cada comando en solo una pestaña. Evite múltiples rutas al mismo comando, especialmente si la ruta es inesperada o el comando requiere muchos clics para invocarlo. Puede parecer cómodo encontrar un comando a través de varios caminos. Pero tenga en cuenta que cuando los usuarios encuentran lo que buscan, dejan de buscar. Es demasiado fácil que los usuarios asuman que el primer camino que encuentran es el solo, lo que supone un grave problema si ese camino es ineficaz. Excepción: Las pestañas contextuales pueden duplicar algunos comandos de las pestañas Inicio e Insertar si al hacerlo se evita cambiar de pestaña para realizar tareas contextuales comunes.

• Dentro de un grupo, coloca los comandos en su orden lógico, dando preferencia a los que se utilizan con más frecuencia. En general, los comandos deben tener un flujo lógico para que sean fáciles de encontrar, sin dejar de hacer que los comandos más utilizados aparezcan en primer lugar. Por lo general, los comandos con iconos de 32x32 píxeles aparecen antes que los comandos con iconos de 16x16 píxeles para facilitar la exploración entre grupos.

• Evite colocar comandos destructivos junto a comandos de uso frecuente. Un comando se considera destructivo si su efecto es generalizado y no se puede deshacer fácilmente o el efecto no es inmediatamente perceptible.

• Utilice separadores para indicar comandos fuertemente relacionados, como un conjunto de opciones mutuamente excluyentes..

• 
  Considere la posibilidad de utilizar grupos de barras de herramientas para conjuntos de comandos conocidos y estrechamente relacionados que no necesiten etiquetas. De este modo, podrá presentar muchos comandos en un espacio compacto sin que ello afecte a la facilidad de descubrimiento y aprendizaje. Al ser tan conocidos, estos comandos se utilizan con frecuencia, se reconocen al instante y, por tanto, suelen estar en la pestaña Inicio.

• Utilice iconos de 32x32 píxeles para los comandos etiquetados más utilizados e importantes. Cuando reduzca la escala de un grupo, haga que estos comandos sean los últimos en convertirse a iconos de 16x16 píxeles.

• Evite la colocación arbitraria de comandos. Piense detenidamente en el diseño de las pestañas y los grupos para que los usuarios no pierdan el tiempo inspeccionando cada pestaña hasta encontrar el comando que buscan.

• Evite la colocación basada en el marketing. Los objetivos de Marketing en torno a la promoción de nuevas funciones tienden a cambiar con el tiempo. Piense en las futuras versiones de su producto y en la frustración que causará una organización en constante cambio.

Interacción

• Desactive los comandos que no se apliquen al contexto actual o que provoquen directamente un error. Si es útil, use el tooltip mejorado para explicar por qué el comando está deshabilitado. No oculte estos comandos porque, si lo hace, podría cambiar el diseño de la cinta de opciones y hacer que la presentación de la cinta sea inestable.

• No actualice las etiquetas de los comandos de forma dinámica. De nuevo, si lo hace, puede que cambie la disposición de las pestañas, lo que daría lugar a un aspecto inestable. En su lugar, diseñe los comandos de modo que funcionen con etiquetas constantes.

  Correcto	Incorrecto
  Desactivar comandos cuando no están disponibles	No ocultar los comandos, aunque no estén disponibles

• Preferir controles directos. Un comando es directo si se invoca con un solo clic (es decir, sin navegar por los menús). Sin embargo, a excepción de las galerías en cinta, los controles directos no admiten la previsualización en directo, por lo que la necesidad de esta última también es un factor a tener en cuenta.

• Utilizar la vista previa en directo para indicar el efecto de las opciones cuando un comando se encuentra entre un conjunto relacionado de opciones de formato, y la vista previa en vivo es importante y práctica, especialmente si es probable que los usuarios elijan la opción equivocada de otro modo.

  • Si el mando se utiliza con frecuencia, utilice una galería en la cinta para ser más directo.
  • Si el comando se utiliza con poca frecuencia, utilice una galería desplegable.

• Exponer comandos directos usando los siguientes controles en el siguiente orden de preferencia

  • Botones de comando, casillas de verificación, botones de radio y galerías in situ. Estos siempre son directos.
  • Botones divididos. Directo para el comando más común, pero indirecto para las variaciones de comando.
  • Botones de menú. Son indirectos, pero presentan muchos comandos fáciles de encontrar.
  • Cuadros de texto (con controles de giro). La introducción de texto suele requerir más esfuerzo que los demás tipos de control.

• 
  Si su cinta de opciones está formada principalmente por botones de menú cuando se muestra a tamaño completo, es mejor que utilice una barra de menús.

• Preferir comandos inmediatos.
  Una orden es inmediata si surte efecto de inmediato (es decir, sin cuadros de diálogo para recabar información adicional). Si un comando requiere entrada de datos, considere la posibilidad de utilizar un botón dividido, con el comando inmediato en la parte del botón y los comandos que requieren entrada de datos en el submenú.

Galerías

Use una galería si:

• Existe un conjunto bien definido y relacionado de opciones entre las que suelen elegir los usuarios. Puede haber un número ilimitado de variaciones, pero las selecciones probables deberían estar bien contenidas. Si las opciones no están muy relacionadas, considere la posibilidad de utilizar galerías separadas.
• Las opciones se expresan mejor visualmente, como las características de formato. El uso de miniaturas facilita la navegación, la comprensión y la elección. Aunque las opciones pueden estar etiquetadas, la selección se hace visualmente y no deberían ser necesarias etiquetas de texto para entender las opciones.
• Las opciones muestran el resultado que se consigue inmediatamente con un solo clic. No debería haber ningún cuadro de diálogo de seguimiento para aclarar más la intención del usuario, ni un conjunto de pasos para lograr el resultado indicado. Si los usuarios desean ajustar la elección, permítales hacerlo después.

Utilizar una galería en la cinta si:

• Las opciones se utilizan con frecuencia. Las opciones necesitan el espacio y merecen el espacio que potencialmente se les quita a otros comandos.
• Para un uso típico, no es necesario agrupar o filtrar las opciones presentadas.
• Las opciones pueden mostrarse eficazmente dentro de la altura de una cinta (que es de 48 píxeles).

Miniaturas en las galerías

Elija el tamaño de miniatura de galería estándar más pequeño que hace bien el trabajo bien.

• Para las galerías en cinta, utilice miniaturas de 16x16, 48x48 o 64x48 píxeles.
• Para las galerías desplegables, utilice miniaturas de 16x16, 32x32, 48x48, 64x48, 72x96, 96x72, 96x96 o 128x128 píxeles.
• Todos los elementos de la galería deben tener el mismo tamaño de miniatura.

Para galerías en cinta:

• Muestre un mínimo de tres opciones; más si hay espacio. Si no hay espacio suficiente para mostrar al menos tres opciones en el tamaño típico de ventana, utilice en su lugar una galería desplegable.
• Ampliar las galerías de cintas para aprovechar el espacio disponible. Utilice el espacio adicional para mostrar más artículos y facilitar su elección con un solo clic.

Para galerías desplegables:

• Mostrar la galería desde un cuadro combinado, una lista desplegable, un botón dividido o un botón de menú
• Si el usuario hace clic en la ventana principal para descartar la galería desplegable, basta con descartar la galería sin seleccionar ni modificar el contenido de la ventana principal..
• Si una galería tiene muchas opciones y algunas apenas se utilizan, simplifique la galería por defecto centrándose en las opciones más utilizadas. Para el resto de comandos, proporcione un comando apropiado en la parte inferior del desplegable de la galería.
  • Si el comando muestra una lista con más variaciones, nómbrala "Más singular feature name opciones..."
  • Si el comando presenta un cuadro de diálogo que permite a los usuarios crear sus propias opciones personalizadas, nómbrelo "Personalizado feature name..."
• Organice las opciones en grupos, si ello hace más eficaz la navegación.
• 
  Si una galería tiene muchos elementos, considere la posibilidad de añadir un filtro para ayudar a los usuarios a encontrar las opciones de forma más eficaz. Para evitar confusiones, muestre inicialmente la galería sin filtrar. Sin embargo, la mayoría de las galerías no deberían necesitar un filtro porque no deberían tener tantas opciones, y el uso de grupos debería ser suficiente.

Vista previa de comandos

• Utilice vistas previas para mostrar el efecto de un comando sin que los usuarios tengan que ejecutarlo primero. Mediante el uso de vistas previas útiles, puede mejorar la eficiencia y la facilidad de aprendizaje de su programa, y reducir la necesidad de ensayo y error. Para conocer los distintos tipos de vista previa de comandos, consulte Previsualizaciones en la sección de los conceptos de diseño de este artículo.
• Para las previsualizaciones en directo, asegúrese de que la previsualización puede aplicarse y el estado actual restaurarse en 500 milisegundos. Para ello es necesario poder aplicar los cambios de formato con rapidez y de forma interrumpible. Los usuarios deben poder evaluar rápidamente las distintas opciones para que las previsualizaciones en directo tengan todas sus ventajas.
• Evite utilizar texto en las vistas previas. De lo contrario, habrá que localizar las imágenes de previsualización.

Iconos

• 
  Proporcione iconos para todos los controles de la cinta, excepto listas desplegables, casillas de verificación y botones de opción. La mayoría de los comandos requieren iconos de 32x32 y 16x16 píxeles (la barra de herramientas de acceso rápido solo utiliza iconos de 16x16 píxeles). Las galerías suelen utilizar iconos de 16x16, 48x48 o 64x48 píxeles.

• Proporcione iconos únicos. No utilice el mismo icono para diferentes comandos.

• Asegúrese de que los iconos de la cinta sean claramente visibles sobre el color de fondo de la cinta. Evalúe siempre los iconos de la cinta de opciones en contexto y en modo de alto contraste.

• Elija diseños de iconos que comuniquen claramente su efecto, especialmente para los comandos más utilizados. Las cintas de opciones bien diseñadas tienen iconos que se explican automáticamente y ayudan a los usuarios a encontrar y comprender los comandos con eficacia.

• Elija iconos que sean reconocibles y distinguibles, especialmente para los comandos más utilizados. Asegúrese de que los iconos tengan formas y colores distintivos. Esto ayuda a los usuarios a encontrar los comandos rápidamente, aunque no recuerden el símbolo del icono.

  Correcto	Incorrecto
  Utilice la forma y el color para crear iconos fáciles de distinguir.	Los iconos del mismo color son difíciles de distinguir.

• 
  Considere la posibilidad de crear iconos de grupo emergentes colocando el icono de 16x16 píxeles del comando más destacado del grupo dentro de un contenedor visual de 32x32 píxeles. No es necesario crear iconos diferentes para los grupos emergentes.

• 
  Si resulta útil, cambie el icono para reflejar el estado actual. Esto es especialmente útil para los botones divididos cuyo efecto predeterminado puede cambiar.

• Asegúrese de que los iconos de la cinta se ajustan a las directrices sobre iconos del estilo Aero. Sin embargo, los iconos de las cintas se muestran de frente en lugar de mostrarse en perspectiva.

Correcto	Incorrecto
Usar iconos bidimensionales.	No usar iconos tridimensionales.

Herramientas mejoradas

• Todos los comandos de la cinta de opciones deberían tener información sobre herramientas mejorada. para dar el nombre del comando, la tecla de acceso directo, la descripción y la información complementaria opcional. Evite los tooltips que se limitan a repetir la etiqueta.

  Incorrecto:

  

  En este ejemplo, la información sobre herramientas se limita a repetir la etiqueta del comando.

• En la medida de lo posible, describa completamente la orden mediante una descripción concisa. Enlace a la Ayuda solo si es realmente necesario.

  Incorrecto:

  

  En este ejemplo, el comando no necesita Ayuda.

• Cuando sea útil, ilustre el efecto de la orden mediante una vista previa.

  

  En este ejemplo, la imagen de información sobre herramientas ilustra el efecto del comando.

Para consultar las directrices de etiquetado, consulte etiquetas de herramientas mejoradas.

Clave de acceso y sugerencias

La información sobre las claves es el mecanismo utilizado para mostrar las claves de acceso a los comandos que aparecen directamente en una cinta.

Las claves de acceso a los comandos del menú desplegable se indican con un carácter subrayado. Se diferencian de las claves de acceso al menú en lo siguiente:

• Se pueden utilizar dos claves de acceso de caracteres. Por ejemplo, FP puede utilizarse para acceder al comando Pintor de formatos.

• Las asignaciones de las claves de acceso se muestran utilizando consejos en lugar de subrayados, por lo que la anchura de los caracteres y los descendentes no son un factor a la hora de realizar las asignaciones.

• Asigne claves de acceso a todas las pestañas y comandos de la cinta de opciones. La única excepción posible son los comandos procedentes de complementos heredados.

• Para el botón de aplicación y una barra de herramientas de acceso rápido:

  • Asigne F al botón de aplicación. Esta asignación se utiliza debido a la similitud del botón Aplicación con el menú Archivo tradicional.
  • 
    Para la barra de herramientas de acceso rápido y las listas de archivos utilizados recientemente, asigne las claves de acceso numéricamente.

• 
  Para pestañas:

  • Asigne H a casa.
  • Empezando por las pestañas más utilizadas, asigne la primera letra de la etiqueta.
  • Para las fichas que no puedan asignarse a la primera letra, elija una consonante distintiva o una vocal en la etiqueta.
  • En el caso de los programas que admitían barras de menú, procure mantener la compatibilidad de las claves de acceso en la medida de lo posible. Evite asignar significados diferentes a las claves de acceso de las categorías de menú heredadas. Por ejemplo, si la versión anterior de la barra de menús de un programa tenía un menú Edición, procura utilizar una tecla de acceso E para la pestaña equivalente. Si no hay una pestaña equivalente, no asignes una tecla de acceso E a ninguna pestaña para evitar confusiones.

• 
  Para los comandos de la cinta, menús, y submenús:

  • Asigne combinaciones de claves de acceso únicas dentro de una pestaña. Puede reutilizar combinaciones de claves de acceso en distintas pestañas.
  • Siempre que sea posible, asigne las claves de acceso estándar a los comandos más utilizados. See the tabla de claves de acceso estándar.
  • Para otros comandos:
    • Para los comandos más utilizados, elija letras al principio de la primera o segunda palabra de la etiqueta, preferiblemente la primera letra.
    • Para los comandos de uso menos frecuente, elija letras que sean una consonante distintiva o una vocal en la etiqueta, como "x" en "Salir".
    • Para los comandos menos utilizados y los lanzadores de cuadros de diálogo, utilice dos letras según sea necesario.
    • En los menús y submenús, utilice una sola letra para reducir el número de pulsaciones necesarias para el comando completo.
    • No utilice claves de acceso que empiecen por J, Y o Z porque se utilizan para pestañas contextuales, sugerencias de teclas no asignadas y grupos emergentes.

• 
  Para grupos emergentes:

  • Utilice una clave de acceso de dos letras que empiece por Z.
  • Empezando por los grupos más utilizados, asigne la segunda letra de la tecla de acceso a la primera letra de la etiqueta.
  • Para los grupos restantes, elija una consonante distintiva o una vocal en la etiqueta.

Para directrices clave de atajos, consulte Teclado.

Botones de aplicación

• Utilice un botón Aplicación para presentar un menú de comandos que impliquen hacer algo en o con un archivo. Algunos ejemplos son los comandos que tradicionalmente van en el menú Archivo para crear, abrir y guardar archivos, imprimir y enviar y publicar documentos.

• Utilice siempre un botón de aplicación cuando utilice una cinta. Si el programa no utiliza archivos, utilice el botón Aplicación para acceder a las opciones del programa y al comando Salir. Los botones de aplicación siempre muestran un menú de comandos, nunca son solo decorativos.

• Utilice los siguientes comandos estándar del menú Aplicación cuando sea apropiado:

  • Nuevo
  • Abierto
  • Guardar
  • Guardar como...
  • Imprimir...
  • Impresión rápida
  • Imprimir vista preliminar
  • Cerrado
  • Opciones
  • Exit

• Reserva los comandos que pertenecen al menú Aplicación solo para ese menú. No los coloques de forma redundante en ninguna de las pestañas.

• Para cada menú, indique:

  • Una etiqueta con el comando nombre.
  • Un icono pixel 32x32.
  • Una breve descripción. Asegúrese de que la descripción puede mostrarse con un máximo de dos líneas de texto.

• 
  Utilice información sobre herramientas para documentar las claves de acceso directo. A diferencia de los menús normales, los menús de aplicación no documentan las claves de acceso directo mediante etiquetas.

Barras de herramientas de acceso rápido

• Utilice la barra de herramientas de acceso rápido para acceder a los comandos más utilizados. Los comandos pueden proceder del botón Aplicación o de la cinta de opciones.
• Proporcione siempre una barra de herramientas de acceso rápido cuando utilice una cinta. Hágalo incluso si la cinta de opciones tiene una sola pestaña; esto proporciona coherencia en todos los programas.
• Rellene la barra de herramientas de acceso rápido con los comandos más utilizados del menú Aplicación. Proporcione Guardar y Deshacer si su programa los admite, y Abrir e Imprimir si los admite y se utilizan con frecuencia.
• Para el menú Personalizar barra de herramientas de acceso rápido, proporcione hasta 12 de los comandos inmediatos más utilizados. Los comandos inmediatos no requieren ninguna entrada adicional antes de surtir efecto, por lo que son muy adecuados para la barra de herramientas de acceso rápido. Aunque pueden ser cualquier comando inmediato, prefiera los que no están en la pestaña Inicio, porque es más probable que los usuarios los elijan.
• Para el menú Personalizar barra de herramientas de acceso rápido, si hay un par de comandos relacionados, proporcione ambos, independientemente de la frecuencia. Los pares más comunes son Abrir/Cerrar, Atrás/Adelante y Deshacer/Rehacer.
• Para el cuadro de diálogo Personalizar barra de herramientas de acceso rápido, proporcione una forma de añadir cualquier comando. Proporcione un filtro de comandos populares que muestre los comandos utilizados con más frecuencia, y seleccione este filtro por defecto.

Iniciadores de cuadros de diálogo

• 
  Proporcione a un grupo un lanzador de cuadros de diálogo si existe un cuadro de diálogo relacionado con comandos y ajustes de uso poco frecuente. El cuadro de diálogo debe contener todos los comandos del grupo, además de otros que no sean un conjunto completamente distinto de comandos o los mismos comandos que el grupo.

• No utilice un lanzador de cuadros de diálogo para ejecutar comandos directamente. Un lanzador de cuadros de diálogo debe mostrar un cuadro de diálogo.

• No utilice un lanzador de cuadros de diálogo para acceder a comandos y ajustes de uso frecuente. En comparación con los comandos que aparecen directamente en la cinta de opciones, los comandos y ajustes del cuadro de diálogo son relativamente difíciles de descubrir.

• Haga coincidir el nombre del cuadro de diálogo con el nombre del grupo. No es necesario que coincidan exactamente, pero los nombres deben ser lo suficientemente parecidos como para que los usuarios no se sorprendan con los resultados.

  Incorrecto:

  

  Mientras que un sonido de recordatorio es una opción de recordatorio, usar el lanzador del cuadro de diálogo para establecer el sonido de recordatorio es inesperado.

• Muestre solo los comandos y ajustes relacionados con el grupo. Si el cuadro de diálogo muestra otras cosas, los usuarios pueden concluir que esta ruta a estos otros comandos y configuraciones es la única ruta.

  Incorrecto:

  

  En este ejemplo, el cuadro de diálogo Fuente muestra los ajustes de Espaciado entre caracteres, que no están relacionados con la pestaña asociada.

Etiquetas

Etiquetas de pestañas

• Etiquete todas las pestañas.
• Cuando sea posible, utilice las pestañas estándar de la cinta de opciones.
• Prefiera etiquetas concisas, de una sola palabra. Aunque las etiquetas de varias palabras son aceptables, ocupan más espacio y son más difíciles de localizar.
• Elija nombres de pestañas significativos que describan con claridad y precisión su contenido. Los nombres deben ser específicos, pero no en exceso. Los nombres de las pestañas deben ser lo suficientemente predecibles como para que los usuarios no se sorprendan por su contenido. Tenga en cuenta que la pestaña Inicio tiene un nombre genérico porque se utiliza para los comandos más frecuentes.
• No utilice nombres de grupo como "Básico" y "Avanzado". Requieren que los usuarios determinen si el comando que buscan es básico o avanzado.
• Elija nombres de pestañas que reflejen su finalidad. Considere los objetivos o tareas asociados a la ficha.
• Elija nombres de pestañas que se distingan claramente de los demás nombres de pestañas..
• Use nombres o verbos para pestañas. Los nombres de las pestañas no requieren una redacción paralela, así que elige la mejor etiqueta independientemente de si es un sustantivo o un verbo.
• No use gerundios (nombres que acaben en "-ndo"). Utiliza en su lugar el verbo del que deriva el gerundio. (Por ejemplo, utilice "Dibujar" en lugar de "Dibujando").
• Evite los nombres de pestañas con las mismas letras iniciales, especialmente las pestañas adyacentes. Cuando la cinta se reduzca, estos nombres de pestaña tendrán el mismo texto truncado.
• Preferir los nombres en singular. Sin embargo, puede utilizar un nombre pural si el nombre singular le resulta incómodo.
• Use el título en estilo mayúsculas.
• No utilice la puntuación final.

Etiquetas contextuales de pestañas y conjuntos de pestañas

• Terminar las etiquetas del conjunto de pestañas contextuales con "Herramientas". Hacerlo ayuda a identificar el propósito de las pestañas contextuales.
• Use el título en estilo mayúsculas.
• No utilice la puntuación final.

Etiquetas de grupo

• Etiquete todos los grupos a menos que el grupo tenga un único comando y las etiquetas de grupo y comando sean las mismas.

• Cuando sea posible, utilice los grupos de cintas estándar.

• Prefiera etiquetas concisas, de una sola palabra. Aunque las etiquetas de varias palabras son aceptables, ocupan más espacio y son más difíciles de localizar.

• Elija nombres de grupos significativos que describan con claridad y precisión su contenido. Los nombres deben ser específicos, pero no genéricos.

• Elija nombres de grupos que reflejen su finalidad. Considera los objetivos o tareas asociados a los mandos del grupo.

• Evite usar gerundios (nombres que acaben en "-ndo"). Sin embargo, puede utilizar gerundios si el verbo del que se deriva el gerundio puede resultar confuso. Por ejemplo, utilice "Editar" y "Probar" en lugar de "Editar" y "Probar".

• No utilices nombres de grupo que coincidan con los nombres de las pestañas. Utilizar el nombre de la pestaña en la que está el grupo no proporciona ninguna información, y utilizar el nombre de una pestaña diferente es confuso.

• Preferir los nombres en singular. Sin embargo, puede utilizar un nombre pural si el nombre singular le resulta incómodo.

• Utilice mayúsculas como en las frases.

• No utilice la puntuación final.

Comando de etiquetas

• Etiquete todos los comandos. Disponer de etiquetas de texto explícitas ayuda a los usuarios a encontrar y comprender los comandos. Excepción: Un comando puede no estar etiquetado si su icono es muy conocido y el espacio es escaso. Lo más probable es que los comandos no etiquetados se encuentren en la pestaña Inicio. En este caso, asigne su propiedad Nombre a una etiqueta de texto adecuada. Esto permite a los productos de tecnología asistida, como los lectores de pantalla, proporcionar a los usuarios información alternativa sobre el gráfico.
• Para los botones de comando, utilice una etiqueta concisa y que se explica automáticamente. Utilice una sola palabra si es posible; cuatro palabras como máximo.
• Para las listas desplegables, si la lista siempre tiene un valor, utilice el valor actual como etiqueta.
• 
  If an lista desplegable modificable no tiene un valor, use una búsqueda.
• Las listas desplegables que no se explican por sí mismas o se utilizan con poca frecuencia necesitan una etiqueta explícita. Ponga dos puntos al final de la etiqueta.
• <br.>Para los cuadros de texto, utilice una etiqueta explícita. Ponga dos puntos al final de la etiqueta.
• Utilice mayúsculas y minúsculas de estilo de oración. Esto es más adecuado para el tono de Windows.
• Empiece la etiqueta con un verbo imperativo. a menos que coincida con el nombre de la pestaña o del grupo o con un verbo común como Mostrar, Crear, Insertar o Formato.
• No utilice la puntuación final.
• Para ahorrar espacio, no ponga elipses en las etiquetas de los comandos de la cinta de opciones. Sin embargo, las elipses son utilizadas por los comandos del botón Aplicación y los menús desplegables.

Etiquetas de información sobre herramientas mejoradas

• Utilice el título para dar el nombre del comando y su tecla de acceso directo, si procede.
• Para el título, no uses puntuación final.
• Comience la descripción con un verbo. Utilice la descripción para ayudar a los usuarios a determinar si una función concreta es la que están buscando. La descripción debe redactarse de forma que complete la frase "Esta es la función que debe utilizar si desea...".
• Mantenga la descripción corta. Vaya directo al grano. Los textos largos desalientan la lectura.
• 
  Para los botones divididos, utilice un tooltip diferente para explicar el menú del botón dividido.
• Utilice una descripción complementaria opcional para explicar cómo utilizar el control. Este texto puede incluir información sobre el estado del control (incluida la razón por la que está desactivado) si el propio control no indica el estado. Mantenga este texto corto y utilice un tema de Ayuda para explicaciones más detalladas.
• Para la descripción y la descripción complementaria, utilice frases completas con puntuación final.
• Utilice mayúsculas y minúsculas de estilo de oración.

Etiquetas de botones de aplicación

• captura de pantalla de la opción de impresión rápida seleccionada
  Utilice "Quick" para indicar una versión inmediata de una orden.

• Utilice una elipsis para indicar que un comando requiere más información.

• Utilice mayúsculas como en las frases.

Documentación

Al referirse a las cintas:

• Refiérase a la cinta y sus componentes como cinta, pestañas, grupos y controles. Estos términos no se escriben con mayúsculas.
• Refiérase al botón redondo como botón Aplicación, y al menú que contiene como menú Aplicación.
• Refiérase a la barra de herramientas como Barra de herramientas de acceso rápido.
• Refiérase a las pestañas por su etiqueta y por la palabra pestaña. Utilice el texto exacto de la etiqueta, incluidas las mayúsculas.
• Consulte los comandos por sus etiquetas. Se refiere a los comandos no etiquetados por su nombre. Refiérase a las pestañas por su etiqueta y por la palabra pestaña. Utilice el texto exacto de la etiqueta, pero no incluya la elipsis. No incluya la palabra botón o comando.
• Para describir la interacción del usuario, utilice clic para pestañas y controles. Utilice enter para las listas desplegables editables. No use elegir, seleccionar o escoger.
• Refiérase a los elementos no disponibles como no disponibles, no como atenuados, desactivados o en gris. En la documentación de programación, utilice desactivado.
• Cuando sea posible, formatee las etiquetas del título utilizando negrita. En caso contrario, ponga las etiquetas entre comillas solo si es necesario para evitar confusiones.

Ejemplos:

• En la Casa pestaña haga clic Pegue especial.
• En la Casa pestaña, en la Fuente casilla introduzca "Segoe UI".
• En la Revisar pestaña haga clic Mostrar marca, y después haga clic en Revisores.
• En el Formato etiqueta, en herramientas de imagen, haga clic Comprimir imágenes.