Compartir a través de


Recomendaciones para priorizar la facilidad de uso

Se aplica a esta recomendación de lista de comprobación de optimización de experiencia de buena arquitectura de Power Platform:

XO:04 Priorice la facilidad de uso durante el proceso de diseño. Minimice el esfuerzo del usuario y maximice la eficiencia de las tareas. Agilice procesos complejos. Alinee las decisiones de diseño con las necesidades del usuario.

Esta guía describe las recomendaciones para mejorar la usabilidad en el diseño de la interfaz de usuario. La usabilidad se refiere a la facilidad de uso y eficacia de un producto para sus usuarios previstos. La usabilidad afecta directamente a la satisfacción del usuario, a los errores y a las interacciones generales con la interfaz digital, lo que en última instancia afecta al éxito general de una aplicación.

Estrategias clave de diseño

La usabilidad es un atributo de calidad que evalúa la facilidad de uso de las interfaces de usuario. La palabra "usabilidad" también se refiere a métodos para mejorar la facilidad de uso durante el proceso de diseño.

La usabilidad está definida por cinco componentes de calidad:

Componente Description
Capacidad de aprendizaje ¿Con qué facilidad se pueden realizar las tareas la primera vez y con qué rapidez aprenden los usuarios de su experiencia previa?
Eficacia Una vez que los usuarios han aprendido el diseño, ¿con qué rapidez pueden realizar las tareas?
Memorización Cuando los usuarios regresan al diseño después de un período de no usarlo, ¿con qué facilidad pueden restablecer su competencia?
Errores ¿Cuántos errores cometen los usuarios, cuál es su gravedad y con qué facilidad pueden recuperarse de ellos?
Satisfacción ¿Cómo de agradable es utilizar el diseño?

Visibilidad de estado del sistema

El sistema siempre debe mantener informados a los usuarios sobre lo que está sucediendo, mediante comentarios adecuados en un tiempo razonable.

Muestre detalles importantes sobre el estado actual del sistema en ubicaciones claras e intuitivas. Por ejemplo, si se seleccionan elementos de una lista, se debe mostrar el número de elementos seleccionados.

Captura de pantalla que muestra el número de elementos seleccionados.

Utilice indicadores de progreso o animaciones de carga para asegurar a los usuarios que su solicitud se está procesando. Estos indicadores visuales previenen la frustración por la incertidumbre y ayudan a administrar las expectativas. Sin ellos, los usuarios podrían percibir que el sistema es lento o no responde y abandonar la tarea.

Las actualizaciones en tiempo real mantienen a los usuarios interesados ​​e informados sobre el resultado de sus acciones. Utilice mensajes de estado o notificaciones para comunicar claramente acciones correctas o errores. Es común enviar notificaciones cuando se completan trabajos asincrónicos y los usuarios deben saber cuándo deben estar atentos a una notificación.

Incorpore indicadores codificados por colores en diferentes estados para un rápido reconocimiento y comprensión del estado del sistema. El color se procesa más rápido que el texto, lo que facilita que el usuario comprenda la información rápidamente.

Reflejar el mundo real

El sistema debe hablar el idioma de los usuarios, utilizando palabras, frases y conceptos que ellos comprendan, en lugar de términos orientados al sistema. Siga las convenciones del mundo real y presente la información en un orden natural y lógico.

Utilice terminología y conceptos que sean familiares para los usuarios y evite jerga que pueda alienarlos. Las personas tienden a comprender rápidamente el propósito y la funcionalidad de un sistema cuando habla su idioma.

Estructure la información del sistema de manera que refleje los escenarios y las convenciones que entienden los usuarios. Presente la información en una secuencia natural y lógica que recuerde procesos familiares o del mundo real para facilitar la adopción de la tecnología en la vida del usuario.

Captura de pantalla de un campo de formulario de dirección de correo electrónico obligatorio, con un correo electrónico escrito incorrectamente, que muestra un error que indica un formato de dirección de correo electrónico incorrecto.

Control y libertad del usuario

Los usuarios pueden seleccionar inadvertidamente las funciones del sistema y necesitarán una "salida de emergencia" claramente marcada para salir del estado no deseado sin navegar a través de un diálogo extendido. Admita las funciones de deshacer y rehacer.

Captura de pantalla de un botón neutral que dice

Cuando sea razonable, admita varios métodos de entrada para adaptarse a usuarios con diferentes preferencias y necesidades de accesibilidad. Los atajos de teclado, los gestos táctiles, los comandos de voz o los clics del mouse garantizan que los usuarios puedan interactuar con la interfaz utilizando su método preferido.

El control granular sobre los datos y la configuración de privacidad es crucial para respetar la autonomía del usuario y generar confianza. Ajustar la configuración de privacidad, eliminar o exportar datos y controlar los permisos de acceso para aplicaciones de terceros garantiza que los usuarios puedan mantener el control sobre su información. Ofrecer explicaciones claras y divulgaciones transparentes sobre las prácticas de recopilación de datos, las medidas de seguridad y los derechos de los usuarios permite la toma de decisiones informadas y promueve la transparencia y la responsabilidad.

Coherencia y estándares

Mantenga la coherencia en el diseño para garantizar que los usuarios puedan reconocer y comprender fácilmente los indicadores de estado, reduciendo la carga cognitiva y mejorando la usabilidad. Los usuarios no deberían tener que preguntarse si diferentes palabras, situaciones o acciones significan lo mismo.

Si los patrones de experiencia repetibles parecen diferentes, los usuarios tendrán dificultades para interpretar el significado de la variación introducida, lo que generará ineficiencia en la comprensión y la finalización de las tareas. El uso de un conjunto de controles coincidentes ayuda a garantizar que los elementos visuales sean coherentes en todas las pantallas y experiencias.

