Diseñar una aplicación de Power Apps

Completado

Como creador de aplicaciones, antes de comenzar a crear una solución de Power Apps, le recomendamos pasar por un proceso de diseño. Al diseñar una solución de Power Apps, hay diversos factores que deben tenerse en cuenta, como, por ejemplo:

  • Requisitos empresariales
  • Modelo de datos
  • Experiencia de usuario (UX)
  • Interfaz de usuario (UI)
  • Lógica de negocios
  • Salida

Al pasar por un proceso de diseño sencillo, puede identificar cualquier problema menor antes de que se convierta en un problema más grave una vez que la aplicación se encuentre en la fase de producción. También es importante comprender que este proceso de diseño es para aplicaciones de lienzo.

Por tanto, ¿cómo se puede partir de una simple aplicación de lienzo en blanco, como se muestra a continuación?:

Captura de pantalla de la aplicación de lienzo en blanco en Power Apps Studio.

¿Cómo se puede llegar a una solución de aplicación de lienzo totalmente personalizada?

Captura de pantalla de una aplicación de lienzo en funcionamiento en el estudio de Power Apps.

Comprender las necesidades del usuario

Una de las partes más importantes y, al mismo tiempo, desafiantes de la creación de una aplicación de lienzo es que se comienza con una pantalla en blanco. Esto le permite crear lo que desee, pero para hacerlo tiene que saber lo que quiere.

En muchos casos, al adquirir software para resolver y optimizar soluciones empresariales, hay numerosos procesos empresariales que no se incluyen en las directrices de compatibilidad del software. Cuando se produce este problema, por lo general, se llevan a cabo varias discusiones y reuniones internas para determinar cómo esos procesos no compatibles pueden actualizarse/modificarse con el fin de cumplir los requisitos de software. Para la mayoría de las organizaciones, no es la opción ideal dado el coste o tiempo necesarios para actualizar dichos procesos empresariales. La buena noticia es que al usar Power Apps para crear su solución, no tendrá que preocuparse por las soluciones empresariales no compatibles. ¿Por qué? Con Power Apps, puede crear una solución personalizada adaptada a las necesidades exactas de los requisitos de su empresa.

A menudo, al crear una aplicación, tiene la tentación de recrear exactamente la hoja de papel o el proceso heredado impulsado por software. Esto es posible pero podría no ser la solución ideal. Al cuestionarse el proceso existente y preguntarse qué es lo que la empresa necesita llevar a cabo, y no lo que le permite hacer la hoja de papel o el software antiguo, tiene la posibilidad de usar procesos mejores y más eficaces. Por ejemplo, tal vez en el proceso sobre papel, el usuario tuvo que escribir notas sobre lo que veía. ¿Esta opción sería mejor que hacer una foto? Este tipo de enfoque se traducirá en mejores aplicaciones y mejores resultados.

Requisitos empresariales

Cada aplicación que desarrolle tendrá un conjunto diferente de requisitos empresariales basados en la solución. Dedicar tiempo a pensar en todos los requisitos es clave para implementar una aplicación de producción de éxito.

En función de la solución o las directivas de la empresa, puede tener determinados requisitos de seguridad, privacidad o cumplimiento que debe cumplir. Por ejemplo, supongamos que está recopilando información personal segura en la aplicación. Deberá asegurarse de que esta información se almacene de forma segura y no sea visible para todos.

Durante este proceso, también deseará identificar las normativas gubernamentales o los requisitos de autenticación/autorización (según corresponda). No tiene que tener todas las respuestas a sus preguntas aquí; solo desea conocer todos los requisitos.

Modelo de datos

