Information Density in B2B SaaS: Designing Dashboards for Power Users and Novices

Density is a feature for experts

整天使用 B2B 工具的人（例如分析師、支援代理商和操作員）通常更喜歡一次查看更多內容，因為滾動和切換選項卡會浪費他們的時間。為了獲得清晰的螢幕截圖而將所有內容變得寬敞可能會使他們的工作速度變慢。目标是密集但易于浏览的信息。

讓人們選擇密度

设计系统现在将密度构建到组件中。例如，IBM 的 Carbon 資料表提供五種行高，從用於高密度佈局的超小（24 像素）到用於更輕鬆掃描的超大（64 像素），預設為中（40 像素）。

• 提供兩個或三個密度設置，每個用戶都會記住。
• Change spacing and row height, not font size or contrast.
• 無論密度如何，在觸控裝置上保持觸摸目標足夠大。

Hierarchy makes density readable

Nielsen Norman Group 将仪表板定义为可视化，提供人们可以快速采取行动的一目了然的信息，并建议人们阅读速度最快的长度和 2D 位置的编码量。在實踐中：將推動決策的少數數字放在頂部，將所有內容與網格對齊，僅使用顏色表示含義（狀態、警報），並將數字右對齊以便進行比較。

Protect novices without slowing experts

漸進式揭露使進階選項可用但不妨礙。使用集中的預設視圖啟動新用戶，讓他們根據需要添加列、過濾器和小部件，並保存視圖，以便專家可以立即返回他們的密集設定。

密集界面中的運動

在資料密集的畫面中，動作應該解釋變化，而不是裝飾：突出顯示剛剛更新的值，將行動畫移動到新的排序位置，或顯示圖表轉換，以便人們可以追蹤移動的內容。保持簡短，並避免與數據競爭的連續動畫。