Background Image
BUSINESS PROCESS TRANSFORMATION

Mejor diseño de Power Apps

Rob Ulaszek headshot

June 8, 2022 | 5 Minuto(s) de lectura

Como parte de Microsoft Power Platform, Power Apps cumple la promesa de ahorrar tiempo y gastos de los esfuerzos de desarrollo tradicionales al permitir a los no desarrolladores crear rápidamente aplicaciones útiles dentro del entorno de Microsoft 365. Desafortunadamente, los méritos de este enfoque pierden un poco de su brillo cuando el producto final no tiene una buena apariencia o no es fácil de usar. Los beneficios se desvanecen aún más si una arquitectura técnica rudimentaria hace más difícil crear coherencia o acomodar los cambios inevitablemente solicitados.

Entonces, ¿cómo encontrar el punto medio entre los puntos débiles de una aplicación básica y los gastos de un desarrollo completo? La respuesta: adoptar el diseño. Incluso un modesto esfuerzo por incorporar principios y buenas prácticas de diseño arquitectónico, interfaz de usuario y experiencia de usuario (UX) dará sus frutos cuando su Power App sea más intuitiva y coherente. También será más fácil de soportar y mantener.

Better Power Apps by Design - Body Image

Diseño UI/UX para Power Apps

La clave de un buen diseño UI/UX es empatizar con los usuarios: empiece por esforzarse por comprender lo que necesitan conseguir y por qué es importante. Define la aplicación para ayudar a los usuarios a lograr sus objetivos, itera para encontrar patrones que tengan sentido y haz pruebas siempre que sea posible con las partes interesadas y los usuarios para asegurarte de que la aplicación va por buen camino.

Colabora

Man Writing on Whiteboard

El diseñador de UX y el desarrollador de Power App deben colaborar desde el principio entrevistando juntos a las partes interesadas del cliente. La creación y revisión conjunta de esquemas y flujos de usuario de baja fidelidad filtrará las numerosas opciones de control y componentes que ofrece Power Apps y ayudará a encontrar soluciones únicas que ofrezcan la mejor experiencia posible a los usuarios.

Crear coherencia y encontrar el "camino feliz

Dado que la coherencia es la clave de una gran experiencia, cree plantillas de diseño de página con un flujo coherente para guiar a los usuarios por el camino deseado. Mantenga todos los menús y controles en lugares familiares y establezca patrones coherentes para que los usuarios sepan qué esperar a continuación, eliminando el miedo y la duda. La página camino feliz para los usuarios finales es el camino más fácil y rápido hacia el objetivo final. Reduzca el desorden y los clics o toques adicionales para crear una experiencia de interfaz intuitiva y presione para encontrar más eficiencias en cada paso. Pregúntese siempre si puede ser aún más fácil y rápido.

Prototipos y opiniones

Power Apps facilita la creación rápida de prototipos y la creación de algo que parezca realista para encontrar fallos y mejorar la experiencia en cada paso del proceso. De este modo, se reduce el trabajo desechable y se consigue un proceso más ágil que hace más hincapié en la comunicación que en la documentación: siempre es más fácil mostrar que describir cómo va a funcionar. Haz que las partes interesadas y los usuarios participen desde el principio y con frecuencia para probar el prototipo, observar cómo realizan tareas básicas y obtener sus comentarios. Perfeccione y repita el proceso para crear una aplicación que pueda estar seguro de que satisface sus necesidades.

Diseño arquitectónico para aplicaciones potentes

Person Typing on Laptop

Un buen diseño arquitectónico adopta patrones y técnicas que proporcionan flexibilidad y facilitan el mantenimiento. Aunque puede que consigas una victoria con una solución rápida y sucia, merece la pena ser minucioso para que tu enfoque pueda resolver el problema inmediato, así como los que puedan surgir en el futuro.

Sea selectivo

