Vínculos de comandos

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.

Con los vínculos de comandos, los usuarios seleccionan una única respuesta a una instrucción principal y, de este modo, pasan al paso siguiente de una tarea.

Los vínculos de comandos tienen una apariencia limpia y ligera que permite etiquetas descriptivas y se muestran con una flecha estándar o un icono personalizado, y una explicación complementaria opcional.

screen shot of a typical command-link dialog box

Un conjunto típico de vínculos de comandos.

Los vínculos de comandos son similares a los botones de radio en que se usan para seleccionar entre un conjunto de opciones relacionadas mutuamente excluyentes. Al igual que los botones de radio, los vínculos de comandos siempre se presentan en conjuntos, nunca individualmente. En apariencia, los vínculos de comandos tienen la apariencia ligera similar a los vínculos normales, sin un marco u otra prestación de clic fuerte. Los vínculos de comandos también son similares a los botones de comando, ya que pueden ser el "botón de comando" predeterminado y pueden tener asignada una clave de acceso. Al igual que los botones de confirmación, al hacer clic, cierran la ventana (para cuadros de diálogo) o avanzan a la página siguiente (para los asistentes y los flujos de páginas).

Nota

Las directrices relacionadas con los vínculos y el diseño se presentan en artículos independientes.

¿Es este el control adecuado?

Para decidirte, intenta responder a estas preguntas:

  • ¿Las opciones son las respuestas a la instrucción principal y están relacionadas con el propósito principal de la ventana o la página? ¿Los usuarios deben responder a ellos para hacer algo que no sea navegar a otra página? Si no es así, use otro control, como botones de comando o vínculos. Los vínculos de comandos no son adecuados para las opciones secundarias o opcionales, ni para la navegación pura.

    screen shot of a personalize control panel item

    Aunque el elemento personalización Panel de control parece que usa vínculos de comandos, las opciones son vínculos normales porque esta página central es para la navegación pura.

  • ¿Se usa el control para elegir una respuesta de un conjunto de respuestas mutuamente excluyentes? Si no es así, usa otro control. Para permitir que los usuarios elijan comandos individuales, use botones de comando o vínculos.

  • En el caso de los cuadros de diálogo, ¿al hacer clic en el control se cierra la ventana? Si no es así, use un control que no requiera cerrar la ventana, como botones de radio, botones de comando o vínculos.

    Incorrecto:

    screen shot of tabbed firewall settings dialog box

    Los vínculos de comandos no se pueden usar en ventanas de propiedades o cuadros de diálogo con pestañas porque al hacer clic en el control se cierra la ventana.

  • En el caso de los asistentes y los flujos de página, ¿al hacer clic en avanzar a la página siguiente sin compromiso? No use vínculos de comandos para confirmar en una tarea; use botones de confirmación en su lugar. Dado que los vínculos de comandos tienen un aspecto similar a los vínculos y los usuarios asocian vínculos con la navegación dentro de un flujo de página, los vínculos no son adecuados para las páginas de confirmación , ya que los usuarios siempre deben poder volver a salir.

  • En el caso de los asistentes y los flujos de página, ¿hay otras páginas que usen vínculos de comandos? Si es así, y todos los demás factores son iguales, prefiere los vínculos de comandos para la coherencia entre páginas.

  • ¿Es el número de respuestas entre dos y cinco? Nunca debería haber un único vínculo de comando. Dado que los vínculos de comandos son controles grandes y el espacio de pantalla usado es proporcional al número de opciones, mantenga el número de respuestas a cinco o menos. Para seis o más opciones, use botones de radio, vínculos regulares o una vista de lista de selección única.

    screen shot of dialog box with list of commands

    En este ejemplo, la característica Reproducción automática de Microsoft Windows usa una vista de lista.

  • ¿Sería una mejor opción una combinación de botones de radio y un botón de confirmación? Los botones de radio son una mejor opción cuando se cumple cualquiera de las siguientes condiciones:

    • Hay una opción predeterminada segura que desea que la mayoría de los usuarios seleccionen. Es menos probable que los usuarios cambien un botón de radio predeterminado que un vínculo de comando predeterminado, especialmente en un asistente, donde los usuarios están acostumbrados a hacer clic en Siguiente para aceptar los valores predeterminados adecuados. Por otro lado, los vínculos de comandos son una mejor opción si desea animar a los usuarios a elegir explícitamente.

    • Los usuarios deben interactuar con las opciones (quizás para ver información adicional) antes de tomar una decisión. Por ejemplo, seleccionar un botón de radio podría mostrar una descripción sobre la opción dinámicamente.

      screen shot of dialog box with radio buttons

      En este ejemplo, al seleccionar un botón de radio se muestra una descripción de la opción.

    • Hay opciones secundarias o relacionadas en la página. Los vínculos de comandos tienden a dominar la página, lo que facilita pasar por alto todo lo demás. Además, una vez que se hace clic en un vínculo de comando, es imposible seleccionar las opciones secundarias.

      Incorrecto:

      screen shot of dialog box with mixed controls

      En este ejemplo, hay dos maneras diferentes de responder a la instrucción principal. No se usó un vínculo de comando para la primera respuesta porque sería difícil seleccionar las opciones secundarias.

      Correcto:

      screen shot of dialog box with same controls

      En este ejemplo, los botones de radio hacen que las respuestas sean claras, al tiempo que permiten a los usuarios seleccionar opciones secundarias.

  • En el caso de los cuadros de diálogo, ¿sería mejor elegir un grupo de botones de confirmación? Los vínculos de comandos funcionan mejor cuando las opciones requieren respuestas más largas, más explicativas y explicaciones complementarias, pero un grupo de botones de confirmación es una mejor opción si hay algunas opciones sencillas.

    Incorrecto:

    screen shot of dialog box with save and don't save

    En este ejemplo, el uso de vínculos de comandos para comandos simples hace que el cuadro de diálogo sea innecesariamente complicado.

    Correcto:

    Screenshot that shows a dialog box with 'Save', 'Don't save', and 'Cancel' commit buttons.

    En este ejemplo, el uso de botones de confirmación simples llega directamente al punto.

    Sin embargo, los vínculos de comandos autoexplicativos siempre son una mejor opción cuando se usa texto para explicar los botones de confirmación.

    Incorrecto:

    screen shot of dialog box with unnecessary text

    En este ejemplo, se usa texto para explicar los botones de confirmación.

    Correcto:

    screen shot of labels that don't need more text

    En este ejemplo, los vínculos de comandos son autoexplicativos.

