大部分時(shí)候我們講導(dǎo)航,講的是導(dǎo)航對內(nèi)容和結(jié)構(gòu)的一種表現(xiàn)。就是說我們在討論導(dǎo)航的時(shí)候,更多的去關(guān)注怎么與之交互,以及視覺上是怎么好看。但是導(dǎo)航,不僅僅局限于交互方式和視覺形式。
被狹義化的導(dǎo)航
回想一下我們是如何設(shè)計(jì)導(dǎo)航的?難道不正是根據(jù)內(nèi)容、根據(jù)內(nèi)容的結(jié)構(gòu)去設(shè)計(jì)?最終,導(dǎo)航可能包含了三方面的功勞:交互設(shè)計(jì)、視覺設(shè)計(jì),別忘了,還有信息架構(gòu)。是信息架構(gòu)決定了導(dǎo)航的設(shè)計(jì)。
信息架構(gòu)決定了我們是用幾級分類,一個(gè)項(xiàng)目是否可以屬于兩個(gè)或多個(gè)分類,等等。信息架構(gòu)里面,有很大一部分工作是分類。分類,就是對已有的項(xiàng)目、內(nèi)容,通過已知的共同屬性,進(jìn)行分組、歸類。在計(jì)算機(jī)、信息系統(tǒng)被發(fā)明以前,人們就在不斷進(jìn)行著分類工作。從日常生活到科學(xué)研究,分類無處不在。我們?yōu)槭裁磿獙?dòng)物、植物進(jìn)行分類呢?哦,是為了形成科學(xué)的知識體系。那么當(dāng)然,是先有了動(dòng)物、植物、微生物的具體存在,才有了界、門、綱、目、科、屬、種這樣的生物分類法。為什么要分那么細(xì)致那么多層級?是因?yàn)樯飳玫膹?fù)雜性要求分的這么細(xì)致。
所以我一直以來支持的觀點(diǎn)是,根據(jù)內(nèi)容去進(jìn)行分類,和信息架構(gòu)。所以我也十分推崇使用卡片分類法,既是定量分析也是定性分析。在有條件的情況下,推薦大家嘗試。
回到開始的話題,如果我們考慮導(dǎo)航的時(shí)候,僅考慮其交互方式和視覺形式,那么很有可能反作用于信息架構(gòu)。比如下面的例子。
Tab 式導(dǎo)航的例子
我們?yōu)槭裁匆?nbsp;Tab 式導(dǎo)航?是因?yàn)樗鼙容^好的表現(xiàn)出分類以及分類的結(jié)構(gòu)(一般是兩級)。并不是因?yàn)橛辛?nbsp;Tab 式導(dǎo)航,所以人們才把分類分為兩級。最初的時(shí)候,一定是因?yàn)橄扔辛藘杉壏诸悾O(shè)計(jì)師才設(shè)計(jì)出了精妙的 Tab 式導(dǎo)航。而 Tab 式導(dǎo)航的大規(guī)模使用,也在反面的影響大部分信息架構(gòu)的設(shè)計(jì)。簡單的幾項(xiàng)內(nèi)容,本可以一級邏輯表明,卻被套用了兩級分類,理由是 Tab 式導(dǎo)航比較好看。就好比人們總是習(xí)慣于用四個(gè)漢字作為導(dǎo)航文案一樣。比如蠻好用“新聞”兩字可以的,非得用“新聞熱點(diǎn)”。這道理是一樣的。
導(dǎo)航的交互和視覺設(shè)計(jì)不應(yīng)該影響信息架構(gòu)的設(shè)計(jì)。魚眼菜單真的那么好用么?如果原本一個(gè)下拉菜單就十個(gè)菜單項(xiàng),你會選擇用魚眼菜單嗎?或者又是僅僅因?yàn)樗芸帷?
仍然是那個(gè)問題,什么樣的內(nèi)容,決定了什么樣的導(dǎo)航。尤其要注意下,我這里說的內(nèi)容,不僅包括文本資料的分類,也包括功能型網(wǎng)站的用戶任務(wù)和目標(biāo)。
導(dǎo)航不僅僅是 Tab
我們看到在 Office 2007 系列產(chǎn)品中,原來的菜單已經(jīng)被板磚兒樣的按鈕所取代。這些被稱為 Ribbon 的板磚兒,或者稱之為 Context Navigation(情景式導(dǎo)航),是對類似交互操作的一種分類。顯然,情景式導(dǎo)航,已經(jīng)超越了簡單的針對內(nèi)容的分類。
搜索框是一種導(dǎo)航嗎?這樣說似乎有些牽強(qiáng)。但是在信息檢索系統(tǒng)中,搜索框、過濾器等,確實(shí)是起到了導(dǎo)航作用的?;蛘呶覀兛梢苑Q之為輔助導(dǎo)航。
歸本溯源,導(dǎo)航為什么會存在?在所有的系統(tǒng)、應(yīng)用中,都是為了讓使用者能夠高效的完成任務(wù)、達(dá)成目標(biāo)。這樣的話,從廣義上講,引導(dǎo)用戶快速完成任務(wù)的鏈接、按鈕,都可以作為大導(dǎo)航系統(tǒng)的一部分。
可能很多朋友有這樣一個(gè)問題:導(dǎo)航設(shè)計(jì)是否要考慮商業(yè)目標(biāo)?我覺得這與上文并不沖突。具體的可留待討論。
小結(jié)
不要為了導(dǎo)航而導(dǎo)航,前面一個(gè)導(dǎo)航是指表現(xiàn)形式,后面一個(gè)導(dǎo)航是指實(shí)際的導(dǎo)航系統(tǒng)。
對于導(dǎo)航的設(shè)計(jì),信息架構(gòu)比交互方式、視覺形式更加的重要。
導(dǎo)航不僅僅是內(nèi)容的一種分類,也包括類似交互操作的分類。導(dǎo)航的目的是為了讓使用者高效的完成任務(wù)、達(dá)成目標(biāo)。
情景式導(dǎo)航有可能是導(dǎo)航設(shè)計(jì)的一種發(fā)展趨勢。