臨滄網站建設面包屑使用導航
臨滄網站建設中面包屑導航的使用方法之前,先檢查一下這個詞的由來吧。這個詞源來自于童話中追逐面包屑回家的孩子,網頁上的面包屑也是幫助用戶找到自己所在位置的UI控件。面包屑導航是一種輔助主導航空系統,可以幫助用戶定位在自己目前的網站位置,它小、方便、簡單,并常見。但是,雖然容易被忽視,但是面包屑導航的設計很講究。今天我們來談談面包屑導航吧!
其1:面包屑導航提供有用性
作為視覺指導,面包屑向用戶呈現網頁的分層結構。因此,面包屑成為用戶了解網站背景信息的重要手段,有助于理解對下一個問題的回答。
我在哪里通過整個網站的圖層,可以知道面包屑是用戶的所在地。
其他還能去哪里面包屑提升了網站整體的可搜索性,面包屑的存在揭示了網站整體的結構,用戶了解網站的其他部分。
更值得一看嗎面包屑顯示網站有更多值得探索的內容,促使用戶更多瀏覽。相反,面包屑出來了,網站的脫離率下降了
②減少作業次數
從可用性的觀點來看,面包屑減少了用戶遷移到上位頁的操作數,使用瀏覽器的返回按鈕,避免了用戶為了尋找導航而尋找上位頁的復雜的交互。
空間少
像面包屑這樣的設計在頁面上占據的空間很少,幾乎都是帶鏈接的文本的形狀,通常只有一行。
面包屑不會給使用者帶來麻煩
這個小設計元素所占的空間不大,但給用戶帶來的方便卻大大帶來了遠遠帶來的問題和麻煩。
臨滄網站建設如何巧妙地使用面包屑導航,避免以下幾個問題:
1、不使用面包屑代替網頁的主要導航
請記住,面包屑只是導航的輔助,不能代替主要的導航,而是到達其他水平的用戶便利性的次要選擇。
2、不要將當前頁面的鏈接添加到面包屑中
面包屑的一層是當前頁面,但該項目不應鏈接到面包屑。僅僅表示位置是沒有意義的。
3、使用分隔符
在面包屑中,分層常見的大于符號(gt;)常用的方法是“父類別gt;子類別”。當然,分隔符的使用方法不僅僅是這個,還有使用箭頭(→)的,使用書名()的,使用圖瓦(//)的。使用哪種分離器通常取決于整體風格和設計師的喜好。
4、選擇合適的尺寸和間隔
設計時應仔細考慮尺寸和間距的大小,**不同面包屑層次之間有足夠的間距,用戶能夠識別。當然,你不需要讓面包屑過多地填滿頁面空間。如果面包屑大于頂部導航,那就太難看了。
5、不成為視覺焦點
面包屑本身起著導航的作用,所以使用華麗的字體和華麗的顏色的話,會奪走主客,太顯眼了。不應該成為瀏覽中用戶的視覺焦點下面的面包屑設計不錯,但是太顯眼了,比上面的導航更吸引用戶的注意。
6、不要在手機屏幕上使用面包屑
如果你認為自己的移動頁面使用了面包屑,那就意味著你的移動終端出現了問題。可能是網站太復雜了(嵌套層次太深)這樣的話,就不適合移動終端的使用場景了。為了解決問題,我們需要簡化系統,讓面包屑不接手機。
http://www.wjhjgc.com/jianzhanzhishi/470.html 臨滄網站建設面包屑使用導航