Conception d’une application Power Apps

Effectué

En tant que créateur d’applications, avant de commencer à créer votre solution Power Apps, il est recommandé de suivre un processus de conception. Lors de la conception de votre solution Power Apps, plusieurs facteurs doivent être pris en considération, notamment les suivants :

  • Besoins métier
  • Modèle de données
  • Expérience utilisateur (UX)
  • Interface utilisateur (IU)
  • Logique métier
  • Sortie

En suivant un processus de conception simple, vous pouvez éliminer les problèmes mineurs avant qu’ils ne gagnent en importance une fois que l’application est mise en production. Il est également important de comprendre que ce processus de conception concerne les applications canevas.

Mais comment passer d’une simple application canevas vide, comme indiqué ci-dessous :

Screenshot of the Blank Canvas app in Power Apps studio.

… à une solution d’application canevas entièrement personnalisée ?

Screenshot of a functioning canvas app in Power Apps studio.

Comprendre les besoins de l’utilisateur

L’une des parties à la fois les plus puissantes et les plus difficiles de la création d’une application canevas est que vous commencez avec un écran vide. Vous pouvez ainsi créer ce que vous souhaitez. Mais pour ce faire, vous devez savoir ce que vous souhaitez.

Lors de l’achat d’un logiciel pour résoudre des problèmes métier et/ou rationaliser des solutions métier, de nombreux processus d’entreprise ne correspondent souvent pas tout à fait aux instructions du logiciel en matière de prise en charge. Lorsque vous rencontrez ce problème, plusieurs discussions et réunions internes ont généralement lieu pour déterminer comment ces processus non pris en charge peuvent être mis à jour/modifiés pour répondre aux exigences logicielles. Pour la plupart des organisations, cette situation n’est pas idéale en raison du coût ou du temps nécessaire pour mettre à jour ces processus d’entreprise. Mais heureusement, en créant votre solution à l’aide de Power Apps, vous n’avez pas à vous soucier des solutions métier non prises en charge. Pourquoi ? Avec Power Apps, vous pouvez créer une solution personnalisée parfaitement adaptée à vos besoins métier.

Lors de la création d’une application, il est souvent tentant de recréer exactement le processus sur papier ou basé sur un logiciel hérité. C’est possible, mais ce n’est peut-être pas la solution idéale. En remettant en question le processus existant et en vous demandant ce que l’entreprise doit faire, et non ce que le bout de papier ou l’ancien logiciel vous permet de faire, vous ouvrez la voie à des processus améliorés et plus efficaces. Par exemple, sur le processus papier, l’utilisateur devait peut-être taper des notes sur ce qu’il voyait. Ne serait-il pas préférable de simplement prendre une photo ? Ce type de réflexion aboutit à de meilleures applications et de meilleurs résultats.

Besoins métier

Chaque application que vous développez s’accompagne d’un ensemble différent de besoins métier basés sur la solution. Prendre le temps de réfléchir à toutes les exigences est la clé du déploiement d’une application de production réussie.

Selon la solution ou les politiques de l’entreprise, vous devez peut-être respecter certaines exigences en matière de sécurité, de confidentialité ou de conformité. Par exemple, supposons que vous recueillez des informations personnelles sécurisées dans l’application. Vous devez vous assurer que ces informations sont stockées en toute sécurité et ne sont pas consultables par tout le monde.

Au cours de ce processus, vous devez également identifier toute réglementation gouvernementale ou exigence d’authentification/d’autorisation (le cas échéant). Vous n’avez pas nécessairement besoin d’avoir toutes les réponses à vos questions à ce stade ; vous devez simplement identifier toutes les exigences.

Modèle de données

