--- title: "Les thèmes des applications mobiles améliorent la satisfaction des utilisateurs" date: "2022-03-02" categories: - "app-development" - "mobile-development" - "mobiletogether" tags: - "mobile-app-themes" - "mobile-app-user-interface" - "mobile-development-tools" - "mobiletogether" description: Découvrez comment les thèmes d'applications mobiles améliorent la satisfaction des utilisateurs en permettant la personnalisation des couleurs des graphiques et des modes d'affichage, grâce aux puissants outils de conception de MobileTogether. --- Status: #blog Tags: #mobile-app-themes #mobile-app-user-interface #mobile-development-tools #mobiletogether Categories: [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md) # Les thèmes des applications mobiles améliorent la satisfaction des utilisateurs Les thèmes des applications mobiles améliorent la satisfaction des utilisateurs en permettant à chacun personnaliser l'apparence de l'application en fonction de ses préférences. Une façon de mettre en œuvre plusieurs thèmes dans les applications qui présentent et visualisent des données est de proposer aux utilisateurs un choix de palettes de couleurs pour les graphiques et les diagrammes. MobileTogether utilise une combinaison de conception d'interface utilisateur par glisser-déposer, le puissant langage de programmation visuelle Action Tree pour la gestion des événements, et une programmation fonctionnelle standardisée pour la sélection et le traitement des données. Les développeurs utilisent MobileTogether quotidiennement pour [créer des applications élégantes et multiplateformes](https://www.altova.com/fr/mobiletogether) intégrant des graphiques et des diagrammes riches dans tous les formats populaires. Les paramètres de configuration principaux des graphiques permettent aux développeurs d'applications mobiles de choisir parmi quatre palettes de couleurs intégrées, ou même de définir une palette de couleurs personnalisée pour les graphiques, lors de la conception de leur application. Combinés aux paramètres d'affichage en mode sombre et en mode clair, cela offre dix possibilités colorées pour personnaliser l'affichage. Plutôt que d'imposer un choix de couleurs lors de la conception, les développeurs peuvent utiliser les fonctionnalités de MobileTogether pour permettre aux utilisateurs de choisir eux-mêmes. Examinons un exemple. ![](/blog/images/mt_darktheme_blog_3.jpg) L'image ci-dessous présente la fenêtre de dialogue de sélection du schéma de couleurs "Mobile Together" ainsi qu'un graphique provenant d'une application mobile qui affiche les données de production pour les systèmes solaires installés sur les toits. [![Définir les thèmes des applications mobiles en utilisant des schémas de couleurs](/blog/images/user-schema-def.png)](user-schema-def.png) Le développeur a défini un schéma de couleurs personnalisé dans la fenêtre de paramètres du graphique, où la zone du graphique en aires est remplie en orange et les barres sont bleues. Si le graphique comportait des éléments supplémentaires, les couleurs suivantes seraient le vert, le jaune, le violet, etc. Le développeur pouvait choisir n'importe quel schéma de couleurs prédéfini dans le menu déroulant : [![Les schémas de couleurs intégrés permettent de créer une grande variété de thèmes pour les applications mobiles](/blog/images/schema-choose.png)](schema-choose.png) ### **Création de thèmes pour applications mobiles** Examinons une stratégie permettant de donner aux utilisateurs, quel que soit leur appareil mobile, la possibilité de choisir un thème de couleurs lorsque l'application est exécutée. Cette application possède déjà une page de paramètres, ce qui en fait un endroit idéal pour ajouter un sélecteur de thèmes d'apparence. Nous pouvons commencer par créer un tableau avec des boutons radio et des échantillons de couleurs pour chaque thème. Voici une représentation du tableau une fois complété dans l'outil MobileTogether Designer : [![Tableau de sélection des thèmes pour les applications mobiles, tel qu'il apparaît dans l'outil MobileTogether Designer](/blog/images/theme-buttons-1.png)](theme-buttons-1.png) MobileTogether prend en charge tous les éléments de sélection classiques. Par exemple, une liste déroulante apparaît immédiatement au-dessus du tableau. Nous avons choisi un ensemble de boutons radio pour les thèmes d'applications mobiles, afin d'afficher simultanément toutes les options de couleurs. Les graphiques de cette application ne contiennent qu'un ou deux éléments chacun, de sorte que chaque paire de couleurs illustre les deux premières couleurs de la liste pour chaque schéma. Voici une vue de la même section de la page des paramètres dans la fenêtre du simulateur MobileTogether : [![Sélecteur de thème de couleurs, tel qu'on le voit dans le simulateur MobileTogether](/blog/images/theme-buttons-2.png)](theme-buttons-2.png) La fenêtre de configuration principale des graphiques permet aux développeurs de concevoir rapidement le graphique le plus adapté pour visualiser pratiquement n'importe quel ensemble de données, y compris les graphiques en aires, les graphiques à barres, les graphiques en chandeliers, les jauges et les diagrammes circulaires. Les types de graphiques peuvent même être combinés en plusieurs niveaux. Le graphique de production mensuelle illustré ci-dessus est un graphique à plusieurs niveaux, avec un graphique à barres superposé. Cependant, chaque élément d'un graphique peut également être défini comme le résultat d'une expression XPath traitée pendant l'exécution de l'application. Les paramètres XPath dynamiques définis dans la boîte de dialogue permettent de remplacer les paramètres de base du graphique. ![Réglage XPath dynamique pour choisir un thème de couleurs](/blog/images/dynamic-xpath-settings.png) La fenêtre de dialogue des paramètres XPath dynamiques permet de spécifier le schéma de couleurs pour chaque graphique, via l'élément XML appelé "graphColorBase". Le tableau de boutons radio sur la page des paramètres de l'application attribue l'une des valeurs de chaîne suivantes à "graphColorBase" : "Par défaut", "Niveaux de gris", "Couleurs vives", "Pastel" ou "Personnalisé". Voici des captures d'écran de l'application finale, montrant la sélection de thèmes pour applications mobiles sur un téléphone Android, en mode sombre : [![Sélection de thèmes d'applications mobiles sur un téléphone Android](/blog/images/android-example.png)](android-example.png) Voici des exemples de schémas de couleurs standard et en niveaux de gris, affichés sur un iPhone en mode clair : [![Thèmes d'applications mobiles affichés sur un iPhone](/blog/images/iphone-example.png)](iphone-example.png) La palette de couleurs en niveaux de gris pourrait être idéale pour les utilisateurs daltoniens ! Découvrez notre solution MobileTogether [Démonstrations vidéo](https://www.altova.com/fr/mobiletogether/demos#video_Demos), plus [applications de démonstration](https://www.altova.com/fr/mobiletogether/demos), ou même le [manuel en ligne](https://www.altova.com/manual/MobileTogether/mobiletogetherdesigner/) Pour obtenir toutes les informations détaillées sur MobileTogether. Lorsque vous serez prêt à améliorer la satisfaction des utilisateurs grâce à des thèmes d'applications mobiles dans vos propres applications multiplateformes, [Téléchargez le logiciel MobileTogether Designer](https://www.altova.com/fr/mobiletogether/download).