《錦繡藍(lán)圖》筆記(5)

導(dǎo)航的任務(wù)就是清楚地指出用戶將前往信息架構(gòu)中的什么地方。最初可以只是指定鏈接龙亲,不過(guò)隨著進(jìn)一步設(shè)計(jì)導(dǎo)航锨阿,最終會(huì)把你到目前為止所做的一切都表示在狹小的屏幕空間里树碱。

在深入討論全局和局部導(dǎo)航之前,必須記住我們是在幫助用戶查找信息次泽。

如果了解訪問(wèn)者查找信息的動(dòng)因穿仪,你就能設(shè)計(jì)出一個(gè)優(yōu)秀的導(dǎo)航系統(tǒng),能夠幫助訪問(wèn)者找到他們真正想找的東西意荤。

用戶查找信息有4種方法:
1啊片、已知項(xiàng)搜索
用戶自己很清楚要去哪里,要讓用戶能夠到達(dá)他們想去的地方袭异。
2钠龙、探測(cè)搜尋
有需求,但不知道具體什么信息可以滿足御铃。比如碴里,“我在尋找一種新的數(shù)碼相機(jī)”
3、不清楚需要知道什么
跟第2點(diǎn)其實(shí)差不多上真,但是更加不懂咬腋,比如我想買相機(jī),但是我不知道要看什么參數(shù)睡互,不知道要做什么功課根竿。
4、再查找
書簽就珠、歷史等可以滿足這個(gè)需求寇壳,這里只是需要注意,對(duì)已經(jīng)訪問(wèn)過(guò)的鏈接或者其他元素增加一些標(biāo)識(shí)妻怎。

每種信息搜尋行為都依賴于特定的導(dǎo)航工具才能獲得成功壳炎,總共有三種類型的導(dǎo)航工具。
1逼侦、結(jié)構(gòu)導(dǎo)航:全局導(dǎo)航和局部導(dǎo)航
2匿辩、關(guān)聯(lián)導(dǎo)航
3、可用性導(dǎo)航

全局導(dǎo)航需要出現(xiàn)在網(wǎng)站的每一個(gè)頁(yè)面榛丢,或者說(shuō)铲球,幾乎每一個(gè)頁(yè)面,因?yàn)檫€會(huì)有一些例外的晰赞。
全局導(dǎo)航還有一個(gè)功能:它會(huì)告訴你這個(gè)網(wǎng)站有關(guān)于什么稼病,以及你應(yīng)當(dāng)用它來(lái)做什么选侨。
(沒(méi)有比較好的例子)
大概就是,通過(guò)全局導(dǎo)航溯饵,用戶會(huì)對(duì)網(wǎng)站有一個(gè)整體的印象侵俗。

全局導(dǎo)航通常放在頁(yè)面最上方,水平展開丰刊。但是隘谣,相比于垂直空間,水平是有限的啄巧。
全局導(dǎo)航放在哪里并不重要寻歧,關(guān)鍵是它要出現(xiàn)在網(wǎng)站的每一個(gè)頁(yè)面。

局部導(dǎo)航指的應(yīng)該就是二級(jí)導(dǎo)航
有兩個(gè)作用秩仆,對(duì)于探索任務(wù)的用戶码泛,選擇一個(gè)大類之后,可以幫助其決定二級(jí)類目下的選擇澄耍。對(duì)于不清楚自己想要什么的用戶噪珊,可以為其提供一些選擇。

前面有點(diǎn)寫錯(cuò)了齐莲,其實(shí)應(yīng)該說(shuō)是子導(dǎo)航痢站,因?yàn)榭梢杂卸?jí)、三級(jí)选酗、四級(jí)導(dǎo)航阵难。這樣的話,在網(wǎng)站建設(shè)的一開始芒填,最好給自己預(yù)留多一點(diǎn)余地呜叫,方便之后內(nèi)容增多時(shí)進(jìn)行拓展。

通過(guò)導(dǎo)航訪問(wèn)內(nèi)容有兩種基本模式殿衰,分別是彈跳高蹺和蟹行朱庆。
前者是面包屑,就是只能返回上一級(jí)闷祥,然后再切換到別的頂級(jí)分類中娱颊。后者則可以直接切換。

如果你的工作做的真的很出色蜀踏,用戶可能永遠(yuǎn)也不會(huì)單擊結(jié)構(gòu)導(dǎo)航中任何一個(gè)鏈接。如果你的設(shè)計(jì)技能確實(shí)有所提高掰吕,用戶將完全依賴于關(guān)聯(lián)導(dǎo)航果覆。

