Conceptos básicos de comandos

En una aplicación de Windows, los elementos de comando son elementos interactivos de la interfaz de usuario que permiten a los usuarios realizar acciones como enviar un correo electrónico, eliminar un elemento o enviar un formulario. Interfaz de comandos se compone de elementos de comando comunes, las superficies de comando que los hospedan, las interacciones que las admiten y las experiencias que proporcionan.

Proporcionar la mejor experiencia de comandos

El aspecto más importante de una interfaz de comandos es lo que está intentando permitir que un usuario realice. A medida que planee la funcionalidad de la aplicación, tenga en cuenta los pasos necesarios para realizar esas tareas y las experiencias de usuario que desea habilitar. Una vez que haya completado un borrador inicial de estas experiencias, puede tomar decisiones sobre las herramientas e interacciones para implementarlas.

Estas son algunas experiencias comunes de comandos:

• Envío o presentación de información
• Selección de opciones y configuración
• Búsqueda y filtrado de contenido
• Apertura, guardado y eliminación de archivos
• Edición o creación de contenido

Sea creativo con el diseño de sus experiencias de comando. Elija qué dispositivos de entrada admite la aplicación y cómo responde la aplicación a cada dispositivo. Al admitir la gama más amplia de funcionalidades y preferencias que haces que tu aplicación sea tan utilizable, portátil y accesible como sea posible (consulta Diseño de comandos para aplicaciones de Windows para obtener más detalles).

Elegir los elementos de comando adecuados

El uso de los elementos adecuados en una interfaz de comandos puede marcar la diferencia entre una aplicación intuitiva y fácil de usar y una aplicación difícil y confusa. Hay un conjunto completo de elementos de comando disponibles en la aplicación de Windows. Esta es una lista de algunos de los elementos de comandos de UWP más comunes.

Botones

Botones desencadenan una acción inmediata. Algunos ejemplos incluyen enviar un correo electrónico, enviar datos de formulario o confirmar una acción en un cuadro de diálogo.

Listas

Listas presentan elementos en una lista interactiva o una rejilla. Normalmente se usa para muchas opciones o elementos de visualización. Algunos ejemplos son la lista desplegable, el cuadro de lista, la vista de lista y la vista de cuadrícula.

imagen de control de selección

Controles de selección

Permite a los usuarios elegir entre algunas opciones, como al completar una encuesta o configurar la configuración de la aplicación. Algunos ejemplos son CheckBox, RadioButtony interruptor.

Calendario, selectores de fecha y hora

Calendario y selectores de fecha y hora permiten a los usuarios ver y modificar información de fecha y hora, por ejemplo, al crear un evento o al configurar una alarma. Algunos ejemplos son el selector de fechas del calendario, la vista de calendario, el selector de fecha y el selector de hora.

entrada de texto predictivo

Proporciona sugerencias a medida que los usuarios escriben, como al escribir datos o realizar consultas. Entre los ejemplos se incluyen AutoSuggestBox.

Para obtener una lista completa, consulte Controles y elementos de la interfaz de usuario.

Colocar comandos en la superficie adecuada

Puede colocar elementos de comando en varias superficies de la aplicación, incluidos el lienzo de la aplicación o contenedores de comandos especiales, como una barra de comandos, un control flotante de la barra de comandos, una barra de menús o un cuadro de diálogo.

Intente siempre permitir que los usuarios manipulen contenido directamente en lugar de a través de comandos que actúan en el contenido, como arrastrar y colocar para reorganizar elementos de lista en lugar de botones de comando arriba y abajo.

Sin embargo, es posible que esto no sea posible con determinados dispositivos de entrada o cuando se adapta a preferencias y capacidades específicas del usuario. En estos casos, proporcione tantas prestaciones de comandos como sea posible y coloque estos elementos de comando en una superficie de comandos de la aplicación.

Esta es una lista de algunas de las superficies de comandos más comunes.

lienzo de la aplicación (área de contenido)

Si un comando es constantemente necesario para que los usuarios completen los escenarios principales, colóquelo en el lienzo. Dado que puede colocar comandos cerca (o en) de los objetos que afectan, colocar comandos en el lienzo hace que sean fáciles y obvios de usar. Sin embargo, elija los comandos que coloque cuidadosamente en el lienzo. Hay demasiados comandos en el lienzo de la aplicación que ocupan un espacio de pantalla valioso y pueden sobrecargar al usuario. Si el comando no se usará con frecuencia, considere la posibilidad de colocarlo en otra superficie de comandos.

