建站常識(shí)
導(dǎo)航設(shè)計(jì)與信息架構(gòu)
2008-01-15 13:47:00
大部分時(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)物、植物、微生物的具體存在,才有了界、門、綱、目、科、屬、種這樣的生物分類法。為什么要分那么細(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)航作用的?;蛘呶覀兛梢苑Q之為輔助導(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ì)。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-05-12 08:20:00] 信息架構(gòu)中的常見(jiàn)模型
- [2007-05-13 10:22:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計(jì)欣賞四
- [2009-11-16 08:24:00] 《Web信息架構(gòu)》-導(dǎo)航系統(tǒng)
- [2007-07-30 18:06:00] 初步了解信息架構(gòu)
- [2009-11-13 14:19:00] 《Web信息架構(gòu)》-標(biāo)簽系統(tǒng)
- [2007-05-13 10:20:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計(jì)欣賞三
- [2009-04-21 22:36:00] Wordpress后臺(tái)的導(dǎo)航設(shè)計(jì)
- [2010-05-05 21:51:00] 關(guān)于音樂(lè)試聽(tīng)網(wǎng)站信息架構(gòu)的一些事
- [2010-06-01 08:36:00] 信息架構(gòu)中的常見(jiàn)模型-2
- [2010-05-17 17:05:00] 也說(shuō)導(dǎo)航設(shè)計(jì)
- [2009-11-03 22:32:00] 選中狀態(tài)應(yīng)該高亮還是灰掉?
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-組織系統(tǒng)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
外貿(mào)網(wǎng)站建設(shè) 青島開(kāi)發(fā)區(qū)建站公司 空白和簡(jiǎn)潔的設(shè)計(jì) 青島網(wǎng)站優(yōu)化 程序開(kāi)發(fā) 集團(tuán)官網(wǎng) 網(wǎng)站制作 青島flash網(wǎng)站 互聯(lián)網(wǎng) H5專題頁(yè)面 php程序 青島網(wǎng)站建設(shè) GOOGLE SEO 建站常識(shí) 網(wǎng)站設(shè)計(jì) 網(wǎng)站動(dòng)畫 平面設(shè)計(jì) 高端輪胎網(wǎng)站設(shè)計(jì) 微信開(kāi)發(fā) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 營(yíng)銷策略 微信營(yíng)銷的優(yōu)勢(shì) 營(yíng)銷型網(wǎng)站 海信網(wǎng)絡(luò)科技 視覺(jué)靈感 英文網(wǎng)站建設(shè) 中小型企業(yè)網(wǎng)站建設(shè) 新的元素 微信小程序