關(guān)聯(lián)導(dǎo)航很容易被忘記,因?yàn)樗鼈兿喈?dāng)于跨越信息架構(gòu)體系結(jié)構(gòu)的快捷途徑殖熟,不過(guò)關(guān)聯(lián)導(dǎo)航確實(shí)是保證網(wǎng)站可用性的最強(qiáng)大的驅(qū)動(dòng)力局待。如果你要在導(dǎo)航上花10個(gè)小時(shí),那么有9個(gè)小時(shí)都會(huì)花費(fèi)在關(guān)聯(lián)導(dǎo)航上。

對(duì)于網(wǎng)站上的每個(gè)頁(yè)面钳榨,關(guān)聯(lián)導(dǎo)航要處理兩個(gè)重要的情況:
(1)用戶成功地與頁(yè)面交互后會(huì)發(fā)生什么舰罚?下一步做什么?
(2)如果這個(gè)頁(yè)面并不是用戶真正想要的東西時(shí)會(huì)發(fā)生什么薛耻?在用戶離開之前能把他繼續(xù)留在網(wǎng)站的安全網(wǎng)是什么营罢?

安全網(wǎng)大概的意思就是,設(shè)想用戶的多種需求饼齿,并展現(xiàn)給用戶饲漾,萬(wàn)一用戶在本頁(yè)面得不到滿足,可以從其他鏈接中獲取相應(yīng)的內(nèi)容缕溉,而不至于離開網(wǎng)站考传。
相搜索結(jié)果頁(yè)的右邊,可以有相關(guān)搜索证鸥,防止萬(wàn)一你找不到需要的東西僚楞,會(huì)跑到別的網(wǎng)站去搜索。

安全網(wǎng)會(huì)假設(shè)某個(gè)方面可能有問(wèn)題枉层,然后建立一種機(jī)制幫助用戶擺脫這個(gè)問(wèn)題泉褐。

關(guān)聯(lián)導(dǎo)航就是為用戶目前查看的內(nèi)容關(guān)聯(lián)更多內(nèi)容,可以有各種形式的關(guān)聯(lián)返干。
1兴枯、按時(shí)間
2、按類型
3矩欠、按主題或題目
4财剖、按興趣
5、按所有者或組
6癌淮、按社區(qū)
這些都可以使用元數(shù)據(jù)神奇地自動(dòng)創(chuàng)建躺坟。
設(shè)計(jì)關(guān)聯(lián)導(dǎo)航之前,先要找到程序員或者產(chǎn)品經(jīng)理乳蓄,向他們?cè)儐?wèn)對(duì)于各個(gè)內(nèi)容存在哪些類型的信息咪橙,并使用這個(gè)信息讓網(wǎng)站自動(dòng)地生成關(guān)聯(lián)導(dǎo)航。

可用性導(dǎo)航的定義:可用性導(dǎo)航將工具和特性相鏈接虚倒,這些特性可以幫助訪問(wèn)者使用網(wǎng)站美侦。
比如登陸注冊(cè)、賬號(hào)管理魂奥、幫助菠剩、搜索等

可用性導(dǎo)航通常放置在全局導(dǎo)航附近,因?yàn)槎际切枰谡麄€(gè)網(wǎng)站中都可以用耻煤。但是在視覺(jué)上要與全局導(dǎo)航區(qū)分開具壮。

總之准颓,全局導(dǎo)航和局部導(dǎo)航可以幫助用戶縮小你的內(nèi)容范圍,關(guān)聯(lián)導(dǎo)航可以將用戶連接到相關(guān)的內(nèi)容棺妓,提供“下一步”以及安全網(wǎng)攘已。可用性導(dǎo)航提供了一個(gè)場(chǎng)所怜跑,可以放置另外3類導(dǎo)航未能妥善處理的其他重要鏈接样勃。

設(shè)計(jì)導(dǎo)航系統(tǒng)時(shí),很可能會(huì)在全局導(dǎo)航妆艘、局部導(dǎo)航彤灶、關(guān)聯(lián)導(dǎo)航和可用性導(dǎo)航中填入鏈接。也就是說(shuō)批旺,先確定內(nèi)容幌陕,再確定需要何種導(dǎo)航,而不是相反汽煮。這時(shí)要考慮以下3個(gè)問(wèn)題:
1搏熄、內(nèi)容如何組織
2、用戶希望做什么
3暇赤、你希望用戶做什么

