導(dǎo)航設(shè)計(jì)與信息架構(gòu)_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:對(duì)用戶體驗(yàn)和用戶習(xí)慣的典型誤讀以下內(nèi)容來(lái)自海報(bào)網(wǎng)博客昨天,海報(bào)網(wǎng)(www.haibao.tv)組織了第一次用戶體驗(yàn)測(cè)試。我們邀請(qǐng)了多名時(shí)尚美女作為測(cè)試員,而海報(bào)網(wǎng)產(chǎn)品部的同事們則按照從國(guó)外
大部分時(shí)候我們講導(dǎo)航,講的是導(dǎo)航對(duì)內(nèi)容和結(jié)構(gòu)的一種表現(xiàn)。就是說(shuō)我們?cè)谟懻搶?dǎo)航的時(shí)候,更多的去關(guān)注怎么與之交互,以及視覺(jué)上是怎么好看。但是導(dǎo)航,不僅僅局限于交互方式和視覺(jué)形式。
被狹義化的導(dǎo)航
回想一下我們是如何設(shè)計(jì)導(dǎo)航的?難道不正是根據(jù)內(nèi)容、根據(jù)內(nèi)容的結(jié)構(gòu)去設(shè)計(jì)?最終,導(dǎo)航可能包含了三方面的功勞:交互設(shè)計(jì)、視覺(jué)設(shè)計(jì),別忘了,還有信息架構(gòu)。是信息架構(gòu)決定了導(dǎo)航的設(shè)計(jì)。
信息架構(gòu)決定了我們是用幾級(jí)分類,一個(gè)項(xiàng)目是否可以屬于兩個(gè)或多個(gè)分類,等等。信息架構(gòu)里面,有很大一部分工作是分類。分類,就是對(duì)已有的項(xiàng)目、內(nèi)容,通過(guò)已知的共同屬性,進(jìn)行分組、歸類。在計(jì)算機(jī)、信息系統(tǒng)被發(fā)明以前,人們就在不斷進(jìn)行著分類工作。從日常生活到科學(xué)研究,分類無(wú)處不在。我們?yōu)槭裁磿?huì)要對(duì)動(dòng)物、植物進(jìn)行分類呢?哦,是為了形成科學(xué)的知識(shí)體系。那么當(dāng)然,是先有了動(dòng)物、植物、微生物的具體存在,才有了界、門(mén)、綱、目、科、屬、種這樣的生物分類法。為什么要分那么細(xì)致那么多層級(jí)?是因?yàn)樯飳玫膹?fù)雜性要求分的這么細(xì)致。
所以我一直以來(lái)支持的觀點(diǎn)是,根據(jù)內(nèi)容去進(jìn)行分類,和信息架構(gòu)。所以我也十分推崇使用卡片分類法,既是定量分析也是定性分析。在有條件的情況下,推薦大家嘗試。
回到開(kāi)始的話題,假如我們考慮導(dǎo)航的時(shí)候,僅考慮其交互方式和視覺(jué)形式,那么很有可能反作用于信息架構(gòu)。比如下面的例子。
Tab 式導(dǎo)航的例子
我們?yōu)槭裁匆?Tab 式導(dǎo)航?是因?yàn)樗鼙容^好的表現(xiàn)出分類以及分類的結(jié)構(gòu)(一般是兩級(jí))。并不是因?yàn)橛辛?Tab 式導(dǎo)航,所以人們才把分類分為兩級(jí)。最初的時(shí)候,一定是因?yàn)橄扔辛藘杉?jí)分類,設(shè)計(jì)師才設(shè)計(jì)出了精妙的 Tab 式導(dǎo)航。而 Tab 式導(dǎo)航的大規(guī)模使用,也在反面的影響大部分信息架構(gòu)的設(shè)計(jì)。簡(jiǎn)單的幾項(xiàng)內(nèi)容,本可以一級(jí)邏輯表明,卻被套用了兩級(jí)分類,理由是 Tab 式導(dǎo)航比較好看。就好比人們總是習(xí)慣于用四個(gè)漢字作為導(dǎo)航文案一樣。比如蠻好用“新聞”兩字可以的,非得用“新聞熱點(diǎn)”。這道理是一樣的。
導(dǎo)航的交互和視覺(jué)設(shè)計(jì)不應(yīng)該影響信息架構(gòu)的設(shè)計(jì)。魚(yú)眼菜單真的那么好用么?假如原本一個(gè)下拉菜單就十個(gè)菜單項(xiàng),你會(huì)選擇用魚(yú)眼菜單嗎?或者又是僅僅因?yàn)樗芸帷?/P>
仍然是那個(gè)問(wèn)題,什么樣的內(nèi)容,決定了什么樣的導(dǎo)航。尤其要注重下,我這里說(shuō)的內(nèi)容,不僅包括文本資料的分類,也包括功能型網(wǎng)站的用戶任務(wù)和目標(biāo)。
導(dǎo)航不僅僅是 Tab
我們看到在 Office 2007 系列產(chǎn)品中,原來(lái)的菜單已經(jīng)被板磚兒樣的按鈕所取代。這些被稱為 Ribbon 的板磚兒,或者稱之為 Context Navigation(情景式導(dǎo)航),是對(duì)類似交互操作的一種分類。顯然,情景式導(dǎo)航,已經(jīng)超越了簡(jiǎn)單的針對(duì)內(nèi)容的分類。
搜索框是一種導(dǎo)航嗎?這樣說(shuō)似乎有些牽強(qiáng)。但是在信息檢索系統(tǒng)中,搜索框、過(guò)濾器等,確實(shí)是起到了導(dǎo)航作用的。或者我們可以稱之為輔助導(dǎo)航。
歸本溯源,導(dǎo)航為什么會(huì)存在?在所有的系統(tǒng)、應(yīng)用中,都是為了讓使用者能夠高效的完成任務(wù)、達(dá)成目標(biāo)。這樣的話,從廣義上講,引導(dǎo)用戶快速完成任務(wù)的鏈接、按鈕,都可以作為大導(dǎo)航系統(tǒng)的一部分。
可能很多朋友有這樣一個(gè)問(wèn)題:導(dǎo)航設(shè)計(jì)是否要考慮商業(yè)目標(biāo)?我覺(jué)得這與上文并不沖突。具體的可留待討論。
小結(jié)
不要為了導(dǎo)航而導(dǎo)航,前面一個(gè)導(dǎo)航是指表現(xiàn)形式,后面一個(gè)導(dǎo)航是指實(shí)際的導(dǎo)航系統(tǒng)。
對(duì)于導(dǎo)航的設(shè)計(jì),信息架構(gòu)比交互方式、視覺(jué)形式更加的重要。
導(dǎo)航不僅僅是內(nèi)容的一種分類,也包括類似交互操作的分類。導(dǎo)航的目的是為了讓使用者高效的完成任務(wù)、達(dá)成目標(biāo)。
情景式導(dǎo)航有可能是導(dǎo)航設(shè)計(jì)的一種發(fā)展趨勢(shì)。
分享:臨睡前看了一眼mayi.com早在2個(gè)小時(shí)前就該睡了,睡前不知怎地想起了mayi.com,于是過(guò)去看了一眼。這次,終于知道m(xù)ayi.com是干什么的了。一、首頁(yè)先點(diǎn)了特色商鋪秀,以為是c2c,結(jié)果
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-導(dǎo)航設(shè)計(jì)與信息架構(gòu)
。