Quelles sont les meilleures façons de concevoir des interfaces Shiny conviviales ?

Shiny est un puissant package R qui vous permet de créer des applications Web interactives pour la visualisation de données. Cependant, pour rendre vos applications Shiny attrayantes et faciles à utiliser, vous devez faire attention à certains principes de conception et aux meilleures pratiques. Dans cet article, vous apprendrez quelques trucs et astuces pour améliorer vos interfaces Shiny et améliorer votre expérience utilisateur.

1 Apprenez à connaître votre public

Avant de commencer à concevoir votre interface Shiny, vous devez comprendre qui sont vos utilisateurs cibles, ce qu’ils veulent réaliser et comment ils interagiront avec votre application. Cela vous aidera à choisir les fonctionnalités, la mise en page et le style appropriés pour votre application. Par exemple, si votre public est principalement composé d’analystes de données qui souhaitent explorer et manipuler des données, vous pouvez inclure davantage de contrôles, de filtres et d’options d’entrée. D’autre part, si votre public est principalement composé de décideurs qui souhaitent obtenir des informations et des recommandations, vous voudrez peut-être vous concentrer davantage sur la présentation de résultats clairs et concis, tels que des graphiques, des tableaux et des résumés.

Add your perspective

Leandro Araque

Chief Data Officer at Datzure | Dawoork♥️| Professor of Data Science | Innovation in AI, Web3, FinTech & EdTech
Report contribution
The "Know your audience" principle is pivotal but often underemphasized. For instance, when designing Shiny apps for C-level executives, I've found that less is more. These decision-makers usually prefer dashboards that get straight to the point with high-level summaries and key performance indicators. Overloading the interface with too many controls and filters can be counterproductive for this audience. Therefore, it's crucial to conduct user interviews or surveys beforehand to understand the specific needs and preferences of your target users. This ensures that your Shiny app is not just powerful but also user-centric.

Like

2 Utilisez une mise en page cohérente et intuitive

Une bonne mise en page peut donner à votre interface Shiny un aspect organisé, professionnel et convivial. Vous devez utiliser une mise en page cohérente et intuitive dans l’ensemble de votre application, et éviter d’encombrer ou de chevaucher les éléments. Vous pouvez utiliser les packages shinydashboard ou bslib pour créer des tableaux de bord attrayants et réactifs avec différents thèmes et composants. Vous pouvez également utiliser les packages shinyUI ou shinyWidgets pour personnaliser vos éléments d’entrée et de sortie, tels que les boutons, les curseurs, les onglets et les panneaux. Vous devez également utiliser un espacement, un alignement et des étiquettes appropriés pour guider vos utilisateurs et améliorer la lisibilité.

Add your perspective

3 Choisir les bonnes visualisations

L’un des principaux avantages de Shiny est qu’il vous permet de créer des visualisations de données dynamiques et interactives qui peuvent répondre aux entrées et aux actions des utilisateurs. Cependant, vous devez également choisir les bonnes visualisations pour vos données et votre message. Vous devez utiliser des visualisations adaptées au type, à l’échelle et à la distribution de vos données, et qui peuvent mettre en évidence les modèles, les tendances et les valeurs aberrantes que vous souhaitez communiquer. Vous devez également utiliser des visualisations faciles à comprendre, à interpréter et à comparer, et qui peuvent bien s’intégrer à votre mise en page. Vous pouvez utiliser les packages ggplot2 ou plotly pour créer des tracés élégants et interactifs avec diverses options et fonctionnalités.

Add your perspective

Nitika Garg (she/her)

Data Science Manager @ Capgemini | GCP Certified. NLP. ML | LLM enthusiast. ex- Publicis Sapient, ex-HCL
Report contribution
Actually, choosing the right visualization is also dependent on stakeholder requirements. Often, we can create quite complex and interactive visualizations, but stakeholders require simplistic representations. Hence, the Right visualizations are ones which may have complex backend functions and ML libraries. However, in Front-end, they are telling the story to your stakeholders. You can use Plotly, Bigrams and even Pie charts to create a story. I would love to see a visualization, which is moving like a video. A script where base data is shown and combed into 5-6 slides of animated story within 2 minutes.

Like

4 Optimiser les performances et le retour d’information

Un autre aspect important de la conception d’interfaces Shiny conviviales est d’optimiser les performances et les commentaires de votre application. Vous devez vous assurer que votre application s’exécute correctement et rapidement, et qu’elle peut gérer des ensembles de données volumineux ou complexes sans se bloquer ni se bloquer. Vous pouvez utiliser les packages profvis ou shinyloadtest pour mesurer et améliorer les performances de votre application, et utiliser les packages future or promises pour activer la programmation asynchrone et éviter de bloquer l’interface utilisateur. Vous devez également fournir des commentaires à vos utilisateurs lorsqu’ils interagissent avec votre application, tels que des indicateurs de chargement, des barres de progression, des messages ou des alertes. Vous pouvez utiliser les packages shinyFeedback ou shinyalert pour ajouter des éléments de commentaires à votre application.

Add your perspective

5 Tester et itérer

Enfin, vous devez tester et itérer votre interface Shiny avant de la déployer auprès de votre public. Vous devez vérifier s’il y a des erreurs, des bogues ou des problèmes dans votre code, votre logique ou votre conception, et les corriger dès que possible. Vous devez également tester votre application sur différents navigateurs, appareils et tailles d’écran, et vous assurer qu’elle s’adapte bien à différents scénarios et conditions. Vous pouvez utiliser les packages shinytest ou testthat pour automatiser et simplifier votre processus de test. Vous devez également solliciter les commentaires de vos utilisateurs potentiels et utiliser leurs suggestions et commentaires pour améliorer votre application. Vous pouvez utiliser les packages shinyFeedback ou shinyforms pour recueillir les commentaires de vos utilisateurs dans votre application.

Add your perspective

6 Voici ce qu’il faut prendre en compte d’autre

Il s’agit d’un espace pour partager des exemples, des histoires ou des idées qui ne correspondent à aucune des sections précédentes. Que voudriez-vous ajouter d’autre ?

Add your perspective

Quelles sont les meilleures façons de concevoir des interfaces Shiny conviviales ?

1

2

3

4

5

6

1 Apprenez à connaître votre public

2 Utilisez une mise en page cohérente et intuitive

3 Choisir les bonnes visualisations

4 Optimiser les performances et le retour d’information

5 Tester et itérer

6 Voici ce qu’il faut prendre en compte d’autre

Data Visualization

Rate this article

Thanks for your feedback

More articles on Data Visualization

More relevant reading

Quelles sont les meilleures façons de concevoir des interfaces Shiny conviviales ?

1

2

3

4

5

6

1 Apprenez à connaître votre public

2 Utilisez une mise en page cohérente et intuitive

3 Choisir les bonnes visualisations

4 Optimiser les performances et le retour d’information

5 Tester et itérer

6 Voici ce qu’il faut prendre en compte d’autre

Data Visualization

Rate this article

Thanks for your feedback

Explore Other Skills