萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

騰訊設計師深度解析:基於任務的導航設計實戰指南

用過 Windows 控制面板的設計師應該都有同感:打開介面瞬間一片茫然,完全找不到目標功能。這類基於任務導航的產品,對設計師理解用戶與任務的要求極高。今天騰訊設計師從企業 QQ 實戰中總結的經驗,雖屬小眾知識,卻極具參考價值,建議收藏研習。

導航組織方式的核心區別

釐清導航規劃思路,首先要區分兩種主流組織形式:

  • 基於對象的導航:標籤多為名詞,指向具體事物(如「文件」、「設定」、「用戶」)
  • 基於任務的導航:標籤多為動詞或動賓短語,指向具體行為(如「新增報表」、「匯出數據」、「發送郵件」)

純粹的對象導航較常見,純任務導航較少。業務複雜的產品常採用混合模式,主輔結合以覆蓋更多使用場景。

典型的基於對象導航介面

AT&T 賬戶管理頁面:主導航採用任務劃分

FedEx 官網:導航基本以任務拆解為主

任務分析的五大工具與方法

導航核心若建立在任務上,任務分析便是關鍵:

單一任務分析

  1. 決策表:以表格呈現條件與行為的對應關係
  2. 流程圖:用活動流程圖展示操作要素與流向

多任務關係梳理

  1. 語句描述:用語言組織呈現任務要素、關係與執行要求
  2. 時間序列:依執行時間長短與順序展示優先級與關係
  3. 任務清單:逐一羅列所有任務,標註順序、重要度、頻率(難點在於完整性,易漏掉伴生與支線任務)

何時選擇基於任務的導航?

  1. 用戶首要目標:尋找/探索事物 → 對象導航;完成具體事情 → 任務導航
  2. 產品定位:官網、部落格等展示型 → 對象導航;管理後台等應用型 → 任務導航
  3. 功能結構:同一功能服務不同對象 → 對象導航;同一對象提供不同功能 → 任務導航
  4. 靈活混合:不拘泥純粹形式,主次混合發揮各自認知優勢

Windows 控制面板的反面教材啟示

混合導航模式:綠色名詞類(對象)+ 藍色動賓短語(任務)

這個界面卻備受爭議,用戶更願切換到大/小圖標視圖尋找功能。原因在於:

  1. 依賴層次閱讀:設計師預期用戶先讀綠色定位範圍,再讀藍色定位操作,但大多數用戶採用順序閱讀,雙維度導航造成認知困惑
  2. 任務短語冗長:雖單個文案自然親切,但需讀完才能獲取核心信息,降低檢索效率
  3. 任務數遠超對象數:無形中提高了檢索成本

設計師的實戰心法

1. 審視用戶對任務的認知

從三個維度考察:目標性強弱、任務執行頻度、核心任務數量。不當使用任務導航極易降低可用性。

2. 重新組織任務與對象

  • 展示型產品:推薦對象導航為主
  • 高頻服務/功能型產品:用戶熟悉服務且場景界線清晰 → 任務導航為主,對象為輔
  • 低頻服務/功能型產品:對象導航為主(易識別,適合新用戶),任務導航為輔(場景化串聯提效)

企業 QQ 管理後台的實踐案例

企業 QQ 面向全員的辦公 IM 管理軟體,管理後台特點:管理者目的性強、使用頻率低、任務種類多且關聯性強、難劃分清晰子場景。

採用對象導航為主、任務導航為輔的模式:利用任務導航彌補對象導航的遺憾,將關聯功能/場景串聯(相似任務或分支任務轉為任務維度呈現)。

作為小眾領域,國內探討較少,國外實踐較多。文中界面樣式或會過時,但背後的設計思路值得持續學習領悟。

copyright © 萬盛學電腦網 all rights reserved