Ask HN: 情報密度の高い優れたUIの事例は何ですか（スクリーンショット、アプリ、サイト）？

• 情報密度の高いUIの優れた事例を見つけるのは難しく、検索結果は互いに似通った曖昧な記事で埋まっているという問題意識がある
• 例外として Matthew Ström の UI Density という記事が挙げられており、画像検索も概して関連性の低い結果を示す
• 画面要素の間隔が広く取られ、グレー基調で区切られる流れの中で、多くの情報を盛り込む UI事例 をスクリーンショット・アプリ・サイトの形で探している

[GN⁺]

Hacker Newsの意見

• McMaster-Carrのウェブサイトへの言及がない点を指摘

• 最高の高情報密度サイトとまではいかないが、整然としていて機能性に優れ、一度に多くの情報をうまく伝えている

• Trader UIとVC UIを区別する用語を使用

  • Trader UIは、可能な限り多くの情報を1画面に詰め込もうとする傾向がある
  • VCが投資した企業はbootstrapを使い、価格ページに角丸を適用していて、実際の情報量は少なめ

• 自身はBuckarooというプロジェクトを開発中

  • Jupyter notebookで動作するデータフレームのテーブルUI
  • Trader UIを志向し、sparklineスタイルのヒストグラムと数値カラムに最適化されたフォーマットを提供
  • https://github.com/paddymul/buckaroo をリンクとして共有

• tracing、profiling、バイナリ解析UIの例を提案

  • Windows Performance Analyzerの使用例リンクを共有
  • tracyやImHexのようなGitHubのオープンソースプロジェクトを例示

• 3DモデリングおよびCADソフトウェアにも追加で言及

  • Blender、Rhinoなどが挙げられている

• オーディオ関連のDAWも高情報密度UIの例として推薦

• x.com/usgraphics/mediaでさまざまなソフトウェアUIの実例資料を確認できる

• データ関連ではないが、昔のWMPスキンとaesthetics分析サイトを対照的な参考例として見られる

• 自身のプロジェクトとしてproductchart.comを紹介

  • 従来の製品リストの代わりに「product chart」で置き換える
  • 製品を1つのパラメータではなく2つ（例: 価格、発売日）でx/yチャート上に配置
  • 基本画像のみを表示し、マウスオーバー時にツールチップで追加情報を示し、クリック時に全データを公開
  • 最大300製品を1画面に表示可能
  • デスクトップ画面で見ると、このチャートインターフェースを実感できる

• 専門家向けクリエイティブソフトウェアを推薦

  • 多くのユーザーは1つのツールを1日8時間使うことが多い
  • 写真、印刷、動画、音声などさまざまな編集ソフトウェアでUXと情報密度が優れている
  • Blenderが代表例で、公式マニュアルのUIチャプターへのリンクを共有

• 自身はCuriosityローバーのドライバー兼アームオペレーター

  • JPLでは優れた高情報密度ツールをいくつも使用している
  • 最も代表的なものとしてRSVP Hyperdriveを挙げる
  • 5枚目のスクリーンショットを見るよう案内
  • 自身もRSVP開発チームでバグ修正や機能追加に貢献
  • いつかオープンソース化してみたいという個人的な意見

• アマチュア無線分野は高情報密度UIが豊富

  • ほとんどがパワーユーザー向けの設計で、マニュアルに頼らない独力での学習が必要
  • WSJT-X、VOACAPのようなツールを例示
  • 自身はリアルタイム信号解析ウェブUI（ft8.live）を開発した経験がある
  • Ant DesignとDeck.glを活用し、高情報密度UIとデータ可視化の実装に適していた

• old.reddit.comが情報豊富なUIとして挙げられる

  • 以前はさらに情報量の多い表示もあったが、今はもう提供されていない
  • 元のモバイル向けredditウェブインターフェースのスクリーンショットがブログ記事に残っている

• htop、atop、btopのようなコマンドラインのシステム監視ツールは情報密度が非常に高い

  • btopのスクリーンショットが提供されている

• 自身のサイトの情報密度について意見フィードバックを求めている

  • https://ont.fyi/entity/Q6109517 のリンクを共有