情報密度の高いUIの優れた事例を見つけるのがなぜ難しいのか

• 高情報密度UIの実際の優れた事例を見つけるのは簡単ではない
• オンラインの検索エンジンの結果は、ほとんどが似たような意見を繰り返す曖昧な記事で埋め尽くされている
• Matthew Strömのブログ記事は、例外的に具体的な情報を含んでいて印象的だった
• 画像検索の結果にも、求めている高情報密度デザインとは無関係な事例が多い
• 最近のUIデザインは、余白が多く色のコントラストが低いグレートーンがトレンドである一方、高情報密度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 のリンクを共有