Nota

Los vínculos de comandos requieren Windows Vista o posterior, por lo que no son adecuados para versiones anteriores de Windows. Puede usar vínculos normales como sustituto.

screen shot of regular links with icons and text

En este ejemplo, los vínculos normales con un icono y una explicación complementaria se usan como sustituto de los vínculos de comandos en Windows XP.

Conceptos de diseño

Solo porque los vínculos de comandos permiten usar etiquetas más descriptivas y explicaciones complementarias opcionales no significa que deba. Considere el ejemplo siguiente:

Incorrecto:

screen shot of dialog box with too much text

Este cuadro de diálogo se está comunicando demasiado.

Este cuadro de diálogo toma una pregunta simple y lo complica innecesariamente con el texto del vínculo de comando. Los usuarios no quieren leer todo ese texto para preguntas tan sencillas.

Podemos simplificar este cuadro de diálogo aplicando tres directrices de vínculo de comandos:

  • No use una explicación complementaria que sea una restatez de palabras del vínculo de comando. Use una explicación complementaria solo cuando no pueda hacer que un vínculo de comando se explique por sí mismo. Proporcionar una explicación complementaria para un vínculo de comando no significa que tenga que proporcionarlos para todos los comandos.
  • Seleccione la opción más segura (para evitar la pérdida de datos o acceso al sistema) y la respuesta más segura para que sea el valor predeterminado. Si la seguridad y la seguridad no son factores, seleccione la respuesta más probable o conveniente.
  • Proporcione un botón Cancelar explícito. No use un vínculo de comando para este propósito.

Al aplicar estas directrices, podemos eliminar las explicaciones complementarias innecesarias, hacer que la respuesta más cómoda sea la predeterminada y proporcionar un botón Cancelar explícito.

Mejor:

screen shot of dialog box with commands and labels

Una versión mejorada con vínculos de comandos más sencillos.

Aunque es cierto que esta versión no explica explícitamente que no se guarda como una pérdida, pocos usuarios cambiarán su decisión en función de esta información, lo que hará que esto sea un buen equilibrio.

