
用過 Windows 控制面板的設計師應該都有同感:打開介面瞬間一片茫然,完全找不到目標功能。這類基於任務導航的產品,對設計師理解用戶與任務的要求極高。今天騰訊設計師從企業 QQ 實戰中總結的經驗,雖屬小眾知識,卻極具參考價值,建議收藏研習。
導航組織方式的核心區別
釐清導航規劃思路,首先要區分兩種主流組織形式:
- 基於對象的導航:標籤多為名詞,指向具體事物(如「文件」、「設定」、「用戶」)
- 基於任務的導航:標籤多為動詞或動賓短語,指向具體行為(如「新增報表」、「匯出數據」、「發送郵件」)
純粹的對象導航較常見,純任務導航較少。業務複雜的產品常採用混合模式,主輔結合以覆蓋更多使用場景。
典型的基於對象導航介面
AT&T 賬戶管理頁面:主導航採用任務劃分
FedEx 官網:導航基本以任務拆解為主
任務分析的五大工具與方法
導航核心若建立在任務上,任務分析便是關鍵:
單一任務分析
- 決策表:以表格呈現條件與行為的對應關係
- 流程圖:用活動流程圖展示操作要素與流向
多任務關係梳理
- 語句描述:用語言組織呈現任務要素、關係與執行要求
- 時間序列:依執行時間長短與順序展示優先級與關係
- 任務清單:逐一羅列所有任務,標註順序、重要度、頻率(難點在於完整性,易漏掉伴生與支線任務)
何時選擇基於任務的導航?
- 用戶首要目標:尋找/探索事物 → 對象導航;完成具體事情 → 任務導航
- 產品定位:官網、部落格等展示型 → 對象導航;管理後台等應用型 → 任務導航
- 功能結構:同一功能服務不同對象 → 對象導航;同一對象提供不同功能 → 任務導航
- 靈活混合:不拘泥純粹形式,主次混合發揮各自認知優勢
Windows 控制面板的反面教材啟示
混合導航模式:綠色名詞類(對象)+ 藍色動賓短語(任務)
這個界面卻備受爭議,用戶更願切換到大/小圖標視圖尋找功能。原因在於:
- 依賴層次閱讀:設計師預期用戶先讀綠色定位範圍,再讀藍色定位操作,但大多數用戶採用順序閱讀,雙維度導航造成認知困惑
- 任務短語冗長:雖單個文案自然親切,但需讀完才能獲取核心信息,降低檢索效率
- 任務數遠超對象數:無形中提高了檢索成本
設計師的實戰心法
1. 審視用戶對任務的認知
從三個維度考察:目標性強弱、任務執行頻度、核心任務數量。不當使用任務導航極易降低可用性。
2. 重新組織任務與對象
- 展示型產品:推薦對象導航為主
- 高頻服務/功能型產品:用戶熟悉服務且場景界線清晰 → 任務導航為主,對象為輔
- 低頻服務/功能型產品:對象導航為主(易識別,適合新用戶),任務導航為輔(場景化串聯提效)
企業 QQ 管理後台的實踐案例
企業 QQ 面向全員的辦公 IM 管理軟體,管理後台特點:管理者目的性強、使用頻率低、任務種類多且關聯性強、難劃分清晰子場景。
採用對象導航為主、任務導航為輔的模式:利用任務導航彌補對象導航的遺憾,將關聯功能/場景串聯(相似任務或分支任務轉為任務維度呈現)。
作為小眾領域,國內探討較少,國外實踐較多。文中界面樣式或會過時,但背後的設計思路值得持續學習領悟。