Directives de conception d’application

Contrôles modernes

Les contrôles modernes dans les applications canevas représentent une avancée significative dans le développement et la conception d’interfaces utilisateur au sein de l’écosystème Microsoft. Basés sur Fluent Design System de Microsoft, ces contrôles sont conçus pour offrir une expérience utilisateur rapide, orientée sur les performances et accessible, tout en garantissant une intégration transparente avec les fonctionnalités de thèmes. L’introduction de ces contrôles, y compris des listes d’onglets, des barres de progression, des boutons d’information, des boucles de progression, etc., souligne un changement stratégique vers la création d’applications plus intuitives, réactives et visuellement attrayantes. En utilisant ces contrôles modernes, les développeurs peuvent facilement implémenter des éléments d’interface utilisateur sophistiqués, à la fois esthétiques et riches en fonctionnalités, améliorant ainsi l’interaction et la satisfaction globales des utilisateurs.

La conception inhérente de ces contrôles, en gardant les thèmes à l’esprit, permet une apparence unifiée et cohérente dans toutes les applications, réduisant considérablement les efforts nécessaires à la personnalisation des applications. La possibilité de mettre à jour automatiquement les styles de tous les contrôles en fonction du thème défini simplifie le processus de conception et garantit que les applications restent visuellement cohérentes. Cette approche s’aligne parfaitement sur les besoins des entreprises modernes qui cherchent à maintenir la cohérence de leur marque tout en offrant des expériences numériques de haute qualité. Les contrôles modernes mettent également l’accent sur l’accessibilité et les performances, en garantissant que les applications sont utilisables par un large éventail d’audiences, y compris les personnes présentant un handicap, conformément aux principes de conception inclusive. Ainsi, les contrôles modernes des applications canevas ne sont pas seulement un ensemble de composants d’interface utilisateur, mais un ensemble d’outils transformateurs qui permettent aux développeurs de créer des applications plus efficaces, faciles à maintenir, accessibles et cohérentes qui répondent aux besoins en pleine évolution des entreprises et des utilisateurs.

Conception et directives sur les formulaires

Organiser votre formulaire

• Divisez votre formulaire en sections logiques et regroupez les champs associés.
• Essayez de maintenir votre formulaire sur un seul écran. S’il est long, envisagez de le diviser en plusieurs écrans, étapes ou onglets.
• Utilisez un langage clair et simple pour les étiquettes des champs, en évitant les termes ou le jargon non familiers.
• Mettez en œuvre des règles de validation pour garantir l’exactitude des données. Pour les champs obligatoires, indiquez clairement qu’ils sont requis. Validez les adresses e-mail, les numéros de téléphone et d’autres formats selon vos besoins.

Réutiliser les formulaires

• Utilisez un formulaire unique pour créer de nouveaux enregistrements, modifier des enregistrements existants et afficher des enregistrements en mode affichage seul.
• La réutilisation du même formulaire réduit le temps de développement et de maintenance tout en garantissant la cohérence.

Mode de formulaire

Définissez le mode du formulaire de manière dynamique en fonction des actions de l’utilisateur. Par exemple :

• Lors de la création d’un enregistrement, définissez le formulaire sur le mode « Nouveau ».
• Lors de la modification d’un enregistrement existant, définissez le formulaire sur le mode « Modifier ».
• Lors de l’affichage d’un enregistrement, définissez le formulaire sur le mode « Afficher ».

Placement des contrôles

• Placez différents contrôles (tels que la galerie, le formulaire d’affichage et le formulaire de modification) sur des écrans séparés pour les distinguer.
• Combinez ces contrôles avec des formules pour créer une expérience utilisateur cohérente.

Conteneurs

À mesure que la taille de l’application canevas augmente pour répondre à davantage de scénarios métier, le nombre de contrôles continue d’augmenter et il est nécessaire d’organiser les contrôles en fonction de la fonction qu’ils exécutent. Un moyen simple de procéder consiste à sélectionner les contrôles ensemble et à les regrouper dans un groupe. Toutefois, le regroupement des contrôles n’est pas toujours recommandé. Le contrôle Container de l’application canevas peut contenir un ensemble de contrôles et possède ses propres propriétés.

Les conteneurs fonctionnent comme des espaces vides dans lesquels vous pouvez insérer et organiser des contrôles par rapport au coin supérieur gauche du conteneur. Vous avez la possibilité d’imbriquer des conteneurs, ce qui permet de créer des dispositions plus complexes et de garantir la liberté de conception.

Les conteneurs sont des contrôles réels avec leurs propres propriétés comme Width et BorderColor. Les conteneurs affectent la présentation de l’application et aident les utilisateurs de l’écran Lecteur à comprendre la structure de l’application.

Bien que vous puissiez ajouter n’importe quel contrôle dans un groupe, vous ne devez ajouter que des contrôles liés de manière logique dans un conteneur.

Organiser les éléments dans Power Apps à l’aide de groupes permet aux utilisateurs d’appliquer des propriétés partagées à plusieurs éléments. Toutefois, apporter des modifications aux propriétés individuelles au sein d’un groupe peut nécessiter des ajustements manuels. De plus, les groupes ne sont pas présents dans la structure logique d’une application pour des raisons d’accessibilité, car les lecteurs d’écran ne peuvent pas les reconnaître. De plus, l’impossibilité d’imbriquer les groupes rend difficile la création de dispositions plus complexes.

