建站常識(shí)
如何讓復(fù)雜的導(dǎo)航變得簡(jiǎn)單
2008-01-07 10:41:00
導(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)檫@些形式讓我們的使用更便捷。
圖 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í)候你只是想打開(kāi)軟件就進(jìn)入財(cái)務(wù)模塊,快捷入口無(wú)疑解除你使用導(dǎo)航樹的痛苦。
圖 1-2 卓越網(wǎng)(電子商城)上的搜索框
電子商城網(wǎng)站是內(nèi)容較多的網(wǎng)站類型,如果單純從導(dǎo)航去尋找某個(gè)產(chǎn)品,會(huì)令我們花費(fèi)較多的時(shí)間,而搜索框,可以便捷的通過(guò)關(guān)鍵字來(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)的路徑條曾給我眼前一亮的感覺(jué),我們通常都被系統(tǒng)傳統(tǒng)的做法束縛了,vista系統(tǒng)突破了這個(gè)的思維,也很值得我們借鑒,不但在組織形式上,在思維上也值得我們借鑒。下圖是我截取的一個(gè)例子。
圖 1-3 vista系統(tǒng)的路徑條
3、魚眼菜單給我的思考
詞典的導(dǎo)航,我們通常都是通過(guò)搜索,然后根據(jù)搜索來(lái)查找某單詞的釋意,但當(dāng)我們只記得前一、二字母,完全不記得單詞的時(shí)候,查找是很麻煩的事情,無(wú)論是翻書本字典,還是電子字典。這樣如此繁多的檢索型導(dǎo)航,看下面金山詞霸的表現(xiàn)形式。
圖 1-4金山詞霸主界面
滾動(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ì)的借鑒。下圖為他們的魚眼菜單:
圖 1-5 魚眼菜單
隨鼠標(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ì)目的就是這樣)。
沒(méi)錯(cuò)!“關(guān)注你的用戶就好了”。設(shè)計(jì)導(dǎo)航,就是要符合所對(duì)應(yīng)用戶的認(rèn)知度。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2009-12-18 22:24:00] 因地制宜的SNS開(kāi)發(fā):導(dǎo)航欄與目錄分類優(yōu)化
- [2007-12-21 11:09:00] 導(dǎo)航的流行趨勢(shì)
- [2009-04-21 22:36:00] Wordpress后臺(tái)的導(dǎo)航設(shè)計(jì)
- [2014-11-04 10:28:46] 罕見(jiàn)設(shè)計(jì)創(chuàng)意的WEB網(wǎng)站導(dǎo)航方式
- [2009-09-25 18:44:00] 導(dǎo)航與搜索合并的可能性
- [2009-08-12 14:52:00] 網(wǎng)站導(dǎo)航設(shè)計(jì)雜談
- [2016-11-03 17:00:00] 那些使用圓形導(dǎo)航菜單的漂亮網(wǎng)頁(yè)設(shè)計(jì)
- [2009-11-10 11:35:00] 翻轉(zhuǎn)頁(yè)面導(dǎo)航
- [2008-01-15 13:47:00] 導(dǎo)航設(shè)計(jì)與信息架構(gòu)
- [2006-03-31 21:11:00] 網(wǎng)站設(shè)計(jì)中的導(dǎo)航理論與實(shí)踐
- [2010-06-08 15:20:00] 多維度導(dǎo)航探秘II
- [2016-10-13 11:21:41] 高顏值的全屏導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)賞析
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
微信營(yíng)銷的優(yōu)勢(shì) 手機(jī)端的網(wǎng)站 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 頁(yè)面設(shè)計(jì) 外貿(mào)網(wǎng)站建設(shè) 扁平化設(shè)計(jì) 青島網(wǎng)站設(shè)計(jì)哪家好 外貿(mào)網(wǎng)站設(shè)計(jì) 網(wǎng)站策劃 英文網(wǎng)站建設(shè) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 網(wǎng)站的速度 青島網(wǎng)站建設(shè) 輪胎網(wǎng)站設(shè)計(jì) H5 視覺(jué)靈感 網(wǎng)站優(yōu)化 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站SEO 營(yíng)銷型網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)趨勢(shì) 青島網(wǎng)站制作 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站制作 搜索引擎蜘蛛 用戶界面 官網(wǎng)建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站品牌