Dans le module « Technologies associées à Power Apps », vous avez découvert certaines des sources de données courantes pour la création d’applications. Mais avec tous ces choix, comment bien sélectionner la source de données à utiliser pour votre solution ? Vous disposez peut-être déjà d’une source de données implémentée dont les utilisateurs se servent au quotidien, par exemple SharePoint. Pourriez-vous simplement l’utiliser comme source de données pour créer votre application ? Dois-je me connecter à plusieurs sources de données ? Vous devez vous poser toutes ces questions courantes et prendre en compte d’autres facteurs, notamment :

  • Besoins métier : chaque source de données et ses fonctionnalités prises en charge sont légèrement différentes. Ainsi, en fonction des exigences de votre application, vous devez sélectionner la source de données qui prend en charge vos besoins ou modifier vos besoins métier pour vous conformer aux fonctionnalités prises en charge pour la source de données sélectionnée.
  • Licences/Coût : certaines sources de données comme Microsoft Dataverse ou SQL sont considérées comme des « sources de données Premium ». Une source de données Premium impose à chaque utilisateur qui utilise l’application de disposer d’un plan Power Apps Par application ou d’un plan Power Apps Par utilisateur. Pour en savoir plus sur les licences, consultez Tarification Power Apps.

Expérience utilisateur (UX)

En concevant votre solution Power Apps dans une application canevas, vous maîtrisez complètement l’expérience de l’utilisateur final. Vous pouvez ainsi personnaliser entièrement la quasi-totalité des aspects de votre application. Cependant, vous ne devez pas nécessairement le faire. Lors de la conception de votre solution Power Apps, vous devez avant tout faire dans la simplicité. Lorsque vos utilisateurs finaux ouvrent l’application et commencent à l’utiliser, ils doivent comprendre clairement sur quoi cliquer et où aller. Si votre application nécessite un programme de formation complet pour que les utilisateurs comprennent son utilisation, il serait judicieux de la repenser.

Voici certains des éléments de conception de base à prendre en considération :

  • Marque personnalisée (votre logo et vos couleurs)
  • Fenêtres contextuelles
  • Boutons Masquer/afficher basés sur l’accès/les autorisations des utilisateurs

Screenshot of a pop-up Survey app for training class.

Les fenêtres contextuelles sont l’une des améliorations les plus courantes de l’expérience utilisateur que vous pouvez implémenter dans vos applications. Leur implémentation vous permet de fournir aux utilisateurs un visuel à la fois simple et utile pour confirmer ce sur quoi ils ont cliqué. Une fenêtre contextuelle peut également faire office d’écran de chargement lors du traitement de la logique sur le back-end. Par exemple, dans la capture d’écran ci-dessous, lorsqu’un utilisateur clique sur « Soumettre », une fenêtre contextuelle simple pourrait s’afficher pour lui indiquer que sa soumission a réussi.

Dans cet exemple d’application, l’utilisateur répond à une enquête sur le cours de formation qu’il vient de suivre.

Screenshot of a Survey app for training class.

Une fois toutes les informations écrites correctement dans la source de données, une fenêtre contextuelle est générée pour confirmer que la soumission a réussi.

Screenshot of a Survey app successful completion message.

Sans confirmation, un utilisateur peut ne pas être sûr que sa soumission a été acceptée. Il pourrait tenter de recliquer sur le bouton, provoquant ainsi l’écriture de données incorrectes ou incohérentes dans la source de données.

N’oubliez pas que ces personnalisations ne sont pas les seules que vous pouvez apporter à l’application, mais simplement certaines des plus courantes. Lorsque vous ajoutez différentes fonctionnalités de conception, gardez également à l’esprit que plus vous ajoutez de logique pour la personnalisation de l’application, plus votre application doit traiter de code. Ainsi, par exemple, si vous ajoutez plusieurs fonctions différentes pour masquer des boutons ou afficher des fenêtres contextuelles sur un écran donné, cela pourrait ralentir les performances de votre application à chaque exécution de code.

Enfin, mettez-vous au défi d’améliorer votre expérience utilisateur. À l’heure actuelle, l’utilisateur enregistre peut-être la température ambiante en cliquant dans une case, en passant le clavier de l’appareil du mode lettres au mode chiffres, puis en tapant « 70 ». Une meilleure option pourrait être d’intégrer un contrôle de curseur défini par défaut sur 70 et allant de 65 à 75. Ensuite, d’un balayage de doigt, il peut enregistrer la température. De légères modifications comme celle-ci augmentent la satisfaction et la productivité des utilisateurs d’applications.

