《錦繡藍圖》筆記(5)

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

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

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

用戶查找信息有4種方法:
1、已知項搜索
用戶自己很清楚要去哪里,要讓用戶能夠到達他們想去的地方。
2、探測搜尋
有需求,但不知道具體什么信息可以滿足。比如,“我在尋找一種新的數(shù)碼相機”
3、不清楚需要知道什么
跟第2點其實差不多,但是更加不懂,比如我想買相機,但是我不知道要看什么參數(shù),不知道要做什么功課。
4、再查找
書簽、歷史等可以滿足這個需求,這里只是需要注意,對已經(jīng)訪問過的鏈接或者其他元素增加一些標識。

每種信息搜尋行為都依賴于特定的導(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)站的每一個頁面,或者說,幾乎每一個頁面,因為還會有一些例外的。
全局導(dǎo)航還有一個功能:它會告訴你這個網(wǎng)站有關(guān)于什么,以及你應(yīng)當用它來做什么。
(沒有比較好的例子)
大概就是,通過全局導(dǎo)航,用戶會對網(wǎng)站有一個整體的印象。

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

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

前面有點寫錯了,其實應(yīng)該說是子導(dǎo)航,因為可以有二級、三級、四級導(dǎo)航。這樣的話,在網(wǎng)站建設(shè)的一開始,最好給自己預(yù)留多一點余地,方便之后內(nèi)容增多時進行拓展。

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

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

關(guān)聯(lián)導(dǎo)航很容易被忘記,因為它們相當于跨越信息架構(gòu)體系結(jié)構(gòu)的快捷途徑,不過關(guān)聯(lián)導(dǎo)航確實是保證網(wǎng)站可用性的最強大的驅(qū)動力。如果你要在導(dǎo)航上花10個小時,那么有9個小時都會花費在關(guān)聯(lián)導(dǎo)航上。

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

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

安全網(wǎng)會假設(shè)某個方面可能有問題,然后建立一種機制幫助用戶擺脫這個問題。

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

可用性導(dǎo)航的定義:可用性導(dǎo)航將工具和特性相鏈接,這些特性可以幫助訪問者使用網(wǎng)站。
比如登陸注冊、賬號管理、幫助、搜索等

可用性導(dǎo)航通常放置在全局導(dǎo)航附近,因為都是需要在整個網(wǎng)站中都可以用。但是在視覺上要與全局導(dǎo)航區(qū)分開。

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

設(shè)計導(dǎo)航系統(tǒng)時,很可能會在全局導(dǎo)航、局部導(dǎo)航、關(guān)聯(lián)導(dǎo)航和可用性導(dǎo)航中填入鏈接。也就是說,先確定內(nèi)容,再確定需要何種導(dǎo)航,而不是相反。這時要考慮以下3個問題:
1、內(nèi)容如何組織
2、用戶希望做什么
3、你希望用戶做什么

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

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

分頁導(dǎo)航的缺點:
將文章分為多個頁面時,每增加一個頁面,讀者就會減少50%。
在搜索結(jié)果頁,如果你的網(wǎng)站未能列在搜索結(jié)果的第一頁,就相當于不存在。搜索者很少會看搜索結(jié)果第一頁以后的其他頁面。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,381評論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,805評論 1 92
  • 第1章:用戶體驗為什么如此重要 1-1日常生活中的遭遇 敘述了一個令人懊惱的早晨。 1-2什么是用戶體驗 這個令人...
    SummerROSA閱讀 4,148評論 0 20
  • 記得小時候特別盼望過年,總覺得一年的時間好長啊! 為什么盼過年呢? 過年可以穿新衣服,由于自己在家是老小,平時穿的...
    甚小松閱讀 217評論 3 4
  • #田生萬物彤彤媽咪吃貨的日記第8天# 和我老公相識,相戀,相愛到步入婚姻殿堂之后我們有了愛的結(jié)晶,那年我30歲...
    淇彤媽咪閱讀 603評論 0 2