Este cuadro de diálogo se podría mejorar aún mejor mediante el análisis de si los vínculos de comandos son incluso el control correcto que se va a usar en este caso. Los botones de confirmación son realmente una mejor opción, ya que no se necesitan respuestas más explicativas más largas.

Mejor:

screen shot of dialog box with commit buttons

La versión correcta usa botones de confirmación para llegar directamente al punto.

Los vínculos de comandos tienen muchas ventajas, pero cuando se usan de forma imprudente, conducen a una comunicación excesiva. En el caso de los cuadros de diálogo, considere la posibilidad de usar primero los botones de confirmación y use vínculos de comandos solo si los botones de confirmación no funcionan bien.

Cuando se usa correctamente, los vínculos de comandos deben simplificar y aclarar la interfaz de usuario. Si los resultados son los opuestos, retroceda, revise las alternativas y céntrese en lo que realmente necesita comunicar.

Si sólo haces una cosa... No use vínculos de comandos para la comunicación excesiva. Los vínculos de comandos deben simplificar y aclarar la comunicación, no hacer que sea más complicado.

Patrones de uso

Los vínculos de comandos tienen varios patrones de uso:

Uso Ejemplo
Respuestas de página Los vínculos de comandos se usan para responder a la instrucción principal y avanzar a la página siguiente. con este patrón, los vínculos de comando reemplazan el botón siguiente, pero todavía hay un botón cancelar.
Las respuestas de página no implican compromiso. dado que los vínculos de comandos tienen un aspecto similar a los vínculos y los usuarios asocian vínculos con la navegación dentro de un flujo de página, los vínculos no son adecuados para las páginas de confirmación. los usuarios siempre deben poder volver a salir.
Screenshot that shows a 'Connect to the Internet' dialog box with 'Wireless', 'Broadband (PPPoE)', and 'Dial-up' command links.
En este ejemplo, los vínculos de comandos se usan para proporcionar respuestas descriptivas a la instrucción principal. Aunque los botones de radio se pueden usar aquí, los vínculos de comandos permiten a los usuarios responder con un solo clic.
Respuestas del cuadro de diálogo Los vínculos de comandos se usan para responder a la instrucción principal y cerrar el cuadro de diálogo. con este patrón, los vínculos de comando reemplazan los botones de confirmación (por ejemplo, ok), pero todavía hay un botón cancelar.
A diferencia de los flujos de página, no hay ninguna manera de volver de una respuesta basada en cuadros de diálogo una vez realizada. por lo tanto, los vínculos de comandos del cuadro de diálogo implican compromiso.
screen shot of dialog box with command links
En este ejemplo, los vínculos de comandos se usan para proporcionar respuestas descriptivas a la instrucción principal. Aunque los botones de radio se pueden usar aquí, los vínculos de comandos permiten a los usuarios elegir con un solo clic.
Respuestas detalladas Una respuesta de página o diálogo que incluye información detallada. en ocasiones, es posible que los usuarios necesiten información más detallada para elegir su respuesta.
screen shot of copy file dialog box and thumbnails
En este ejemplo, se usan vínculos de comandos detallados para que los usuarios puedan tomar decisiones informadas. Las miniaturas y los detalles del archivo ayudan a los usuarios a decidir.

Directrices

Interacción

  • Muestra un puntero ocupado si el resultado de hacer clic en un vínculo de comando no es instantáneo. Sin comentarios, es posible que los usuarios supongan que el clic no se ha producido y que vuelve a hacer clic.

