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