中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站導(dǎo)航及首頁(yè)布局必知的設(shè)計(jì)原則

2016-10-10    分類: 網(wǎng)站導(dǎo)航

網(wǎng)站的導(dǎo)航菜單是用戶閱讀了網(wǎng)頁(yè)后想進(jìn)一步了解網(wǎng)站其它部分時(shí)最重要的指示,對(duì)留住用戶至關(guān)重要。設(shè)計(jì)導(dǎo)航菜單的方法有許多,每個(gè)網(wǎng)站都必須有自己的導(dǎo)航菜單。想要設(shè)計(jì)出一個(gè)出色的導(dǎo)航菜單,設(shè)計(jì)師必須突破傳統(tǒng)限制來(lái)展示自己的創(chuàng)意。網(wǎng)站的導(dǎo)航是決定這個(gè)網(wǎng)站可用性的主要因素之一,如果訪問(wèn)者可以輕松不費(fèi)力氣的找到他們想要尋找的內(nèi)容,他們將更有可能留在你的網(wǎng)站上,而不是關(guān)閉網(wǎng)頁(yè)離開(kāi)。有效的導(dǎo)航可以幫助網(wǎng)站提高瀏覽量,改善用戶體驗(yàn),甚至增加銷售和利潤(rùn)。
網(wǎng)站導(dǎo)航和首頁(yè)布局對(duì)于整站的優(yōu)化來(lái)說(shuō)影響很大,用戶訪問(wèn)網(wǎng)站時(shí)能否通過(guò)導(dǎo)航及首頁(yè)布局快速精準(zhǔn)的找到自己需要的內(nèi)容,將直接決定用戶的訪問(wèn)軌跡,符合用戶體驗(yàn)的導(dǎo)航和首頁(yè)布局能極大的提高用戶的黏性,為網(wǎng)站保留住優(yōu)質(zhì)的用戶。
一、什么樣的導(dǎo)航和首頁(yè)布局才符合用戶體驗(yàn)?
網(wǎng)站首頁(yè)的用戶體驗(yàn)是基于用戶需求而言的,能否讓用戶在進(jìn)入網(wǎng)站首頁(yè)時(shí)快速明確的了解網(wǎng)站的主題,能否讓用戶根據(jù)網(wǎng)站主題快速找到自己需要的內(nèi)容,這是首頁(yè)用戶體驗(yàn)著重要考慮的。
更明確的說(shuō),網(wǎng)站導(dǎo)航及首頁(yè)布局的設(shè)計(jì)應(yīng)當(dāng)是在細(xì)致的用戶需求分析的基礎(chǔ)上做出的,所以,符合用戶體驗(yàn)的導(dǎo)航及首頁(yè)布局定位于用戶需求,可以清晰的將需求展現(xiàn)在用戶的眼前,減少用戶瀏覽時(shí)的思考成本,讓用戶快速找到需要的內(nèi)容。
二、設(shè)計(jì)一個(gè)優(yōu)秀的導(dǎo)航菜單并不是那么困難,但仍然需要把握以下這些關(guān)建點(diǎn):
1. 簡(jiǎn)單
一定要簡(jiǎn)單易操作,能夠幫助你的用戶快速查看哪些信息可用,以及在哪里可以找到所要查找的內(nèi)容。用戶需要能夠預(yù)測(cè)你的網(wǎng)站的工作原理,而無(wú)需學(xué)習(xí)怎么做!如果他們需要考慮如何做,那么你已經(jīng)失去了他們!避免讓用戶點(diǎn)擊一個(gè)很小的倒三角然后展開(kāi)二級(jí)菜單的方式,他們可能根本找不到它。
2. 容易找到
視覺(jué)上要容易區(qū)分并且能讓用戶一眼就能找到,導(dǎo)航文本與你的正文文本不要使用相同的顏色,字體和大小。導(dǎo)航文本應(yīng)該突出和顯眼。對(duì)于菜單按鈕,使用高對(duì)比度顏色和清晰的文字。導(dǎo)航區(qū)域要保持一定的大小,用戶容易發(fā)現(xiàn)。導(dǎo)航的位置要使用慣用的位置,例如頁(yè)面頂部,左側(cè)等。
3. 清楚
你的菜單文本必須描述清楚,使用簡(jiǎn)單明了的術(shù)語(yǔ),不要讓用戶思考這里的文本意思是什么,保持你的文字簡(jiǎn)短,具有描述性并且重點(diǎn)突出。如果需要五秒以上的時(shí)間來(lái)思考文本含義再去點(diǎn)擊鏈接,那么這將會(huì)造成糟糕的用戶體驗(yàn)。
4. 一致性
盡量在所有頁(yè)面中使用相同的導(dǎo)航模式,這是非常重要的,因?yàn)闆](méi)有一致的設(shè)計(jì),用戶可能會(huì)認(rèn)為他在另一個(gè)網(wǎng)站。確保使用相同的導(dǎo)航模式,以便用戶可以輕松地訪問(wèn)你的網(wǎng)站而不會(huì)丟失。
5. 可點(diǎn)擊
確保所有導(dǎo)航中元素可點(diǎn)擊。在導(dǎo)航中使用多個(gè)分類目錄時(shí),所有標(biāo)題元素都應(yīng)該是可點(diǎn)擊的鏈接。即使使用下拉菜單,點(diǎn)擊子類別鏈接也可能是訪問(wèn)者的自然傾向。不要覺(jué)得這一條可笑,我經(jīng)常發(fā)現(xiàn)有些網(wǎng)站的導(dǎo)航點(diǎn)擊后無(wú)法跳轉(zhuǎn)。
6. 保持簡(jiǎn)潔
可以在垂直導(dǎo)航中添加更多的項(xiàng)目,但是主菜單中的項(xiàng)目不必過(guò)多,會(huì)分散用戶的注意力。一般最好不要超過(guò)8項(xiàng)。
7. 排序
需要確定網(wǎng)站提供的主要功能,最重要的是什么,將最重要的項(xiàng)目按照重要度放在主導(dǎo)航中,次要的項(xiàng)目可以放在二級(jí)導(dǎo)航中。
8. 互動(dòng)
反饋對(duì)于任何交互都是至關(guān)重要的。當(dāng)人們點(diǎn)擊或鼠標(biāo)懸停在菜單項(xiàng)時(shí),請(qǐng)確保提供下一步操作的指示。及時(shí)給予用戶任何操作的反饋能讓用戶更愿意去點(diǎn)擊導(dǎo)航。你可以通過(guò)更改鏈接的文字顏色,背景顏色,或?qū)ζ浼哟郑蛊渑c其它內(nèi)容不同。
9. 風(fēng)格
極簡(jiǎn)主義仍然是網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì),獨(dú)特視覺(jué)風(fēng)格會(huì)使你的菜單看起來(lái)很酷,但要確保它與整個(gè)網(wǎng)站的整體設(shè)計(jì)相匹配。
10. 無(wú)障礙
網(wǎng)站可訪問(wèn)性永遠(yuǎn)是衡量一個(gè)網(wǎng)站質(zhì)量的重要標(biāo)準(zhǔn),請(qǐng)確保對(duì)障礙人士友好,如果你希望使用大量酷炫的 CSS 技術(shù),請(qǐng)同時(shí)考慮對(duì)屏幕閱讀技術(shù)等的兼容。
下面是一個(gè)導(dǎo)航設(shè)計(jì)的檢查表,你可以按照下表對(duì)你的導(dǎo)航菜單進(jìn)行檢查:
1. 導(dǎo)航位置在頁(yè)面上容易找到
2. 只需要使用鼠標(biāo)滑過(guò),鼠標(biāo)點(diǎn)擊就可以操作整個(gè)導(dǎo)航菜單
3. 每一個(gè)菜單項(xiàng)都是可以點(diǎn)擊并正常跳轉(zhuǎn)的
4. 導(dǎo)航文字簡(jiǎn)短清晰
5. 整個(gè)網(wǎng)站只使用一種導(dǎo)航菜單
6. 鼠標(biāo)移到對(duì)應(yīng)的菜單項(xiàng)上時(shí)能凸顯對(duì)應(yīng)項(xiàng)
7. 導(dǎo)航的菜單項(xiàng)不超過(guò)8個(gè)
8. 導(dǎo)航的菜單項(xiàng)已按照重要度排序
9. 導(dǎo)航的風(fēng)格和網(wǎng)站整體風(fēng)格一致
10. 導(dǎo)航菜單項(xiàng)可以被屏幕閱讀器正確識(shí)別
三、首頁(yè)布局設(shè)計(jì)思考
首頁(yè)布局是對(duì)用戶需求的展現(xiàn),根據(jù)瀏覽習(xí)慣,建議按從左到右、從上到下,根據(jù)用戶需求強(qiáng)度自大到小進(jìn)行布局,最強(qiáng)烈的用戶需求放在左上角,最緩和的用戶需求放在右下角。
1、首頁(yè)布局設(shè)計(jì)要考慮抓取問(wèn)題,以div+css進(jìn)行布局為佳,不可使用table;
2、展現(xiàn)原則,符合用戶瀏覽體驗(yàn)的F型布局;
3、需求容易被查找。

分享名稱:網(wǎng)站導(dǎo)航及首頁(yè)布局必知的設(shè)計(jì)原則
當(dāng)前網(wǎng)址:http://m.rwnh.cn/news/50074.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
郯城县| 镇沅| 辽源市| 林西县| 唐海县| 开化县| 汾西县| 洛川县| 广丰县| 乐业县| 罗山县| 额尔古纳市| 青神县| 理塘县| 剑阁县| 临桂县| 离岛区| 鲁山县| 浦城县| 乌兰察布市| 伊川县| 秦安县| 保定市| 称多县| 壶关县| 武清区| 东丰县| 新化县| 吉木萨尔县| 稷山县| 鹤庆县| 伊宁县| 上高县| 三台县| 商洛市| 扎兰屯市| 芜湖县| 水富县| 库尔勒市| 海兴县| 玛纳斯县|