如何讓復雜的導航變得簡單_網(wǎng)頁設計教程
推薦:注冊登錄界面設計的八種錯誤表現(xiàn)Cisco在網(wǎng)頁上向用戶銷售帶有其標志的小玩意,但用戶要看到打上標志的效果圖,必須先注冊,而注冊流程共有4個頁面、45個問題,其中詢問職業(yè)1次、職位2次、語言
導航設計是結構層面設計中的主要工作之一,在軟件中,導航設計的好壞,直接關系到用戶使用是否能夠流暢。面對較復雜的導航,我們第一反應是將其簡化。所以在一些復雜的企業(yè)級治理軟件中(如SAP、金蝶ERP、浪潮ERP等),提供用戶直接通達某位置的快速入口;有些軟件則提供收藏夾,讓用戶把常用的地址收藏;有些則從導航交互的方式上尋求解決辦法。
1、在路徑層面上提供輔助導航
提起輔助導航,我們會馬上想到搜索框、快捷入口、收藏夾等等,之所以會馬上想到這些,是因為這些形式讓我們的使用更便捷。
SAP上的快速入口,為較熟的用戶提供便捷的入口,因為SAP是一個很復雜的企業(yè)治理軟件,有財務治理、人事治理、生產(chǎn)治理等等,覆蓋企業(yè)中的各行業(yè),但通常單個用戶一般只用其中的一個,比如你是會計師,那么你通常只用到財務治理模塊,這時候你只是想打開軟件就進入財務模塊,快捷入口無疑解除你使用導航樹的痛苦。
電子商城網(wǎng)站是內(nèi)容較多的網(wǎng)站類型,假如單純從導航去尋找某個產(chǎn)品,會令我們花費較多的時間,而搜索框,可以便捷的通過要害字來檢索,相信大家已經(jīng)體驗到它的便捷了。
從以上例子我們可以看出,新手可以通過“分類頁、導航樹和檢索”的形式找到自己想要的東西,由于“地形”不熟,不可能有快捷的需求;大部分用戶還是喜歡用“簡潔導航、收藏夾”之類的形式,這樣我可以挑選我想要的進去;假如有一定的自主權,可以直接“搜索框和快捷入口”,我直接跳到我想要的地方,很迫切!不想浪費更多的時間。
2、組織形式也會帶給我們好的體驗
導航的組織形式很多很多,在軟件里,vista系統(tǒng)的路徑條曾給我眼前一亮的感覺,我們通常都被系統(tǒng)傳統(tǒng)的做法束縛了,vista系統(tǒng)突破了這個的思維,也很值得我們借鑒,不但在組織形式上,在思維上也值得我們借鑒。下圖是我截取的一個例子。
3、魚眼菜單給我的思考
詞典的導航,我們通常都是通過搜索,然后根據(jù)搜索來查找某單詞的釋意,但當我們只記得前一、二字母,完全不記得單詞的時候,查找是很麻煩的事情,無論是翻書本字典,還是電子字典。這樣如此繁多的檢索型導航,看下面金山詞霸的表現(xiàn)形式。
滾動條的拖動,或者翻動書頁,都會讓你浪費較多時間。Fisheye menus是HCIL(人機交互實驗室,UMIACS的下屬實驗室之一)的研究成果之一,為了瀏覽者更加方便快捷地使用內(nèi)容較多的菜單提出的一種解決方案。但一定程度上可以作為詞典類導航設計的借鑒。下圖為他們的魚眼菜單:
隨鼠標的點擊做大幅度的導航,而三角號為微調(diào)的工具,相信如此設計,使用起來會順暢好多,在也不用去拖動那個難用的滾動條。針對內(nèi)容較多的檢索導航,相信我們會有收獲。
試想,假如為你的電子詞典設計一個這樣的檢索形式,很輕易能在一個不大的區(qū)域里,方便的檢索到某個單詞,況且還可以配合搜索框使用。相信一個簡單的思路,會改變用戶痛苦的體驗。
4、小結,認知的有限性和導航設計
人類的認知是極其有限的,只能很輕易的搞清楚簡單的問題。我們在設計導航時,也遵循人類的認知法則,盡量讓用戶一目了然。假如你設計的導航,讓用戶很費勁或者花費較長時間才能搞清楚,無疑是失敗的體驗(除非設計目的就是這樣)。
沒錯!“關注你的用戶就好了”。設計導航,就是要符合所對應用戶的認知度。
分享:800分辨率下網(wǎng)站如何搭配才可以提高體驗度關于這個問題,本人也研究過一段時間,但目前并未研究出太多的結果,一個人能力有限,說來慚愧,還是不在這里丟人了,簡單的說一下我所發(fā)現(xiàn)的吧。在760網(wǎng)頁左
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關鏈接:
- 教程說明:
網(wǎng)頁設計教程-如何讓復雜的導航變得簡單
。




