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