Presentación

  • Siempre presenta vínculos de comandos en un conjunto de dos o más. Lógicamente, no hay ninguna razón para formular una pregunta que solo tenga una respuesta.

    Incorrecto:

    screen shot of dialog box with one command link

    En este ejemplo, el cuadro de diálogo parece ofrecer al usuario una opción, pero solo hay una instrucción. Debe ser un cuadro de diálogo informativo en su lugar.

  • Presenta primero los vínculos de comandos más usados. El orden resultante debe seguir aproximadamente la probabilidad de uso, pero también tiene un flujo lógico.

    • Excepción: Los vínculos de comandos que dan lugar a que todo haga todo deben colocarse primero.
  • Proporcione un botón Cancelar explícito. No use un vínculo de comando para este propósito. A menudo, los usuarios se dan cuenta de que no quieren realizar una tarea. El uso de un vínculo de comando para cancelar requeriría que los usuarios lean todos los vínculos de comandos cuidadosamente para determinar qué significa cancelar. Tener un botón Cancelar explícito permite a los usuarios cancelar una tarea de forma eficaz.

    Incorrecto:

    screen shot of dialog box with 'don't exit' link

    En este ejemplo, el vínculo de comando No salir debe ser un botón Cancelar.

  • Si proporciona un botón Cancelar explícito deja un vínculo de comando único, proporcione un vínculo de comando para cancelar y un botón Cancelar. Al hacerlo, queda claro que los usuarios tienen una opción. Frase de este vínculo de comando en términos de cómo difiere de la primera respuesta, en lugar de simplemente "Cancelar" o alguna variación.

    screen shot of two links and a cancel button

    En este ejemplo, el segundo vínculo de comando indica que el usuario tiene una opción, pero todo lo que hace es cancelar. Sin embargo, se dice en términos de cómo difiere del primer vínculo de comando.

  • Use Close en lugar de Cancelar si no puede devolver el entorno a su estado anterior, dejando ningún efecto secundario.

  • No muestre vínculos de comandos deshabilitados. Si un vínculo de comando no se aplica al contexto actual, quítelo en su lugar. Si al quitar todos los vínculos de comandos que no se aplican, se deja un vínculo de comando único, se elimina la ventana o la página, o se muestra una confirmación si se necesita consentimiento explícito del usuario.

Iconos

  • Todos los vínculos de comandos necesitan un icono. Los iconos ayudan a los usuarios a distinguir vínculos de comandos de vínculos normales y texto de la interfaz de usuario.

  • Use el icono de flecha solo para los vínculos de comandos. Los vínculos normales no deben usar el icono de flecha a menos que se usen como sustituto de los vínculos de comandos en Windows XP.

  • Use el icono de escudo de seguridad para indicar que una respuesta requiere elevación inmediata. Para obtener instrucciones adicionales sobre el uso del icono de escudo de seguridad, consulte control de cuentas de usuario.

  • Use iconos personalizados solo si ayudan a los usuarios a identificar y diferenciar visualmente las opciones. No use iconos personalizados si no son inmediatamente reconocibles ni significativos.

    Incorrecto:

    screen shot of two command links with custom icons

    En este ejemplo, los iconos personalizados no son inmediatamente reconocibles.

  • Para iconos personalizados, use iconos de 16 x 16 o 32 x 32 píxeles. Use los iconos más grandes si hay suficiente espacio y se benefician visualmente del tamaño mayor. Si necesita superposiciones de escudo de seguridad, use iconos de 32 x 32 o 48 x 48 píxeles.

    screen shot of three command links with icons

    En este ejemplo se usan iconos personalizados de 32 x 32 píxeles.

    screen shot of two command links with larger icons

    En este ejemplo se usan iconos personalizados de 48 x 48 píxeles, con una superposición de escudo de seguridad.

  • Evite mezclar iconos personalizados con el icono de flecha estándar en una ventana o una página. Si usa un icono personalizado en una superficie, intente usar todos los iconos personalizados. Sin embargo, prefiere el icono de flecha estándar sobre iconos personalizados sin significado.

Valores predeterminados

  • Seleccione el valor más seguro (para evitar la pérdida de datos o acceso al sistema) y la respuesta más segura para que sea el valor predeterminado. Si la seguridad y la seguridad no son factores, seleccione la respuesta más probable o conveniente.
  • Cuando sea práctico, haga que la primera respuesta sea la opción predeterminada porque los usuarios suelen esperar que, a menos que ese orden no sea lógico.
  • En el caso de los cuadros de diálogo, no convierta en una acción destructiva el vínculo de comando predeterminado a menos que haya una manera fácil de deshacer la acción.

screen shot of command-link sizing and spacing

Etiquetas

Nota

Dado que los vínculos de comandos son respuestas a una instrucción principal, debe elaborar una buena instrucción principal antes de determinar sus respuestas.

