Ask HN: Was sind gute Beispiele für informationsdichte UIs (Screenshots, Apps, Websites)?

• Es besteht der Eindruck, dass gute Beispiele für informationsdichte UIs schwer zu finden sind und die Suchergebnisse voller ähnlich klingender, vager Artikel sind
• Als Ausnahme wird Matthew Ströms Artikel UI Density genannt; auch die Bildersuche liefert überwiegend wenig relevante Ergebnisse
• In einem Trend, bei dem Bildschirmelemente mit viel Abstand angeordnet und Bereiche vor allem in Grau gegliedert werden, werden UI-Beispiele gesucht, die viele Informationen unterbringen – in Form von Screenshots, Apps oder Websites

[GN⁺]

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.

  • Es wird der Link https://ont.fyi/entity/Q6109517 geteilt.