En el módulo "Tecnologías relacionadas con Power Apps" hemos visto algunos de los orígenes de datos comunes para crear aplicaciones, pero con todas estas opciones, ¿cómo puede decidir qué origen de datos usar para su solución? Tal vez ya tenga implementado un origen de datos con el que los usuarios trabajan diariamente, como SharePoint. ¿Podría usarlo como el origen de datos para crear la aplicación? ¿Necesito conectarme a varios orígenes de datos? Estas son preguntas comunes que debe hacerse y hay varios factores adicionales que hay que tener en cuenta, como, por ejemplo:

  • Requerimientos empresariales: cada origen de datos y su funcionalidad admitida es ligeramente diferente. Por tanto, en función de los requisitos de su aplicación, debe seleccionar el origen de datos que sea compatible con sus necesidades o modificar los requisitos de su empresa para cumplir con la funcionalidad admitida del origen de datos seleccionado.
  • Licencias/coste: algunos orígenes de datos como Microsoft Dataverse o SQL se consideran un "origen de datos Premium". Un origen de datos Premium requerirá que cada usuario que use la aplicación tenga un plan por aplicación de Power Apps o un plan por usuario de Power Apps. Para obtener más información sobre licencias, consulte Precios de Power Apps

Experiencia de usuario (UX)

Al diseñar una solución de Power Apps en una aplicación de lienzo, tiene control completo de la experiencia del usuario final. Esto le permite personalizar completamente casi todos los aspectos de su aplicación. Sin embargo, poder hacerlo no significa necesariamente que tenga que hacerlo. Al diseñar una solución de Power Apps, su objetivo debe ser mantenerla lo más sencilla posible. Cuando los usuarios finales abran la aplicación y comiencen a usarla, deben tener claro en qué opción hacer clic o adónde deben ir. Si la aplicación requiere un amplio programa de formación para que los usuarios entiendan cómo usarla, puede que deba replantearse la aplicación.

Entre los elementos básicos de diseño que querrá considerar se incluyen:

  • Personalización de marca (su logotipo y colores)
  • Ventanas emergentes
  • Ocultar/mostrar botones en función del acceso o permisos de los usuarios

Captura de ventana emergente de una aplicación de encuesta de la clase de formación.

Una de las mejoras más comunes de la experiencia de usuario que puede implementar en sus aplicaciones son las ventanas emergentes. Al implementar ventanas emergentes, puede proporcionar a los usuarios una imagen visual sencilla y a la vez útil para confirmar las opciones en las que el usuario ha hecho clic, o tal vez la ventana emergente actúa como una pantalla de carga a medida que se procesa la lógica en el back-end. Por ejemplo, en la siguiente captura de pantalla cuando un usuario hace clic en "Enviar", podría aparecer una pantalla emergente estándar para informarle de que el envío se ha realizado correctamente.

En esta aplicación de ejemplo, el usuario completa una encuesta sobre la clase de formación a la que acaba de asistir.

Captura de pantalla de una aplicación de encuesta de la clase de formación.

Una vez que se ha escrito correctamente toda la información en el origen de datos, aparecerá una ventana emergente para confirmar que el envío se ha realizado correctamente.

Captura de pantalla de un mensaje de finalización satisfactoria de la aplicación de encuesta.

Sin recibir confirmación, puede que el usuario no esté seguro de que el envío se haya aceptado. Es posible que intente hacer clic en el botón de nuevo, lo que provoca que se escriban datos incorrectos o incoherentes en el origen de datos.

Recuerde que estas no son las únicas personalizaciones que puede hacer en la aplicación; estas son solo algunas de las más comunes. Otro aspecto que hay que tener en cuenta al agregar diferentes características de diseño es que mientras más lógica agregue para la personalización de la aplicación, más código necesitará procesar la aplicación. Por ejemplo, si agrega varias funciones diferentes para ocultar botones o mostrar ventanas emergentes en una pantalla determinada, esto podría hacer que el rendimiento de la aplicación disminuya a medida que se ejecuta cada fragmento de código.

