把複雜的網站導航簡單化

來源:互聯網
上載者:User

導航設計是結構層面設計中的主要工作之一,在軟體中,導航設計的好壞,直接關係到使用者使用是否能夠流暢。面對較複雜的導航,我們第一反應是將其簡化。所以在一些複雜的企業級管理軟體中(如SAP、金蝶ERP、浪潮ERP等),提供使用者直接通達某位置的快速入口;有些軟體則提供收藏夾,讓使用者把常用的地址收藏;有些則從導航互動的方式上尋求解決辦法。

1、在路徑層面上提供輔助導航

提起輔助導航,我們會馬上想到搜尋方塊、快捷入口、收藏夾等等,之所以會馬上想到這些,是因為這些形式讓我們的使用更便捷。

圖 1-1 SAP介面上的快速入口

SAP上的快速入口,為較熟的使用者提供便捷的入口,因為SAP是一個很複雜的企業管理軟體,有財務管理、人事管理、生產管理等等,覆蓋企業中的各行業,但通常單個使用者一般只用其中的一個,比如你是會計師,那麼你通常只用到財務管理模組,這時候你只是想開啟軟體就進入財務模組,快捷入口無疑解除你使用導航樹的痛苦。

圖 1-2 卓越網(電子商城)上的搜尋方塊

電子商城網站是內容較多的網站類型,如果單純從導航去尋找某個產品,會令我們花費較多的時間,而搜尋方塊,可以便捷的通過關鍵字來檢索,相信大家已經體驗到它的便捷了。

從以上例子我們可以看出,新手可以通過“分類頁、導航樹和檢索”的形式找到自己想要的東西,由於“地形”不熟,不可能有快捷的需求;大部分使用者還是喜歡用“簡潔導航、收藏夾”之類的形式,這樣我可以挑選我想要的進去;如果有一定的自主權,可以直接“搜尋方塊和快捷入口”,我直接跳到我想要的地方,很迫切!不想浪費更多的時間。

2、組織形式也會帶給我們好的體驗

導航的組織形式很多很多,在軟體裡,vista系統的路徑條曾給我眼前一亮的感覺,我們通常都被系統傳統的做法束縛了,vista系統突破了這個的思維,也很值得我們借鑒,不但在組織形式上,在思維上也值得我們借鑒。下圖是我截取的一個例子。

圖 1-3 vista系統的路徑條

3、魚眼菜單給我的思考

詞典的導航,我們通常都是通過搜尋,然後根據搜尋來尋找某單詞的釋意,但當我們只記得前一、二字母,完全不記得單詞的時候,尋找是很麻煩的事情,無論是翻書本字典,還是電子字典。這樣如此繁多的檢索型導航,看下面金山詞霸的表現形式。

圖 1-4金山詞霸主介面

捲軸的拖動,或者翻動書頁,都會讓你浪費較多時間。Fisheye menus是HCIL(人機互動實驗室,UMIACS的下屬實驗室之一)的研究成果之一,為了瀏覽者更加方便快捷地使用內容較多的菜單提出的一種解決方案。但一定程度上可以作為詞典類導航設計的借鑒。下圖為他們的魚眼菜單:

圖 1-5 魚眼菜單

隨滑鼠的點擊做大幅度的導航,而三角號為微調的工具,相信如此設計,使用起來會順暢好多,在也不用去拖動那個難用的捲軸。針對內容較多的檢索導航,相信我們會有收穫。
試想,如果為你的電子詞典設計一個這樣的檢索形式,很容易能在一個不大的地區裡,方便的檢索到某個單詞,況且還可以配合搜尋方塊使用。相信一個簡單的思路,會改變使用者痛苦的體驗。

4、小結,認知的有限性和導航設計

人類的認知是極其有限的,只能很容易的搞清楚簡單的問題。我們在設計導航時,也遵循人類的認知法則,盡量讓使用者一目瞭然。如果你設計的導航,讓使用者很費勁或者花費較長時間才能搞清楚,無疑是失敗的體驗(除非設計目的就是這樣)。

沒錯!“關注你的使用者就好了”。設計導航,就是要符合所對應使用者的認知度。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。