Captura de pantalla que muestra dos patrones de interfaz de usuario diferentes, uno para abrir la pantalla siguiente con un control de botón y otro para abrir la pantalla con un control de vínculo

Prevención de errores

Incluso mejor que buenos mensajes de error es un diseño cuidadoso que evite que ocurra un problema en primer lugar. Elimine las condiciones propensas a errores o verifíquelas y presente a los usuarios una opción de confirmación antes de confirmar la acción. Aborde de forma proactiva posibles problemas en la interfaz para mantener la continuidad del flujo de trabajo.

Captura de pantalla de una comprobación de validación de formulario de muestra antes del envío

Reconocimiento en lugar de recuerdo

Minimice la carga de memoria del usuario haciendo visibles los objetos, las acciones y las opciones. El usuario no debería tener que recordar información de una parte de la aplicación a otra. Las instrucciones deben ser visibles o fácilmente recuperables cuando sea apropiado.

Al diseñar formularios, considere si proporcionar opciones predefinidas para que los usuarios elijan o permitir la entrada de texto libre. Esta elección puede estar determinada por el tipo de datos, pero también debe pensarse en la capa de la interfaz de usuario. Opte por opciones predefinidas cuando la velocidad y la comodidad sean primordiales, y elija la entrada de texto libre para escenarios que requieran detalles más ricos o respuestas personalizadas.

Proporcione orientación y recursos para evitar la necesidad de recuperar información importante de la memoria. Los patrones de interfaz de usuario comunes incluyen iconos de ayuda contextual, documentación insertada, información sobre herramientas, tutoriales integrados, menús de ayuda a petición, bases de conocimientos con capacidad de búsqueda y widgets de ayuda interactivos, como recursos habilitados para IA.

Captura de pantalla de una comparación entre una lista de verificación con un conjunto de opciones y un conjunto de campos de entrada de texto para la respuesta de texto libre.

Flexibilidad y eficiencia de uso

Tenga en cuenta usuarios de distintos niveles de experiencia incorporando funciones como aceleradores y opciones de personalización. Este enfoque permite que la interfaz se adapte eficazmente a las necesidades y preferencias de usuarios principiantes y expertos.

Los aceleradores, a menudo desapercibidos para los usuarios novatos, pueden acelerar la interacción para los usuarios expertos, lo que permite que el sistema atienda de manera efectiva tanto a los inexpertos como a los experimentados.

Las opciones de personalización permiten a los usuarios adaptar la interfaz a sus preferencias, personalizando la experiencia general. Proporcionar opciones para reorganizar los elementos de la interfaz (por ejemplo, tarjetas del tablero) o crear accesos directos personalizados para características utilizadas con frecuencia mejoran la eficiencia y la comodidad del usuario al navegar por el sistema. Atender a las diversas habilidades y preferencias de los usuarios fomenta un sentido de propiedad e inversión personal en una experiencia.

Captura de pantalla que muestra un panel de filtro con un vínculo a filtros guardados seguido de la experiencia de filtrado principal.

Diseño estético y minimalista

Priorice las actualizaciones de estado claras y enfocadas para que los usuarios comprendan más fácilmente la información de un vistazo. Este enfoque reduce el esfuerzo cognitivo y minimiza el riesgo de interpretaciones incorrectas, frustración o desconexión.

Los diálogos no deben contener información irrelevante o que apenas se necesite. Cada unidad adicional de información en un diálogo compite con las unidades de información relevantes y disminuye su visibilidad relativa.

Captura de pantalla de un cuadro de diálogo con una pregunta procesable sucinta, con un botón principal que dice

Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores

Los mensajes de error deben expresarse en un lenguaje sencillo sin código, indicar con precisión el problema y sugerir una solución de forma constructiva.

Proporcione ayuda u orientación contextual para ayudar a los usuarios a resolver problemas o comprender retardos. Este enfoque ayuda a los usuarios a determinar los próximos pasos apropiados, especialmente cuando se enfrentan a obstáculos o tareas complejas. En lugar de simplemente presentar un problema, ofrezca una solución clara e incorpore funciones integradas para acelerar la resolución.

Captura de pantalla de un mensaje de error con una explicación clara del mensaje y sugerencias para volver a intentarlo.

Ayuda y documentación

Si bien el sistema debe ser lo suficientemente intuitivo como para usarlo sin documentación, puede haber casos en los que se necesiten ayuda y documentación. En tales casos, asegúrese de que la información sea fácil de encontrar, esté orientada a tareas, sea concisa y proporcione instrucciones claras paso a paso.

Captura de pantalla de una interfaz del panel de ayuda a la que se accede desde la barra de comandos superior

Facilitación de Power Platform

Las experiencias mediante Copilot en Power Apps pueden ayudar a los usuarios a descubrir información valiosa durante las conversaciones:

Para aplicaciones de lienzo, puede indicar el progreso y los estados de carga con los controles modernos de barra de progreso y control giratorio. Utilice el control de insignia para mostrar información de estado.

Implemente una gestión sólida de errores en aplicaciones de lienzo en el cliente usando expresiones de Power Fx relacionadas con los errores. Defina errores personalizados del lado del servidor con Power Fx usando complementos con poco código, que incluyen validación previa para la operación.

En aplicaciones basadas en modelo, donde la usabilidad está integrada en la interfaz, concéntrese en configurar aspectos de la experiencia que mejoren la usabilidad. Un ejemplo de un acelerador integrado es la característica vistas personales, que permite a los usuarios guardar preferencias de filtrado y columnas para una tabla en una aplicación. Además, configure páginas de ayuda personalizadas para ofrecer un recurso de ayuda detallado dentro de la aplicación.

Lista de comprobación de optimización de la experiencia