杏吧app下载,关婷娜被揉胸视频直播,杏吧之春暖花开有你

array(23) {
  ["id"] => string(2) "96"
  ["siteid"] => string(1) "1"
  ["type"] => string(1) "1"
  ["m_id"] => string(1) "0"
  ["p_id"] => string(1) "0"
  ["name"] => string(6) "服務"
  ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
  ["image"] => string(0) ""
  ["desc"] => string(0) ""
  ["pdir"] => string(0) ""
  ["dir"] => string(7) "service"
  ["url"] => string(0) ""
  ["setting"] => array(15) {
    ["is_html"] => int(1)
    ["content_is_html"] => int(0)
    ["urlrule"] => int(1)
    ["contenturlrule"] => int(0)
    ["meta_title"] => string(88) "定制開發(fā)-APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_keywords"] => string(75) "APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_description"] => string(0) ""
    ["category_template"] => string(0) ""
    ["list_template"] => string(0) ""
    ["show_template"] => string(21) "show_page_dingzhi.tpl"
    ["formid"] => string(0) ""
    ["url"] => string(0) ""
    ["target"] => string(0) ""
    ["pri_grade_visit"] => array(0) {
    }
    ["pri_grade_add"] => array(0) {
    }
  }
  ["order"] => string(1) "1"
  ["sethtml"] => string(1) "0"
  ["stat"] => string(1) "2"
  ["flowid"] => string(1) "0"
  ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
  ["page_num"] => string(1) "0"
  ["wxstat"] => string(1) "0"
  ["scope"] => string(0) ""
  ["modelname"] => NULL
  ["son"] => array(9) {
    [0] => array(22) {
      ["id"] => string(3) "187"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "小程序開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專業(yè)微信小程序解決方案|各種場景核心功能,提前布局微信新生態(tài),搶占第一波紅利"
      ["pdir"] => string(0) ""
      ["dir"] => string(6) "wechat"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發(fā)-藝源科技小程序開發(fā)"
        ["meta_keywords"] => string(103) "小程序開發(fā),商城小程序開發(fā),門店小程序開發(fā),微圈小程序開發(fā),餐飲小程序開發(fā)"
        ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發(fā),專業(yè)團隊,一對一服務,助企業(yè)快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數(shù)據(jù)架構(gòu),系統(tǒng)穩(wěn)定安全。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_xcx.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "0"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "1"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [1] => array(22) {
      ["id"] => string(3) "199"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "APP開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "APP"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(65) "app開發(fā)_app定制開發(fā)_app制作開發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開發(fā),app定制開發(fā)公司,app制作開發(fā)公司"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_app.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [2] => array(22) {
      ["id"] => string(3) "244"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "快抖霸屏"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "kuaidou"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商!"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營銷爆客解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(20) "show_page_douyin.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "2"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(27) "需要短視頻推廣排名"
      ["modelname"] => NULL
    }
    [3] => array(22) {
      ["id"] => string(3) "207"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(14) "AI智能名片"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(2) "ai"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
        ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
        ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關的服務。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(16) "show_page_ai.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "3"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [4] => array(22) {
      ["id"] => string(3) "201"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "版權登記"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "copyright"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_copyright.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "4"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [5] => array(22) {
      ["id"] => string(3) "203"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "商標注冊"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "trademark"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(131) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業(yè)貫標,代理高新技術企業(yè)認定的服務;咨詢電話:13325455411。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_trademark.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "5"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [6] => array(22) {
      ["id"] => string(3) "205"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "網(wǎng)站建設"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款"
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "website"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(80) "西安商城網(wǎng)站建設_政府網(wǎng)站建設_學校網(wǎng)站建設就選藝源科技"
        ["meta_keywords"] => string(113) "西安網(wǎng)站建設,西安網(wǎng)絡公司,西安網(wǎng)頁設計,商城網(wǎng)站建設,政府網(wǎng)站建設,學校網(wǎng)站建設"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專業(yè)的西安商城網(wǎng)站建設,政府網(wǎng)站建設,學校網(wǎng)站建設的網(wǎng)絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經(jīng)驗,為您提供一條龍的互聯(lián)網(wǎng)應用解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_website.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "6"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [7] => array(22) {
      ["id"] => string(3) "208"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "2"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "云服務平臺"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(0) ""
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(0)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(0)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(0) ""
        ["formid"] => string(0) ""
        ["url"] => string(21) "http://www.qulvkj.com"
        ["target"] => string(6) "_blank"
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "7"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [8] => array(22) {
      ["id"] => string(3) "202"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "SEO優(yōu)化"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "seo"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(90) "【西安SEO優(yōu)化_西安網(wǎng)站優(yōu)化_關鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網(wǎng)站優(yōu)化,西安網(wǎng)站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務,針對不同行業(yè)、網(wǎng)站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_seo.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "8"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
  }
}
				
當前位置: 首頁 > 售后 > 藝源智庫
小眾干貨!騰訊設計師幫你掌握基于任務的導航設計
時間:2019-04-23 09:53:21
文章發(fā)布:李陽
原創(chuàng)作者:未知
來源:互聯(lián)網(wǎng)

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

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

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

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

如何區(qū)分導航的組織方式?

簡單的的區(qū)分法,關注導航標簽的命名方式?;趯ο蟮膶Ш?,通常使用名詞作為導航標簽,標簽指向目標事物;基于任務的導航,通常使用動詞、動賓短語作為導航標簽,標簽指向動作行為。

基于對象的導航

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

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

基于任務的導航

可以關注界面中的導航標簽的命名,以動詞、動賓短語為主,關注事務的執(zhí)行?;谌蝿盏膶Ш酵ǔT诠ぞ邞眯偷漠a(chǎn)品中。

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

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

主導航

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

其他輔助導航

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

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

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

導航細節(jié)

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

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

任務分析的工具與方法

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

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

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

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

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

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

5、任務清單。把活動中所有的任務逐個羅列出來,并標識先后順序、重要程度、頻率等。任務清單的難點在于羅列的完整性,許多的伴生任務以及支線任務容易在梳理的過程中遺漏。

何時考慮使用基于任務的導航?

1、明確用戶的首要目標。以尋找或探索事物為目標的,適合使用基于對象的導航為主;以把事情完成為目標的,適合使用基于任務的導航為主。

2、明確產(chǎn)品定位與功能。官網(wǎng)、博客等展示類的產(chǎn)品適合基于對象的導航。管理后臺等應用類的產(chǎn)品適合基于任務的導航。

對于不同主題對象提供同一功能為主的產(chǎn)品,適合基于對象的導航;對于同一主題對象提供不同功能的產(chǎn)品,適合基于任務的導航。

3、考慮混合使用對象導航與任務導航。

在應用過程過程中,不拘泥于純粹的對象導航還是的任務導航。靈活使用主次混合導航,充分利用各自在使用場景下用戶認知優(yōu)勢,取長補短,完善產(chǎn)品的整體導航。

實際案例的啟迪

Windows 控制面板,如果我們把控制面板看作一個獨立的應用。

當用戶打開控制面板,界面如下:

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

這是一個使用混合導航模式的界面設計,以對象作為認知主線,用戶任務作為行為指引。綠色的鏈接主要是名詞或名詞性短語,這是基于對象的導航設計。藍色的鏈接是動賓短語(操作+對象),這是基于任務導航的設計。

然而,這卻是一個充滿爭議的界面,不少人抱怨這個頁面不好用。用戶往往找不到所需要的功能,更愿意切換到大圖標/小圖標視圖進行功能的索引。

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

是什么造成了用戶抱怨?

回憶一下控制面板的使用場景,用戶通常是有著明確使用目標,使用頻率較低等特點。

這些特點,形成的使用預期是能夠快速找到并使用設置功能。降低使用效率的點,將會引起用戶的抱怨。

1、依賴層次閱讀。從界面設計來推斷,當時設計師可能是希望用戶通過綠色文字的快速閱讀進行范圍定位,然后再根據(jù)藍色文字進行操作定位。設計師通過分組聚類的方式試圖降低每個界面信息量,畢竟設置項非常多。但是更多的人,在使用這個界面時使用的是順序閱讀,短時間內(nèi)面對不同的維度導航指引,容易造成認知困惑。

2、任務的短語文字冗長,造成核心信息獲取效率的降低。雖然標簽的文案單個看起來更自然親切,但在短語的信息需要閱讀完畢后才能獲取到。

3、任務數(shù)目遠大于對象數(shù)目,無形中提高了檢索成本。

我的心得

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

不同產(chǎn)品對于用戶任務的詮釋存在較大差異。由于基于任務的導航,對用戶的認知、場景的覆蓋有較高要求,不當?shù)氖褂萌菀捉档涂捎眯浴?/span>

我們將用戶認知拆解成這幾個維度去考察:目標性強弱、任務執(zhí)行的頻度、核心任務數(shù)量。

2、重新組織任務與對象

對于展示型的產(chǎn)品中,我們更推薦使用基于對象的導航。

對于常用的服務型、功能型產(chǎn)品,用戶往往對產(chǎn)品所能提供的服務比較熟悉,或者有生活實際映射。如果能夠?qū)鼍安馂閹讉€界線明晰的子場景,則可以考慮使用以任務導航為主,對象導航為輔的模式。

對于使用頻率較低的服務型、功能型產(chǎn)品,可以考慮使用以對象導航為主,任務導航為輔的模式。對象容易識別與認知,通過對象導航優(yōu)勢可以增強用戶對產(chǎn)品的認知,尤其適合新用戶。通過任務導航的輔助串聯(lián),將功能場景化,提高的使用效率。

項目中的嘗試

企業(yè)QQ,一款針對公司全體員工的辦公IM管理軟件。除了日常使用的IM終端,還有一個面向管理者的管理系統(tǒng)。

我們首先看管理任務的特點。管理者對于管理內(nèi)容與任務目的性比較強,使用頻率較低。在枚舉任務時候,容易發(fā)現(xiàn)任務種類和數(shù)量非常多,存在較多的關聯(lián)性任務,在場景的劃分上,較難劃分出界線清晰的子場景。

所以我們嘗試使用以對象導航為主,任務導航為輔的模式。利用基于任務的導航來彌補對象導航中存在的遺憾,將關聯(lián)功能/場景進行串起。關聯(lián)功能,轉(zhuǎn)為任務緯度可以是相似任務或分支任務。

小眾干貨!騰訊設計師幫你掌握基于任務的導航設計-藝源科技

作為一個小眾的領域,國內(nèi)交互設計領域?qū)Υ颂接懙牟⒉欢?,在產(chǎn)品實踐中則更少。國外不少有產(chǎn)品在這個領域進行實際應用。界面的截圖,也多來自于此。文中列舉的界面樣式可能會過時,但是其背后的設計思路是可以不斷學習領悟的。

小程序開發(fā)
標簽: ui設計 導航設計 用戶體驗 經(jīng)驗分享 網(wǎng)頁導航設計
*版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉(zhuǎn)載侵犯您的版權,請及時聯(lián)系我們刪除!
為您推薦
最新文章
掃碼加他,免費獲取方案