把復(fù)雜的網(wǎng)站導(dǎo)航簡單化

2024-08-30 08:33:48

字體：大中小

供稿：網(wǎng)友

導(dǎo)航設(shè)計(jì)是結(jié)構(gòu)層面設(shè)計(jì)中的主要工作之一，在軟件中，導(dǎo)航設(shè)計(jì)的好壞，直接關(guān)系到用戶使用是否能夠流暢。面對較復(fù)雜的導(dǎo)航，我們第一反應(yīng)是將其簡化。所以在一些復(fù)雜的企業(yè)級管理軟件中（如SAP、金蝶ERP、浪潮ERP等），提供用戶直接通達(dá)某位置的快速入口；有些軟件則提供收藏夾，讓用戶把常用的地址收藏；有些則從導(dǎo)航交互的方式上尋求解決辦法。
1、在路徑層面上提供輔助導(dǎo)航
提起輔助導(dǎo)航，我們會(huì)馬上想到搜索框、快捷入口、收藏夾等等，之所以會(huì)馬上想到這些，是因?yàn)檫@些形式讓我們的使用更便捷。

圖 1-1 SAP界面上的快速入口
SAP上的快速入口，為較熟的用戶提供便捷的入口，因?yàn)镾AP是一個(gè)很復(fù)雜的企業(yè)管理軟件，有財(cái)務(wù)管理、人事管理、生產(chǎn)管理等等，覆蓋企業(yè)中的各行業(yè)，但通常單個(gè)用戶一般只用其中的一個(gè)，比如你是會(huì)計(jì)師，那么你通常只用到財(cái)務(wù)管理模塊，這時(shí)候你只是想打開軟件就進(jìn)入財(cái)務(wù)模塊，快捷入口無疑解除你使用導(dǎo)航樹的痛苦。

圖 1-2 卓越網(wǎng)（電子商城）上的搜索框
電子商城網(wǎng)站是內(nèi)容較多的網(wǎng)站類型，如果單純從導(dǎo)航去尋找某個(gè)產(chǎn)品，會(huì)令我們花費(fèi)較多的時(shí)間，而搜索框，可以便捷的通過關(guān)鍵字來檢索，相信大家已經(jīng)體驗(yàn)到它的便捷了。
從以上例子我們可以看出，新手可以通過“分類頁、導(dǎo)航樹和檢索”的形式找到自己想要的東西，由于“地形”不熟，不可能有快捷的需求；大部分用戶還是喜歡用“簡潔導(dǎo)航、收藏夾”之類的形式，這樣我可以挑選我想要的進(jìn)去；如果有一定的自主權(quán)，可以直接“搜索框和快捷入口”，我直接跳到我想要的地方，很迫切!不想浪費(fèi)更多的時(shí)間。
2、組織形式也會(huì)帶給我們好的體驗(yàn)
導(dǎo)航的組織形式很多很多，在軟件里，vista系統(tǒng)的路徑條曾給我眼前一亮的感覺，我們通常都被系統(tǒng)傳統(tǒng)的做法束縛了，vista系統(tǒng)突破了這個(gè)的思維，也很值得我們借鑒，不但在組織形式上，在思維上也值得我們借鑒。下圖是我截取的一個(gè)例子。

圖 1-3 vista系統(tǒng)的路徑條
3、魚眼菜單給我的思考
詞典的導(dǎo)航，我們通常都是通過搜索，然后根據(jù)搜索來查找某單詞的釋意，但當(dāng)我們只記得前一、二字母，完全不記得單詞的時(shí)候，查找是很麻煩的事情，無論是翻書本字典，還是電子字典。這樣如此繁多的檢索型導(dǎo)航，看下面金山詞霸的表現(xiàn)形式。

圖 1-4金山詞霸主界面
滾動(dòng)條的拖動(dòng)，或者翻動(dòng)書頁，都會(huì)讓你浪費(fèi)較多時(shí)間。Fisheye menus是HCIL（人機(jī)交互實(shí)驗(yàn)室，UMIACS的下屬實(shí)驗(yàn)室之一）的研究成果之一，為了瀏覽者更加方便快捷地使用內(nèi)容較多的菜單提出的一種解決方案。但一定程度上可以作為詞典類導(dǎo)航設(shè)計(jì)的借鑒。下圖為他們的魚眼菜單：

圖 1-5 魚眼菜單
隨鼠標(biāo)的點(diǎn)擊做大幅度的導(dǎo)航，而三角號為微調(diào)的工具，相信如此設(shè)計(jì)，使用起來會(huì)順暢好多，在也不用去拖動(dòng)那個(gè)難用的滾動(dòng)條。針對內(nèi)容較多的檢索導(dǎo)航，相信我們會(huì)有收獲。
試想，如果為你的電子詞典設(shè)計(jì)一個(gè)這樣的檢索形式，很容易能在一個(gè)不大的區(qū)域里，方便的檢索到某個(gè)單詞，況且還可以配合搜索框使用。相信一個(gè)簡單的思路，會(huì)改變用戶痛苦的體驗(yàn)。
4、小結(jié)，認(rèn)知的有限性和導(dǎo)航設(shè)計(jì)
人類的認(rèn)知是極其有限的，只能很容易的搞清楚簡單的問題。我們在設(shè)計(jì)導(dǎo)航時(shí)，也遵循人類的認(rèn)知法則，盡量讓用戶一目了然。如果你設(shè)計(jì)的導(dǎo)航，讓用戶很費(fèi)勁或者花費(fèi)較長時(shí)間才能搞清楚，無疑是失敗的體驗(yàn)（除非設(shè)計(jì)目的就是這樣）。
沒錯(cuò)！“關(guān)注你的用戶就好了”。設(shè)計(jì)導(dǎo)航，就是要符合所對應(yīng)用戶的認(rèn)知度。

上一篇：將來比較流行的幾種網(wǎng)站導(dǎo)航的方向

下一篇：網(wǎng)站用戶體驗(yàn)設(shè)計(jì)(UE)