其實(shí)就是3種思路心例,一種是直接按照內(nèi)容的屬性、一種是直接從業(yè)務(wù)出發(fā)鞋囊,一種是對(duì)兩者的平衡

分頁(yè)導(dǎo)航
1止后、表明目前所處位置,在哪一頁(yè)溜腐,上一頁(yè)下一頁(yè)译株。
2、修改每一頁(yè)顯示的數(shù)量挺益,30歉糜,50,80望众,all
3匪补、閱讀視圖和打印視圖是不同的,要做相應(yīng)的適應(yīng)

分頁(yè)導(dǎo)航的缺點(diǎn):
將文章分為多個(gè)頁(yè)面時(shí)烂翰,每增加一個(gè)頁(yè)面夯缺,讀者就會(huì)減少50%。
在搜索結(jié)果頁(yè)甘耿,如果你的網(wǎng)站未能列在搜索結(jié)果的第一頁(yè)踊兜,就相當(dāng)于不存在。搜索者很少會(huì)看搜索結(jié)果第一頁(yè)以后的其他頁(yè)面棵里。

決定對(duì)一個(gè)表單或過(guò)程實(shí)現(xiàn)分頁(yè)導(dǎo)航時(shí)润文,首先應(yīng)當(dāng)確定用戶完成表單到底有多重要。如果允許用戶放棄表單而轉(zhuǎn)去其他網(wǎng)站上的其他地方殿怜,那么可以保留全局導(dǎo)航和局部導(dǎo)航典蝌。如果用戶完整地完成表單非常重要,則要去掉全局導(dǎo)航和局部導(dǎo)航头谜。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末骏掀,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子柱告,更是在濱河造成了極大的恐慌截驮,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件际度,死亡現(xiàn)場(chǎng)離奇詭異葵袭,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)乖菱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門坡锡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人窒所,你說(shuō)我怎么就攤上這事鹉勒。” “怎么了吵取?”我有些...
    開封第一講書人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵禽额,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我皮官,道長(zhǎng)脯倒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任臣疑,我火速辦了婚禮盔憨,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘讯沈。我一直安慰自己郁岩,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開白布缺狠。 她就那樣靜靜地躺著问慎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪挤茄。 梳的紋絲不亂的頭發(fā)上如叼,一...
    開封第一講書人閱讀 49,985評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音穷劈,去河邊找鬼笼恰。 笑死踊沸,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的社证。 我是一名探鬼主播逼龟,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼追葡!你這毒婦竟也來(lái)了腺律?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宜肉,失蹤者是張志新(化名)和其女友劉穎匀钧,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谬返,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡之斯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了遣铝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吊圾。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖翰蠢,靈堂內(nèi)的尸體忽然破棺而出项乒,到底是詐尸還是另有隱情,我是刑警寧澤梁沧,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布檀何,位于F島的核電站,受9級(jí)特大地震影響廷支,放射性物質(zhì)發(fā)生泄漏频鉴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一恋拍、第九天 我趴在偏房一處隱蔽的房頂上張望垛孔。 院中可真熱鬧,春花似錦施敢、人聲如沸周荐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)概作。三九已至,卻和暖如春默怨,著一層夾襖步出監(jiān)牢的瞬間讯榕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留愚屁,地道東北人济竹。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像霎槐,于是被迫代替她去往敵國(guó)和親规辱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,848評(píng)論 25 707
  • 問(wèn)答題47 /72 常見瀏覽器兼容性問(wèn)題與解決方案栽燕? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • 第1章:用戶體驗(yàn)為什么如此重要 1-1日常生活中的遭遇 敘述了一個(gè)令人懊惱的早晨。 1-2什么是用戶體驗(yàn) 這個(gè)令人...
    SummerROSA閱讀 4,121評(píng)論 0 20
  • 記得小時(shí)候特別盼望過(guò)年改淑,總覺(jué)得一年的時(shí)間好長(zhǎng)鞍怼! 為什么盼過(guò)年呢朵夏? 過(guò)年可以穿新衣服蔼啦,由于自己在家是老小,平時(shí)穿的...
    甚小松閱讀 190評(píng)論 3 4
  • #田生萬(wàn)物彤彤媽咪吃貨的日記第8天# 和我老公相識(shí)仰猖,相戀捏肢,相愛(ài)到步入婚姻殿堂之后我們有了愛(ài)的結(jié)晶,那年我30歲...
    淇彤媽咪閱讀 580評(píng)論 0 2