Un gran poder conlleva una gran responsabilidad: hay más de sesenta controles disponibles en el entorno de desarrollo de Power Apps. El reto consiste en seleccionar los adecuados y configurarlos para que cumplan sus requisitos. Una Power App de calidad utilizará menos de diez controles diferentes, agrupados en componentes para crear sofisticación. Aunque es posible ampliar el conjunto de controles de Power Apps, procure utilizar lo que está disponible para evitar problemas de personalización.

Piensa globalmente

Utilice estilos globales para facilitar la aplicación coherente de los cambios cuando se produzcan: cambie la fuente y el tamaño una vez en una etiqueta de campo con estilo global en lugar de tener que buscar docenas de elementos individuales con estilo manual. Agrupe los controles en componentes globales para mejorar la coherencia, la escalabilidad y la reutilización. Esto también ayuda a eliminar el código duplicado y facilita la aplicación uniforme de cualquier cambio lógico.

Separar preocupaciones

Power Apps ofrece la posibilidad de generar pantallas de aplicación a partir de la estructura de las fuentes de datos subyacentes y una práctica habitual es utilizar una lista de SharePoint para almacenar registros de datos. Esto puede proporcionar una gran ventaja, pero si el registro tiene muchos campos, la interfaz generada y el proceso de guardado estándar pueden resultar engorrosos. En este caso, un mejor enfoque es permitir que la interfaz de usuario divida el proceso en pasos lógicos digeribles y utilizar una técnica de guardado atómico para guardar el registro utilizando una serie de pequeñas actualizaciones independientes. Separar las preocupaciones proporciona una mejor experiencia de usuario al garantizar que las necesidades del usuario tienen prioridad sobre cualquier detalle o limitación técnica subyacente.

Obtención de resultados con Power Apps

Woman Holding Phone

Recientemente, un cliente solicitó ayuda para crear una pequeña aplicación móvil que, según las estimaciones, supondría un esfuerzo de ocho semanas utilizando un proceso de desarrollo tradicional. Con la esperanza de conseguirlo por menos tiempo, descubrimos que Power Apps podía utilizarse para proporcionar una aplicación funcional en sólo una semana. Una vez en marcha, quedó claro que el enfoque básico iba a proporcionar una solución que no cumpliría las expectativas del usuario final. Se llegó a un compromiso para añadir recursos técnicos y de UX/UI que trabajaran en colaboración para mejorar el enfoque de Power Apps. El esfuerzo del proyecto se amplió a tres semanas, pero la adopción del diseño acabó creando un producto final muy superior con la aceptación de todos los implicados.

Elementos clave del éxito

  • Trabajar con el patrocinador del proyecto para comprender el valor posible de una inversión ligeramente mayor.

  • Comprometerse a utilizar las características y funcionalidades OOTB de forma inteligente y eficiente.

  • Implicar a recursos de diseño técnico y UX/UI experimentados

  • Asegúrese de que los recursos y las partes interesadas puedan colaborar sin fricciones.

  • Iterar con frecuencia para revisar periódicamente los progresos y realizar pruebas con las partes interesadas y los usuarios finales.

Conclusiones

Añadir un proceso centrado en el diseño y recursos técnicos y de UI/UX experimentados a un proyecto de Power Apps proporcionará un ROI sustancial. Aunque se trata de una inversión cada vez mayor que el enfoque básico, sigue siendo mucho menor que el modelo de desarrollo tradicional, y la creación de una aplicación mejor que sea más fácil de usar y mantener beneficia a todos. Al igual que Power Apps aumenta el valor de Microsoft 365, adoptar el diseño aumenta el valor que Power Apps puede proporcionar a su organización.

Business Process Transformation
Application Modernization
Microsoft

Reflexiones más recientes

Explore las entradas de nuestro blog e inspírese con los líderes de opinión de todas nuestras empresas.
Asset - Lead with Purpose: A Guide to Delegation Image 1
LIDERAZGO

Dirigir con determinación: Guía para delegar

Una guía para empezar a delegar cuando no sabes por dónde empezar como nuevo líder.