Por último, póngase como reto mejorar la experiencia del usuario. Quizá hoy, el usuario hace clic en un recuadro, cambia el teclado del dispositivo de letras a números y luego escribe "70" para registrar la temperatura ambiente. Una opción mejor puede ser reemplazar este proceso con un control deslizante que esté establecido de forma predeterminada en 70 y oscile entre 65 y 75. Luego, con solo deslizar el dedo, el usuario puede registrar la temperatura. Cambios pequeños similares a este hacen que los usuarios de las aplicaciones estén más satisfechos y sean más productivos.

Interfaz de usuario (UI)

Para visualizar completamente la interfaz de usuario o UI, puede plantearse la creación de un prototipo de su aplicación. A continuación se muestran dos formas comunes de crear un prototipo de su aplicación:

  • Usar Visio para crear un diagrama de contorno reticular. Un contorno reticular es una representación visual de la interfaz de usuario de una aplicación. Para comenzar, hay varios sitios web y plantillas de contorno reticular para móviles disponibles, o puede comenzar a partir de una plantilla en blanco. Los diagramas son una forma rápida de mostrar la funcionalidad de la aplicación y obtener el consenso del equipo sobre el diseño.

En el siguiente ejemplo se muestra un contorno reticular simple de Visio de una pantalla Comprar artículos de una aplicación de inventario.

Ejemplo de captura de pantalla de un contorno reticular de Visio.

  • Utilice Power Apps para crear un prototipo de su aplicación. Puede agregar la mayoría de los controles, gráficos, formularios y otros elementos a las pantallas de la aplicación, y jugar con el diseño y el tamaño de cada elemento como si estuviera creando realmente la aplicación. Al diseñar la UI, no necesita agregar la lógica que rige en los diversos elementos que colocó en la pantalla. El objetivo es centrarse en cómo se vería la aplicación y cómo podría funcionar. Es similar a lo que puede hacer con un contorno reticular de Visio, pero una de las mayores ventajas de seguir este proceso es que obtendrá más experiencia trabajando con Power Apps, y también descubrirá los diversos elementos de la UI disponibles en el proceso. Cuando comience con la producción de la aplicación, podrá aprovechar toda la experiencia y el conocimiento que ha obtenido al crear un prototipo de su aplicación en Power Apps. Otra ventaja considerable de usar Power Apps para su prototipo es que si se lo muestra a su equipo y les gusta lo que ha hecho, puede seguir creando esta aplicación o crear una aplicación nueva y copiar los elementos que desea conservar en la otra aplicación. Al no tener que rehacer la UI o solo rehacer partes de ella, podría ahorrarse horas de trabajo.

En el siguiente ejemplo se muestra un prototipo simple de una pantalla Nuevo pedido de compra.

Captura de pantalla de un prototipo de una nueva aplicación de pedido de compra.

En realidad, tiene que ver sus preferencias y el confort con el software que elija para crear el prototipo. También debe tener en cuenta las licencias y los costes al tomar esta decisión. Visio requiere otras licencias para obtener la funcionalidad completa necesaria para crear un diagrama de contorno reticular. No obstante, con Power Apps, no importa la licencia que se tenga. Siempre que tenga Power Apps (y permisos suficientes en su entorno), podrá crear aplicaciones y prototipos de aplicaciones.

A medida que diseña la interfaz de usuario, algunos aspectos adicionales en los que debe pensar son la accesibilidad y la localización. Es importante asegurarse de que la interfaz de la aplicación siga las directrices de accesibilidad para que todos los usuarios puedan interactuar con la aplicación sin ningún tipo de problema. Para revisar estas directrices y otras propiedades de accesibilidad, consulte Crear aplicaciones de lienzo accesibles en Power Apps.

La localización también puede ser una opción que debe tener en cuenta al desarrollar su aplicación. En función de dónde se use la aplicación, es posible que deba usar diferentes signos de puntuación. Por ejemplo, algunas regiones del mundo usan un . (punto) como separador decimal, mientras que otras usan una , (coma). Para obtener más información sobre cómo crear una aplicación compatible a nivel mundial, consulte Integración de compatibilidad global en aplicaciones de lienzo.

Para obtener más información, consulte Planificación de un proyecto de Power Apps.