Application de bureau
Conception de tableau de bord personnel
Life System réunit un score hebdomadaire, une carte du corps avec ses indicateurs, les rythmes quotidiens et cinq expériences dans un tableau de bord.
Idées de conception pour
- Tableaux de bord de planification personnelleUn résumé hebdomadaire à côté des décisions ouvertes et des priorités.
- Suivis d'habitudes et d'activitésSchémas quotidiens associés à des moyennes hebdomadaires.
- Suivis d'expériencesUne hypothèse, un objectif et une mesure de progression pour chaque essai.
Points forts du tableau de bord
- Un résumé, quatre niveaux de détailUn score, des barres de domaine, des moyennes hebdomadaires et des boucles ouvertes partagent le rail sombre.
- Huit métriques autour d'une carte corporelleLes indicateurs de concentration, de mouvement et de récupération se trouvent à côté d'une figure centrale.
- Cinq expériences, six champsLes lignes séparent l'hypothèse, la métrique, l'objectif, la progression et le statut.
Aperçu de la conception du tableau de bord personnel
1 / 4Comment ce tableau de bord personnel est organisé
Life System est un concept de tableau de bord de bureau construit autour d'un espace de travail unique et dense. Son rail sombre étroit répond à la question « Qu'est-ce qui nécessite mon attention ? » ; les panneaux blancs plus grands contiennent les lectures derrière cet aperçu. Voici ce que chaque zone contient réellement.
| Zone | Ce qui est à l'écran | Ce qu'il faut remarquer |
|---|---|---|
| Rail récapitulatif | Score système 82/100 ; six barres de domaine ; quatre moyennes hebdomadaires ; huit boucles ouvertes. | Le rail passe d'un score global à des éléments inachevés spécifiques. « Décisions 3 » est plus actionnable que 82 seul. |
| Système humain | Huit indicateurs pour la concentration, l'esprit, le cœur, l'énergie, le mouvement, la nutrition, la récupération et la longévité. | Les étiquettes se trouvent autour de la figure, de sorte que les chiffres restent lisibles sans être dessinés sur l'anatomie. |
| Rythmes quotidiens | Sept jours de barres d'énergie, de concentration et de récupération ; un graphique de phases de sommeil séparé. | Les barres groupées comparent trois séries dans chaque journée. Le graphique de sommeil, quant à lui, divise un total en parties. |
| Expériences | Cinq essais avec une hypothèse, une métrique, un objectif, une progression et un statut. | Le tableau rend la question et sa mesure prévue visibles ensemble, au lieu de réduire chaque essai à une barre de progression. |
Lire les scores en contexte
Le tableau de bord utilise plusieurs types de chiffres, mais ils ne signifient pas tous la même chose. Un score nécessite une échelle ; un changement nécessite une période de comparaison ; une durée nécessite une unité. Life System fournit une partie de ce contexte et laisse d'autres parties non résolues.
82/100 et +6 répondent à des questions différentes
Le résumé donne le score actuel et étiquette le changement « vs les 7 derniers jours ». Gardez cette comparaison à côté du score lors de l'adaptation de cette mise en page. Les six barres de domaine ne documentent pas comment 82 est calculé.
Les heures et les scores nécessitent des étiquettes différentes
Les moyennes hebdomadaires montrent le travail en profondeur à 4,6 h/jour, le sommeil à 7 h 18 min et la récupération à 74 %. Conserver ces unités est plus important que de rendre les trois chiffres identiques.
Un suivi d'expériences avec six champs
Lisez la ligne Deep Work dans le tableau : un essai nommé, « Les blocs augmentent la production », la métrique Deep Work, un objectif de +25 %, une progression de 80 % et En bonne voie. Le choix de conception utile est de séparer ces champs. La faiblesse est que les trois derniers peuvent ressembler à trois versions du même résultat.
| Valeur affichée | Ce qu'elle vous dit | Ce qui manque encore |
|---|---|---|
| Objectif +25 % | L'augmentation prévue du travail en profondeur. | La valeur de départ et la période de mesure. Une augmentation de 25 % nécessite une référence. |
| Progression 80 % | Une valeur de progression est affichée pour l'essai. | Si cela signifie du temps écoulé, des séances complétées ou une avancée vers l'objectif. Le prototype ne le définit pas. |
| En bonne voie | La ligne a une étiquette de statut positive. | La règle derrière ce jugement. Les cinq lignes d'exemple utilisent ce statut, donc l'écran ne démontre pas un état hors piste. |
Examiner le tableau de bord en trois étapes
Utilisez les quatre vues de galerie ci-dessus pour examiner le même espace de travail à différentes échelles. Ce sont des recadrages de détail, pas quatre pages d'application séparées.
Relier le résumé à un détail
Trouvez Récupération dans le rail récapitulatif : sa moyenne sur sept jours est de 74 %. Ouvrez Système humain et localisez à nouveau Récupération : le titre est 75/100, avec la même lecture hebdomadaire de 74 % en dessous. L'indicateur plus grand distingue un score de sa mesure de soutien ; le rail ne conserve que la lecture compacte.
Comparer deux façons de montrer des tendances
Revenez à l'aperçu et trouvez Rythme énergétique et Architecture du sommeil. L'un regroupe l'énergie, la concentration et la récupération par jour ; l'autre divise le sommeil en phases. Si vous réutilisez l'un ou l'autre graphique, conservez son regroupement et ses étiquettes — pas seulement son accent vert.
Lire un essai avant sa barre de progression
Ouvrez Expériences et lisez d'abord l'hypothèse. Ensuite, trouvez la métrique et l'objectif qui permettraient de la tester. Enfin, inspectez la progression et le statut. Cet ordre révèle exactement quelles définitions le suivi nécessite encore avant que des données réelles puissent remplacer les exemples.
Ce que démontre cette conception de tableau de bord
Life System démontre une mise en page d'informations de bureau, pas un service de suivi personnel connecté. Le code fourni utilise des lectures d'exemple. Ses boutons de plage temporelle changent l'état sélectionné ; ils ne recalculent pas les scores ni les graphiques.
Référence de mise en page, pas des mesures validées
Les lectures de santé et cognitives sont du contenu d'interface illustratif. Aucune formule de notation, intégration de données en direct ou preuve pour les hypothèses d'expériences n'est fournie. Les étiquettes de confidentialité et de synchronisation sur l'écran ne sont pas une vérification de ces capacités.
Un exemple officiel OpenDesign
Ce cas a été préparé comme exemple officiel de hackathon, pas comme une soumission de participant ou un lauréat. Étudiez la mise en page et prévisualisez la conception originale ; confirmez les autorisations de réutilisation avant de redistribuer ses ressources.
Comment créer une conception de tableau de bord personnel dans OpenDesign
Décrire l'espace de travail et ses données
Commencez par la question quotidienne à laquelle votre tableau de bord doit répondre. Pour une conception inspirée de Life System, demandez un rail récapitulatif, des tendances hebdomadaires et un tableau d'expériences. Spécifiez des données d'exemple et des unités lisibles avant de demander des illustrations décoratives.
Invite suggéréeCréez une conception de tableau de bord personnel pour une révision hebdomadaire. Utilisez un rail récapitulatif sombre et étroit à côté de panneaux de détails blancs. Incluez les heures de travail en profondeur hebdomadaires, la durée du sommeil, les décisions ouvertes, un graphique d'activité sur sept jours et un tableau d'expériences avec hypothèse, métrique, référence, objectif, séances complétées et résultat. Utilisez des données d'exemple étiquetées. Gardez l'atteinte de l'objectif séparée de l'achèvement de l'essai. N'indiquez pas que des capteurs de santé ou des intégrations de compte en direct sont connectés.
Affiner une métrique du résumé au détail
Demandez à OpenDesign de transférer une lecture hebdomadaire du rail vers son panneau de détails sans changer son unité ou sa période temporelle. Si vous ajoutez un score séparé, étiquetez-le séparément. Gardez les illustrations secondaires jusqu'à ce que les étiquettes et les périodes de comparaison soient lisibles.
Tester le tableau et les écrans plus petits
Demandez une expérience en bonne voie, une cible manquée et un essai sans résultat encore. Vérifiez que le texte de statut explique chaque état et que la progression compte les séances plutôt que d'impliquer le succès. Sur un écran étroit, transformez le tableau en lignes étiquetées et confirmez que les contrôles principaux restent utilisables.
Exporter et obtenir un lien de partage
Exportez votre design finalisé, puis utilisez Partager dans OpenDesign pour obtenir un lien de partage. Ouvrez le lien dans une fenêtre de navigateur distincte et vérifiez que la version souhaitée ainsi que ses ressources sont disponibles avant de l'envoyer.
Design de site carrières
Huit scènes lunaires pour le site carrières Kimi : transitions au défilement et candidature illustrée.
Site web
Design de site portfolio créatif
Le portfolio fictif de Maya Rowan articule cartes de projets, pratique et notes.
Site web
Design de présentation produit
Un outil pour agents en 3 slides.
Diapositives
Conception de site web de CV
Le CV fictif de Tom Goodman associe expérience, graphiques de compétences et réalisations : deux colonnes, fiches compactes et mise en page d’impression distincte.
Site web