1 points par GN⁺ 2025-05-09 | 1 commentaires | Partager sur WhatsApp
  • Le constat est qu’il est difficile de trouver de bons exemples d’interfaces à forte densité d’information, et que les résultats de recherche sont remplis d’articles flous qui se ressemblent
  • L’article UI Density de Matthew Ström est cité comme exception, tandis que les recherches d’images donnent elles aussi, dans l’ensemble, des résultats peu pertinents
  • Dans un contexte où les éléments à l’écran sont de plus en plus espacés et délimités surtout par des tons de gris, la recherche porte sur des exemples d’UI capables d’afficher beaucoup d’informations, sous forme de captures d’écran, d’apps ou de sites

1 commentaires

 
GN⁺ 2025-05-09
Commentaires sur Hacker News
  • Il est souligné que le site de McMaster-Carr n’est pas mentionné

  • Ce n’est peut-être pas le meilleur site en matière de densité d’information, mais il se distingue par sa propreté, sa fonctionnalité et sa capacité à transmettre beaucoup d’informations d’un seul coup

  • Utilisation des termes Trader UI et VC UI

    • Les Trader UI ont tendance à mettre autant d’informations que possible sur un seul écran
    • Les entreprises financées par des VC utilisent Bootstrap et appliquent des coins arrondis sur leurs pages de tarification, avec au final peu d’informations réelles
  • L’auteur indique développer un projet appelé Buckaroo

    • Il s’agit d’une UI de tableau de dataframes qui fonctionne dans Jupyter notebook
    • Le projet vise une Trader UI, avec des histogrammes de type sparkline et un formatage optimisé pour les colonnes numériques
    • Le lien https://github.com/paddymul/buckaroo est partagé
  • Suggestion d’exemples d’UI pour le tracing, le profiling et l’analyse binaire

    • Un lien d’exemple d’utilisation de Windows Performance Analyzer est partagé
    • Des projets open source sur GitHub comme tracy et ImHex sont cités en exemple
  • Les logiciels de modélisation 3D et de CAO sont aussi mentionnés

    • Blender, Rhino, etc. sont cités
  • Les DAW liés à l’audio sont également recommandés comme exemples d’UI à forte densité d’information

  • Il est possible de consulter divers exemples d’UI logicielles sur x.com/usgraphics/media

  • Ce n’est pas lié aux données, mais les anciens skins de WMP et les sites d’analyse esthétique peuvent aussi servir de comparaison

  • Présentation de son propre projet, productchart.com

    • Il remplace la liste de produits traditionnelle par un « product chart »
    • Les produits sont placés sur un graphique x/y selon non pas un seul paramètre, mais deux (par exemple le prix et la date de sortie)
    • Seule l’image de base est affichée, puis des informations supplémentaires apparaissent dans une infobulle au survol, et l’ensemble des données est révélé au clic
    • Jusqu’à 300 produits peuvent être affichés sur un seul écran
    • L’interface en graphique se perçoit bien sur un écran de bureau
  • Recommandation des logiciels créatifs professionnels

    • De nombreux utilisateurs utilisent principalement un seul outil pendant 8 heures par jour
    • Dans les logiciels d’édition photo, d’impression, de vidéo, de son, etc., l’UX et la densité d’information sont excellentes
    • Blender est cité comme exemple représentatif, avec un lien partagé vers le chapitre UI du manuel officiel
  • L’auteur précise être conducteur du rover Curiosity et opérateur de bras

    • Au JPL, plusieurs excellents outils à forte densité d’information sont utilisés
    • RSVP Hyperdrive est cité comme l’exemple le plus représentatif
    • Il est recommandé de regarder la 5e capture d’écran
    • L’auteur a lui-même contribué à l’équipe de développement de RSVP via des corrections de bugs et des fonctionnalités
    • Il ajoute à titre personnel qu’il aimerait un jour le passer en open source
  • Le domaine de la radioamateur est riche en UI à forte densité d’information

    • La plupart sont conçues pour des power users, ce qui nécessite un apprentissage autonome sans dépendre du manuel
    • Des outils comme WSJT-X et VOACAP sont donnés en exemple
    • L’auteur dit avoir développé une UI web d’analyse de signal en temps réel (ft8.live)
    • Ant Design et Deck.gl se sont révélés adaptés pour mettre en œuvre une UI à forte densité d’information et de la visualisation de données
  • old.reddit.com est cité comme une UI particulièrement riche en informations

    • Il existait autrefois un affichage encore plus dense, mais il n’est plus proposé aujourd’hui
    • Une capture d’écran de l’interface web mobile originale de Reddit subsiste dans un billet de blog
  • Les outils de supervision système en ligne de commande comme htop, atop et btop ont une densité d’information très élevée

    • Une capture d’écran de btop est fournie
  • L’auteur demande des retours sur la densité d’information de son propre site