如果設(shè)計(jì)讓網(wǎng)站的導(dǎo)航菜單更加有效,更加人性化
日期:2016/4/9 / 人氣:
當(dāng)創(chuàng)建一個(gè)網(wǎng)站,用戶界面友好 ,直觀,重點(diǎn)領(lǐng)域之一,必須是網(wǎng)站的導(dǎo)航。讓我們來(lái)看看一些重要的注意事項(xiàng)和最佳做法,以銘記設(shè)計(jì)有效的導(dǎo)航網(wǎng)站時(shí)。
想想布局
一個(gè)網(wǎng)站的導(dǎo)航的位置是非常重要的。大多數(shù)網(wǎng)站目前使用放在靠近頁(yè)面頂部在這些網(wǎng)站的大屏幕布局導(dǎo)航鏈接水平行。
本次配股的普及創(chuàng)造了一個(gè)標(biāo)準(zhǔn)的網(wǎng)站訪問(wèn)者是熟悉和適應(yīng)。因此,當(dāng)用戶訪問(wèn)一個(gè)新的網(wǎng)站,他們從來(lái)沒(méi)有到過(guò)之前,他們尋找那些網(wǎng)站的導(dǎo)航,他們最經(jīng)常看,他們期望這些鏈接, – 呈現(xiàn)在靠近頁(yè)面頂部的水平行。
如果你試圖打破的設(shè)計(jì)和你的網(wǎng)站的導(dǎo)航放置在模具,那么你沒(méi)有得到這種立即熟悉的優(yōu)勢(shì)。
建立約定可以用于你的優(yōu)勢(shì),尤其是當(dāng)它涉及到導(dǎo)航的放置在自己的網(wǎng)站設(shè)計(jì)。請(qǐng)記住,新的訪問(wèn)者到你的網(wǎng)站必須能夠快速確定如何使用該網(wǎng)站。在短短的4-8秒,他們需要了解誰(shuí)該網(wǎng)站是為你做什么,而他們下一步應(yīng)該做什么。通過(guò)將網(wǎng)頁(yè)鏈接正是游客期望的那樣,你避免丟失這些游客,因?yàn)樗麄冮L(zhǎng)大失望與困惑他們?cè)谀承┓矫孢是沒(méi)有工作,他們預(yù)計(jì)它的工作方式的網(wǎng)站。
限制選項(xiàng)的數(shù)目
更多選項(xiàng)你給別人,就越難將是他們做出選擇。這就是為什么它是非常重要的,你積極的編輯將出現(xiàn)在網(wǎng)站的頂級(jí)導(dǎo)航項(xiàng)目。
內(nèi)容不太重要的頁(yè)面應(yīng)該劃歸網(wǎng)站時(shí)適當(dāng)?shù)淖硬糠值逆溄印?/p>
例如,在許多網(wǎng)站上常見(jiàn)的網(wǎng)頁(yè)/鏈接為“客戶見(jiàn)證”,但在審查數(shù)百個(gè)網(wǎng)站,其中許多包含這些推薦頁(yè)面的流量分析,我可以告訴你,這個(gè)內(nèi)容是最少的訪問(wèn)的一個(gè)在任何站點(diǎn)。因此,要證言內(nèi)容的鏈接往往是更恰當(dāng)?shù)貏潥w類似“本公司”比在主導(dǎo)航部分,尤其是如果你正在尋找減少在導(dǎo)航鏈接的數(shù)量。
試試你的網(wǎng)站的導(dǎo)航限制在最多7或8個(gè)項(xiàng)目,但如果你可以編輯它歸結(jié)為5或6,這是因?yàn)檫x擇較少甚至更好將使它更容易為游客掃描那些選項(xiàng),并作出選擇相關(guān)到其當(dāng)前的需要。
使用清晰的標(biāo)簽和圖標(biāo)
當(dāng)談到幫助游客做出選擇,限制了選擇的數(shù)量之前他們是不會(huì)拿的唯一重要的一步。此外,還必須確保任何標(biāo)簽,您使用的這些鏈接或圖標(biāo)清楚地讓人們知道以后如何這些點(diǎn)擊。
像“我們的博客”的標(biāo)簽可能不是性感,但它給出了明確的指示,什么是該網(wǎng)頁(yè)上- 公司的博客。未來(lái)與該博客/鏈接一個(gè)唯一的名稱可能是從營(yíng)銷(xiāo)和品牌推廣的角度來(lái)看吸引力,但像“工具箱”的鏈接標(biāo)簽不立即傳達(dá),有是頁(yè)面上的博客(這已被稱為“工具箱“)。這可以混淆誰(shuí)正在尋找迅速做出決策,誰(shuí)不想點(diǎn)擊鏈接,如果他們不知道什么樣的內(nèi)容,他們將得到的回報(bào)游客。
對(duì)于許多較小的屏幕設(shè)計(jì),文本標(biāo)簽與圖標(biāo)替換以節(jié)省空間。這些圖標(biāo)的圖形可能是有用的,但就像文本標(biāo)簽必須清楚,所以也必須做的圖標(biāo)直接意義的游客。
印刷術(shù)是非常重要的
您在您的網(wǎng)站的導(dǎo)航使用文本鏈接必須由該網(wǎng)站的訪問(wèn)者閱讀。因此,網(wǎng)頁(yè)排版的最佳做法,在這方面發(fā)揮的作用。這些應(yīng)該標(biāo)簽使用的印刷樣式:
有足夠的對(duì)比度,以確保便于閱讀
是一個(gè)合適的尺寸,對(duì)所有屏幕
使用字體與很容易在其中顯示大小可讀取字母形式 – 不要太薄或過(guò)于華麗,使他們不容易被讀取
極限滴唐斯飛出菜單
使用下拉飛出菜單可幫助組織一個(gè)大型網(wǎng)站的導(dǎo)航需求。鏈接是次要的可以放置在更高級(jí)的物品。“客戶見(jiàn)證”的上述例子中被放置在“我們的公司”下段是這樣的一個(gè)例子。
通常情況下,這些子菜單提供由當(dāng)頂層鏈路懸停所揭示的菜單。這種相互作用并不總是有效,然而,在其他情況下,它變成一個(gè)非常困難的相互作用。
記住,“懸停”狀態(tài)不要觸摸屏,因此,如果訪問(wèn)這些子菜單的唯一方法是通過(guò)懸停動(dòng)作,你會(huì)被疏遠(yuǎn)的觸摸屏的游客這方面的經(jīng)驗(yàn)。即使這些菜單可供選擇,如果你去太深粉煤灰出局,他們可以成為可怕的具有挑戰(zhàn)性的使用。一個(gè)好的經(jīng)驗(yàn)法則使用這些菜單時(shí)是要確保選項(xiàng)不止一種方法可用,從不使用飛出不止一個(gè)級(jí)別深度。
在不同的設(shè)備測(cè)試
什么工作的大型桌面顯示器上不會(huì)在手機(jī)的小屏幕上工作。這樣,你的網(wǎng)站很可能會(huì)使用響應(yīng)的網(wǎng)頁(yè)設(shè)計(jì),以提供基于訪問(wèn)者的屏幕大小不同的布局和導(dǎo)航方案。一定要測(cè)試你的設(shè)計(jì)這些不同的屏幕上,不要忘了觸摸的重要性。
采用觸摸作為輸入比用鼠標(biāo)點(diǎn)擊太大的不同,所以一定要在觸摸和非觸摸設(shè)備進(jìn)行測(cè)試,以確保你設(shè)計(jì)的導(dǎo)航非常直觀,能夠有效地使用,無(wú)論有人使用到設(shè)備訪問(wèn)您的網(wǎng)站。
作者:朋友圈科技
相關(guān)內(nèi)容 Related
- 為什么響應(yīng)式設(shè)計(jì)需要媒體查詢2016/8/5
- 虛擬主機(jī)被搜索引擎爬蟲(chóng)訪問(wèn)耗費(fèi)大量流量解決方法2016/8/3
- 網(wǎng)站建設(shè)中如何創(chuàng)建完美的顏色組合2016/8/1
- 什么是長(zhǎng)尾關(guān)鍵詞?2016/8/1
- 建設(shè)企業(yè)或個(gè)人網(wǎng)站的好處2016/7/8
- 前端開(kāi)發(fā)者需要知道的常識(shí)2016/7/6
- 12種方法為您拓展業(yè)務(wù)通道2016/7/27
- SEO優(yōu)化的三大技巧2016/7/24
- 10的方法來(lái)提高你的網(wǎng)站設(shè)計(jì)2016/7/24
- 網(wǎng)站統(tǒng)計(jì)用哪個(gè)比較好,百度?cnzz?2016/7/21