1 Punkte von GN⁺ 2025-05-09 | 1 Kommentare | Auf WhatsApp teilen
  • Wirklich gute Beispiele für UIs mit hoher Informationsdichte zu finden, ist nicht einfach
  • Die Ergebnisse von Online-Suchmaschinen sind meist voller vager Artikel, die ähnliche Meinungen wiederholen
  • Ein Blogbeitrag von Matthew Ström war eine bemerkenswerte Ausnahme, weil er ungewöhnlich konkrete Informationen enthielt
  • Auch die Bildsuchergebnisse enthalten viele Beispiele, die nichts mit dem gesuchten Design mit hoher Informationsdichte zu tun haben
  • Während im aktuellen UI-Design viel Leerraum und graue Farbtöne mit geringem Kontrast im Trend liegen, sind Beispiele für UIs mit hoher Informationsdichte in der Praxis nur schwer zu finden

1 Kommentare

 
GN⁺ 2025-05-09
Hacker-News-Kommentare
  • Es wird darauf hingewiesen, dass die Website von McMaster-Carr nicht erwähnt wurde.

  • Sie ist zwar nicht die informationsdichteste Seite überhaupt, überzeugt aber durch ihre Aufgeräumtheit und Funktionalität und vermittelt auf einmal sehr viele Informationen.

  • Es werden die Begriffe Trader UI und VC UI verwendet.

    • Trader UI tendiert dazu, möglichst viele Informationen auf einen Bildschirm zu packen.
    • Von VCs finanzierte Unternehmen verwenden Bootstrap und setzen auf ihren Preisseiten auf abgerundete Ecken, enthalten aber tatsächlich nur wenige Informationen.
  • Die Person arbeitet an einem Projekt namens Buckaroo.

    • Es ist eine DataFrame-Tabellen-UI, die in Jupyter notebook läuft.
    • Sie orientiert sich an einer Trader UI und bietet Histogramme im Sparkline-Stil sowie für numerische Spalten optimierte Formatierung.
    • Es wird der Link zu https://github.com/paddymul/buckaroo geteilt.
  • Als Beispiele werden UIs für Tracing, Profiling und Binäranalyse vorgeschlagen.

    • Ein Beispiel-Link zur Nutzung von Windows Performance Analyzer wird geteilt.
    • Open-Source-Projekte auf GitHub wie tracy und ImHex werden als Beispiele genannt.
  • Zusätzlich werden 3D-Modellierungs- und CAD-Programme erwähnt.

    • Blender, Rhino usw. werden genannt.
  • Auch audiobezogene DAWs werden als Beispiele für informationsdichte UIs empfohlen.

  • Unter x.com/usgraphics/media lassen sich Beispiele für verschiedene Software-UIs ansehen.

  • Es hat zwar nichts mit Daten zu tun, aber alte WMP-Skins und Websites zur Analyse von Ästhetik können kontrastierend als Referenz dienen.

  • Als eigenes Projekt wird productchart.com vorgestellt.

    • Statt einer traditionellen Produktliste wird ein „product chart“ verwendet.
    • Produkte werden nicht anhand nur eines Parameters, sondern anhand von zwei Werten (z. B. Preis und Veröffentlichungsdatum) in einem x/y-Diagramm platziert.
    • Es werden zunächst nur Basisbilder gezeigt; bei Mouse-over erscheinen zusätzliche Informationen als Tooltip, und per Klick werden die vollständigen Daten offengelegt.
    • Bis zu 300 Produkte können auf einem Bildschirm angezeigt werden.
    • Auf einem Desktop-Bildschirm lässt sich die Chart-Oberfläche gut erleben.
  • Professionelle Kreativsoftware wird empfohlen.

    • Viele Nutzer verwenden ein einzelnes Tool hauptsächlich acht Stunden am Tag.
    • In verschiedenster Bearbeitungssoftware für Foto, Druck, Video und Sound sind UX und Informationsdichte hervorragend.
    • Blender wird als repräsentatives Beispiel genannt, und ein Link zum UI-Kapitel im offiziellen Handbuch wird geteilt.
  • Die Person ist Fahrer des Curiosity-Rovers und Arm-Operator.

    • Bei JPL werden mehrere hervorragende, informationsdichte Tools verwendet.
    • Als herausragendstes Beispiel wird RSVP Hyperdrive genannt.
    • Es wird darauf hingewiesen, sich den fünften Screenshot anzusehen.
    • Die Person hat auch dem RSVP-Entwicklungsteam mit Bugfixes und Funktionsbeiträgen geholfen.
    • Es wird persönlich angemerkt, dass man es eines Tages gern als Open Source veröffentlichen würde.
  • Im Bereich Amateurfunk gibt es viele informationsdichte UIs.

    • Die meisten sind für Power User konzipiert, weshalb eigenständiges Lernen unabhängig vom Handbuch nötig ist.
    • Tools wie WSJT-X und VOACAP werden als Beispiele genannt.
    • Die Person hat Erfahrung mit der Entwicklung einer Web-UI für Echtzeitsignalanalyse (ft8.live).
    • Mit Ant Design und Deck.gl eignete sich dies gut zur Umsetzung einer informationsdichten UI und Datenvisualisierung.
  • old.reddit.com wird als UI mit hohem Informationsgehalt genannt.

    • Früher gab es Displays mit noch mehr Informationen, diese werden heute jedoch nicht mehr angeboten.
    • Screenshots der ursprünglichen mobilen Weboberfläche von reddit sind noch in Blogposts erhalten.
  • Kommandozeilenbasierte System-Monitoring-Tools wie htop, atop und btop haben eine sehr hohe Informationsdichte.

    • Es wird ein Screenshot von btop bereitgestellt.
  • Es wird um Feedback zur Informationsdichte der eigenen Website gebeten.