Interface utilisateur (IU)

Pour visualiser entièrement l’IU, vous pouvez envisager de créer une maquette de votre application. Voici deux façons courantes de créer une maquette de votre application :

  • Utilisez Visio pour créer un diagramme de maquette conceptuelle. Une maquette conceptuelle est une représentation visuelle de l’IU d’une application. Pour commencer, divers modèles de maquettes conceptuelles mobiles et de sites web sont disponibles. Vous pouvez également démarrer à partir d’un modèle vierge. Les diagrammes sont un moyen rapide de présenter les fonctionnalités de l’application et de parvenir à un consensus sur la conception au sein de l’équipe.

L’exemple ci-dessous présente une maquette conceptuelle Visio simple d’un écran d’achat d’articles dans une application de gestion des stocks.

Screenshot example of a simple Visio wireframe.

  • Utilisez Power Apps pour créer une maquette de votre application. Vous pouvez ajouter la plupart des contrôles, graphiques, formulaires et autres éléments aux écrans de votre application et jouer avec la disposition et la taille de chaque élément comme si vous créiez vraiment l’application. Lors de la conception de l’IU, vous n’avez pas besoin d’ajouter la logique sous-jacente aux divers éléments que vous avez placés sur l’écran. Le but ici est de se concentrer sur ce à quoi l’application pourrait ressembler et son fonctionnement potentiel. Cette démarche est similaire à ce que vous pouvez faire avec une maquette conceptuelle Visio, mais l’un des principaux avantages de cette option est que vous acquérez plus d’expérience en tant qu’utilisateur Power Apps et vous en découvrez davantage sur les divers éléments d’IU disponibles dans le processus. Toute l’expérience et les connaissances acquises en créant votre maquette d’application dans Power Apps ne finiront par payer qu’ultérieurement, lorsqu’il sera temps de commencer à travailler sur l’application de production. L’utilisation de Power Apps pour votre maquette présente un autre avantage de taille : si vous montrez votre travail à votre équipe et qu’elle l’apprécie, vous pouvez continuer à développer cette application ou en créer une et copier les éléments que vous souhaitez conserver dans votre autre application. En n’ayant pas à recréer l’IU ou en devant en recréer uniquement certaines parties, vous pourriez potentiellement vous épargner des heures de travail.

L’exemple ci-dessous présente une maquette simple d’un écran de nouvelle commande fournisseur.

Screenshot of a mockup of a new purchase order app.

Tout dépend vraiment de vos préférences et de votre aisance avec le logiciel que vous utilisez pour créer la maquette. Vous devez également tenir compte des licences et des coûts lorsque vous prenez cette décision. Visio nécessite d’autres licences pour pouvoir bénéficier de toutes les fonctionnalités requises pour créer un diagramme de maquette conceptuelle. Alors qu’avec Power Apps, peu importe la licence que vous possédez. Tant que vous avez Power Apps (et des autorisations suffisantes dans votre environnement), vous pouvez créer des applications et des maquettes d’applications.

Lorsque vous concevez l’IU, vous devez également prendre en considération l’accessibilité et la localisation. Vous devez vous assurer que l’interface de l’application respecte les directives relatives à l’accessibilité, afin que tous vos utilisateurs puissent interagir avec votre application sans aucun problème. Pour en savoir plus sur ces directives et d’autres propriétés d’accessibilité, consultez Créer des applications canevas accessibles dans Power Apps.

La localisation peut également être un élément à prendre en compte lors du développement de votre application. Selon l’endroit où votre application sera utilisée, vous devrez peut-être utiliser une ponctuation différente. Par exemple, certaines régions du monde utilisent un . (point) comme séparateur décimal, tandis que d’autres utilisent une , (virgule). Pour en savoir plus sur la création d’une application prise en charge à l’échelle mondiale, consultez Intégrer une prise en charge mondiale aux applications canevas.

Pour en savoir plus, consultez Planification d’un projet Power Apps.