Conception et directives sur la galerie

Éviter de modifier les éléments de la galerie de l’intérieur

Évitez de modifier la propriété Items d’une galerie dans les événements des contrôles enfants comme OnChange ou OnSelect. Cela peut générer un comportement inattendu, en particulier pour certains contrôles qui déclenchent des événements lorsque leurs valeurs changent.

Faire preuve de prudence avec les contrôles déclenchés par OnChange

Soyez prudent lorsque vous utilisez des contrôles tels que Zone de liste déroulante, Sélecteur de date, Curseur ou Bouton bascule dans les galeries. Ces contrôles peuvent déclencher l’événement OnChange de manière inattendue, entraînant des problèmes potentiels tels que des boucles infinies.

Impact sur les performances de l’application de correctifs

Tenez compte de l’impact sur les performances de l’application de correctifs ou de la mise à jour d’éléments dans une galerie, en particulier lorsque vous traitez un grand nombre d’éléments. L’application de correctifs peut être lente et la galerie peut recharger tous les éléments, ce qui affecte les performances.

Gérer les boucles infinies avec précaution**

Si la modification des données de la galerie déclenche des événements qui génèrent des boucles infinies, envisagez d’utiliser des contrôles modernes ou des contrôles qui ne déclenchent pas OnChange lorsque leurs données sont modifiées pour interrompre la boucle.

Éviter les galeries imbriquées

Les galeries imbriquées peuvent entraîner des problèmes de performances et des liaisons de données complexes.

Dans la mesure du possible, évitez d’imbriquer les galeries. À la place, essayez de concevoir votre structure de données et d’utiliser les fonctions de manière optimisée.

Utiliser des galeries à hauteur flexible

Les galeries à hauteur fixe peuvent entraîner une visibilité limitée du contenu, en particulier lorsque vous utilisez des données dynamiques.

Utilisez des galeries à hauteur flexible en définissant la propriété Height sur Parent.Height ou une valeur dynamique basée sur vos données. Cela garantit que la galerie ajuste sa hauteur pour s’adapter à différentes quantités de données.

Optimiser le chargement des données

Lors de l’optimisation du chargement des données dans Power Apps, vous souhaiterez peut-être récupérer et afficher uniquement les colonnes nécessaires dans une galerie plutôt que de récupérer le jeu de données complet.

Voici un exemple de la façon dont vous pouvez y parvenir : en supposant que vous disposez d’une collection EmployeeData avec plusieurs colonnes et que vous souhaitez afficher uniquement les colonnes « Nom » et « Département » dans une galerie.

// Collection named ProductSales with sample sales data

ClearCollect(ProductSales, 
    Table(
        { ProductName: "Phone", UnitPrice: 499.99, QuantitySold: 100 },
        { ProductName: "Laptop", UnitPrice: 999.99, QuantitySold: 50 },
        { ProductName: "Tablet", UnitPrice: 299.99, QuantitySold: 75 }
    )
)

// Bind the gallery to display only the "ProductName" and "QuantitySold" columns

Gallery1.Items = ShowColumns(ProductSales, ProductName, QuantitySold)

Obtenez plus d’informations sur les pratiques recommandées pour la galerie.

Création de composants réutilisables

Quand créer des composants de code personnalisés à l’aide de Power Apps Component Framework (PCF)

Power Platform permet la création de composants réutilisables via Power Apps Component Framework (PCF). Vous trouverez plus de détails ici.

Voici des scénarios dans lesquels vous pourriez envisager de créer des composants PCF dans Power Apps :

Éléments d’interface utilisateur complexes

Quand vous devez créer des éléments ou des contrôles d’interface utilisateur complexes qui ne sont pas facilement disponibles dans les contrôles Power Apps standard.

Contrôles personnalisés pour des exigences spécifiques

Quand votre application a des exigences spécifiques qui ne sont pas satisfaites avec les contrôles prédéfinis et que vous devez créer des contrôles personnalisés adaptés à vos besoins.

Expérience utilisateur cohérente dans toutes les applications

Quand vous souhaitez maintenir une expérience utilisateur cohérente dans plusieurs environnements Power Apps en encapsulant des fonctionnalités spécifiques dans un composant PCF.

Réutilisabilité dans toutes les applications

Quand vous anticipez la nécessité de réutiliser une fonctionnalité spécifique ou un élément d’interface utilisateur dans plusieurs applications, la création d’un composant PCF vous permet de le créer une seule fois et de le réutiliser.

Mise en œuvre de la logique avancée

Quand vous devez mettre en œuvre la logique métier avancée ou des calculs qui dépassent les capacités des formules ou des fonctions standard dans Power Apps.

Expérience utilisateur améliorée

Quand vous souhaitez améliorer l’expérience utilisateur globale en créant des composants visuellement attrayants et interactifs qui ne sont pas réalisables avec les contrôles par défaut.

Étape suivante