Barras de comandos y barras de menú

Las barras de comandos ayudan a organizar los comandos y a facilitar su acceso. Las barras de comandos se pueden colocar en la parte superior de la pantalla, en la parte inferior de la pantalla o en la parte superior e inferior de la pantalla (también se puede usar una barra de menús cuando la funcionalidad de la aplicación es demasiado compleja para una barra de comandos).

Menús y menús contextuales

Los menús y los menús contextuales ahorran espacio organizando comandos y ocultándolos hasta que el usuario los necesite. Normalmente, los usuarios acceden a un menú o menú contextual haciendo clic en un botón o haciendo clic con el botón derecho en un control.

El CommandBarFlyout es un tipo de menú contextual que combina las ventajas de una barra de comandos y un menú contextual en un solo control. Puede proporcionar accesos directos a acciones usadas habitualmente y proporcionar acceso a los comandos secundarios que solo son relevantes en determinados contextos, como el Portapapeles o comandos personalizados.

UWP también proporciona un conjunto de menús tradicionales y menús contextuales; para obtener más información, consulta Menús y menús contextuales.

Proporcionar comentarios sobre comandos

La retroalimentación de comandos comunica a los usuarios que se detectó una interacción o un comando, cómo se interpretó y gestionó el comando y si el comando tuvo éxito o no. Esto ayuda a los usuarios a comprender lo que han hecho y lo que pueden hacer a continuación. Lo ideal es que los comentarios se integren de forma natural en la interfaz de usuario, por lo que los usuarios no tienen que interrumpirse o tomar medidas adicionales a menos que sea absolutamente necesario.

Nota:

Proporcione comentarios solo cuando sea necesario y solo si no está disponible en otro lugar. Mantenga la interfaz de usuario de la aplicación limpia y desordenada a menos que agregue valor.

Estas son algunas maneras de proporcionar comentarios en la aplicación.

barra de comandos

El área de contenido de CommandBar es un lugar intuitivo para comunicar el estado a los usuarios si quieren ver comentarios.

menús desplegables

Menús desplegables son elementos emergentes contextuales ligeros que se pueden descartar pulsando o haciendo clic en algún lugar fuera del menú desplegable.

Imagen de cuadro de diálogo

Controles de cuadro de diálogo

Los controles de diálogo son superposiciones de interfaz de usuario modales que proporcionan información contextual de la aplicación. En la mayoría de los casos, los diálogos bloquean las interacciones con la ventana de la aplicación hasta que se descartan explícitamente y, a menudo, solicitan algún tipo de acción del usuario. Los diálogos pueden ser perjudiciales y solo deben usarse en determinadas situaciones. Para obtener más información, consulta la sección Cuándo confirmar o deshacer acciones .

Sugerencia

Tenga cuidado de cuánto usa la aplicación los diálogos de confirmación; pueden ser muy útiles cuando el usuario comete un error, pero son un obstáculo cada vez que el usuario intenta realizar una acción intencionadamente.

Cuándo confirmar o deshacer acciones

Independientemente de lo bien diseñado que sea la interfaz de usuario de la aplicación, todos los usuarios realizan una acción que desean que no lo hubieran hecho. La aplicación puede ayudar en estas situaciones mediante la confirmación de una acción o proporcionando una manera de deshacer acciones recientes.

En el caso de las acciones que no se pueden deshacer y que tienen consecuencias importantes, se recomienda usar un cuadro de diálogo de confirmación. Entre los ejemplos de estas acciones se incluyen:

• Sobrescribir un archivo
• No guardar un archivo antes de cerrar
• Confirmación de la eliminación permanente de un archivo o datos
• Realizar una compra (a menos que el usuario opte por no solicitar una confirmación)
• Enviar un formulario, como registrarse para algo

Para las acciones que se pueden deshacer, ofrecer un comando de deshacer simple suele ser suficiente. Entre los ejemplos de estas acciones se incluyen:

• eliminar un archivo
• Eliminar un correo electrónico (no permanentemente)
• Modificar contenido o editar texto
• cambiar el nombre de un archivo

Optimización para tipos de entrada específicos

Consulte el de información básica de interacción de para obtener más información sobre la optimización de experiencias de usuario en torno a un tipo de entrada o dispositivo específico.