Etiquetas de vínculo de comandos

  • Elija una etiqueta concisa que comunique claramente y diferencie lo que hace el vínculo de comando. Debe ser autoexplicativo y corresponder a la instrucción principal. Centre las etiquetas en las diferencias entre las respuestas. Los usuarios no deben tener que averiguar qué significa realmente el vínculo de comando o cómo difiere de otros vínculos de comandos.

    Incorrecto:

    screen shot of a redundant command link

    En este ejemplo, ¿cuál es la diferencia entre la segunda y la tercera respuesta? ¿No te alegra que haya un botón Cancelar?

  • Centrar las etiquetas de vínculo de comandos en ayudar a los usuarios a tomar la decisión correcta. Omita los detalles que no afectan a la elección. Las etiquetas no tienen que ser una especificación completa de lo que ocurrirá.

  • Inicie los vínculos de comando con un verbo. Sin embargo, no use clic, ya que la etiqueta debe comunicar lo que hace el vínculo de comando, no cómo funciona.

    • Excepción: Si todos los vínculos de comandos comienzan con el mismo verbo o frase, elimine el verbo o frase redundante.
  • En general, use expresiones positivas (proporcionando una opción para hacer algo). La expresión negativa (proporcionar una opción para no hacer algo) es aceptable si hace que las etiquetas sean más fáciles de entender.

  • Use expresiones paralelas y etiquetas de una sola línea. Las etiquetas largas desalentan la lectura y no deben ser necesarias. Además, las etiquetas de tamaño moderado son más fáciles de consultar en la documentación.

  • Use mayúsculas de estilo de frase.

  • No use la puntuación final a menos que la etiqueta sea una pregunta.

  • Asigne una clave de acceso única. Para obtener instrucciones, consulte Teclado.

  • No use puntos suspensivos. Los puntos suspensivos significan que es posible que se necesite más información para realizar la acción. Los vínculos de comandos usados correctamente no necesitan puntos suspensivos porque tienen un efecto inmediato.

  • Si se recomienda encarecidamente una respuesta, agregue "(recomendado)" a la etiqueta. Asegúrese de agregar a la etiqueta, no a la explicación complementaria.

  • Si una respuesta solo está pensada para usuarios avanzados, considere la posibilidad de agregar "(avanzado)" a la etiqueta. Asegúrese de agregar a la etiqueta, no a la explicación complementaria.

Propina: Puede evaluar los vínculos de comandos imaginando que un amigo indicó la instrucción principal y respondió con los vínculos de comando. Si responder con los vínculos de comandos sería poco natural o incómodo, revise los vínculos de comandos y, posiblemente, la instrucción principal.

Explicaciones complementarias

  • Si un vínculo de comando requiere una explicación adicional, proporcione una explicación complementaria. Las explicaciones complementarias describen por qué los usuarios pueden querer elegir una respuesta o qué ocurre si se elige una respuesta.

    screen shot of text describing results of option

    En este ejemplo, la explicación complementaria describe las implicaciones de la opción.

  • No use una explicación complementaria que sea restatemento de palabras del vínculo de comando. Use una explicación complementaria solo cuando no pueda hacer que un vínculo de comando se explique automáticamente. Proporcionar una explicación complementaria para un vínculo de comando no significa que tenga que proporcionarlos para todos.

  • Céntrese en explicaciones complementarias sobre cómo ayudar a los usuarios a tomar la decisión correcta. Omita los detalles que no afectan a la elección. Las explicaciones complementarias no tienen que ser una especificación completa de lo que ocurrirá.

  • Use expresiones paralelas y, como máximo, tres líneas de texto. Las explicaciones complementarias largas desalentan la lectura y no deben ser necesarias.

  • Use oraciones completas y puntuación final.

Etiquetas de grupo de vínculos de comandos

  • No use etiquetas de grupo. Las instrucciones principales actúan como la etiqueta de grupo para los vínculos de comandos.

Documentación

Al hacer referencia a vínculos de comandos:

  • Use el texto exacto de la etiqueta, incluida su mayúscula, pero no incluya el carácter de subrayado de la tecla de acceso.
  • Si la etiqueta incluye un nombre de objeto, omita el nombre del objeto o use el texto del marcador de posición.
  • Para describir la interacción del usuario, use click.
  • Cuando sea posible, dé formato a la etiqueta con texto en negrita. De lo contrario, coloque la etiqueta entre comillas solo si es necesario para evitar confusiones.

Ejemplos: Para copiar la imagen, haga clic en Copiar y reemplazar.

Haga clic en Restablecer el adaptador de red. (Para un vínculo de comando con la etiqueta "Restablecer el nombre del adaptador de red").