騰訊設計 師幫你掌握基于任務的導航設計

發布時間:2017-06-17 06:03 來源:互聯網 當前欄目:網頁設計教程

 騰訊設計師幫你掌握基于任務的導航設計 電腦高手網

  用過Windows控制面板的同學應該都體會過那種找不到目標,一打開直接懵了的感覺,因為這類基于任務導航的產品,要求設計師要對產品用戶以及用戶任務一個非常清晰的認識,今天騰訊同學從企業QQ的實戰中總結了不少經驗,對這類小眾但很有可能用到的知識,建議收藏喲。

  對于不同平臺導航的交互形式與視覺樣式,已經有不少的文章來介紹與總結。本文所介紹的是關于導航規劃思路,一個比較小眾的領域,基于任務的導航。

  目前產品主要使用基于對象的導航和基于任務的導航。相對來說的,純粹的基于對象的導航的較為常見,但純粹的基于任務的導航的產品卻為數不多。不少業務復雜的產品會考慮混合使用這兩種導航,主輔結合來盡可能覆蓋用戶的使用場景。

  如何區分導航的組織方式?

  最簡單的的區分法,關注導航標簽的命名方式。基于對象的導航,通常使用名詞作為導航標簽,標簽指向目標事物;基于任務的導航,通常使用動詞、動賓短語作為導航標簽,標簽指向動作行為。

  基于對象的導航

  這類界面在日常中比較常見,以名詞為主的導航標簽。

基于任務的導航設計

  基于任務的導航

  可以關注界面中的導航標簽的命名,以動詞、動賓短語為主,關注事務的執行。基于任務的導航通常在工具應用型的產品中。

  AT&T的賬戶管理頁面,導航按照任務作為劃分與指引。

基于任務的導航設計

  主導航

基于任務的導航設計

  其他輔助導航

基于任務的導航設計

  這是 Fedex的官網,界面導航基本都是基于任務的劃分與拆解。

基于任務的導航設計

  導航細節

基于任務的導航設計

  使用基于任務導航的產品,對設計師有較高要求,對產品涉及的用戶以及用戶任務要有一個的非常清晰的認識。產品的導航核心是基于任務的,那么任務分析就顯得尤為重要。

  任務分析的工具與方法

  對于單個的任務分析,關注于任務的本身要素與影響因素。

  1、決策表。把活動中的條件與行為加以區分,根據不同的條件采取不同行為的對應關系以表格形式展示。

  2、流程圖。以活動流程圖的形式來展示任務的操作要素與流向。

  對于多個的任務分析,關注于任務間的關系梳理,尤其適合那些邏輯、順序模糊的任務。

  3、語句描述。通過語言的組織來展示任務的要素、關系以及執行要求。

  4、時間序列。依據行為執行時間長短以及順序來展示整個活動過程中各個任務的優先級以及相互關系。

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、