中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁(yè) > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > 導(dǎo)航設(shè)計(jì)與信息架構(gòu)
提升網(wǎng)站可用性的3個(gè)忠告 回到列表 (100-1)% 的內(nèi)容是導(dǎo)航
 導(dǎo)航設(shè)計(jì)與信息架構(gòu)

作者:Farewelli 時(shí)間: 2008-01-15 文檔類型:原創(chuàng) 來(lái)自:UCDChina.com

大部分時(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ì)。

本文鏈接:http://www.95time.cn/design/doc/2008/5279.asp 

出處:UCDChina.com
責(zé)任編輯:moby

相關(guān)文章 更多相關(guān)鏈接
提升網(wǎng)站可用性的3個(gè)忠告
(100-1)% 的內(nèi)容是導(dǎo)航
讓復(fù)雜導(dǎo)航變簡(jiǎn)單
論"面包屑"的倒掉
把導(dǎo)航系統(tǒng)做薄
作者文章 更多作者文章
心流理論和設(shè)計(jì)
信息可視化與視覺(jué)設(shè)計(jì)
空格的寬度
良好位置感的設(shè)計(jì)
什么是通感(Synaesthesia)?
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁(yè)制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開(kāi)啟
國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)7月將在京舉行
中國(guó)國(guó)防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問(wèn)題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會(huì)
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國(guó)外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡(jiǎn)約而不簡(jiǎn)單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來(lái)自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來(lái)自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請(qǐng)不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫(huà),設(shè)計(jì)作品,如需使用,請(qǐng)與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請(qǐng)與我們聯(lián)系,我們將立即刪除修改。

您的評(píng)論
用戶名:  口令:
說(shuō)明:輸入正確的用戶名和密碼才能參與評(píng)論。如果您不是本站會(huì)員,你可以注冊(cè) 為本站會(huì)員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請(qǐng)用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評(píng)分 1 2 3 4 5
注意:請(qǐng)不要在評(píng)論中含與內(nèi)容無(wú)關(guān)的廣告鏈接,違者封ID
請(qǐng)您注意:
·不良評(píng)論請(qǐng)用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國(guó)的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評(píng)論管理人員有權(quán)保留或刪除其管轄評(píng)論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評(píng)論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評(píng)論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書(shū)推薦 更多內(nèi)容
網(wǎng)站可用性測(cè)試及優(yōu)化指南
《寫(xiě)給大家看的色彩書(shū)1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開(kāi)發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開(kāi)發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2