国产九九热视频-国产九九精品视频-国产精自产拍久久久久久蜜-国产精自产拍久久久久久-国产精在线-国产精亚洲视频

中閥傳媒-官方網站

如何通過網頁設計告訴用戶在網站中的位置?

2017/11/3 17:22:21 技術文章

      網站一般使用以下元素來告知用戶所處位置:

 

      1.品牌Logo:在頁面上展示logo可以標識內容所有權,讓在內頁著陸的用戶明白自己是在哪個網站上。通常,我們將logo放置于左上角,已保證當用戶希望找到它時,可以迅速的發現它。

 

      2.導航上的視覺差異:借用導航文字的下劃線,或者文字顏色的變化等等,告知用戶自己是在哪個欄目里。研究發現這種方式在用戶識別位置上非常有效。

 

      3.頭部信息:在正文標題左上方放置的頭部信息也可以起到幫助用戶明確位置的作用。同時由于空間相比導航更廣,因此可以羅列更多的層級信息,在位置信息上的呈現可以更加豐富。

 

      4.頁面標題:頁面標題是寫在html里的,對頁面內容作出的最高度詮釋。在瀏覽器的標簽、搜索引擎的搜索結果、歷史訪問記錄、收藏夾里呈現的都是頁面的標題。描述性的、獨特的標題有助于表明所有權、信息組織和頁面的特定內容。

 

      5.url:一個靜態化的可讀的url同樣也是告知用戶位置的一個重要標識。其中與導航相關聯的層級信息非常實用,比如文章頁面的url帶有英文的article或者拼音的wenzhang等等都可以。

 

      6.面包屑導航:與url相同,面包屑導航同樣彰顯了頁面的層級關系,相比url,面包屑導航用錨文本的形式可以更加清楚地描述各級頁面的主題。

 

      7.文章線索:文章的發布日期,標簽,頁面圖標,配圖等等都可以表現出站點的信息結構或者時間的信息。

 

      8.頁面視覺變化:不同色彩的文字,logo的變化以及其他清晰可見的視覺化差異,都可以讓用戶明確自己所處的網站位置已經發生了改變。

 

      結合實例,我們來看一下這些元素是怎么被使用的:

 

 

      BBC使用了這四個元素來告知用戶所處位置:1.品牌與logo2.導航欄視覺差異3.頭部信息4.文章線索

 

 

      這個網頁采用了1.品牌名2.導航欄視覺差異3.面包屑導航4.頭部信息這四個元素來告知用戶所處位置。在截圖上未體現出來的其頁面標題與url也很具有層次感。

 

 

      紐約公共圖書館的網頁同樣使用了導航欄的視覺差異(黑色→紅色)來告知用戶所處位置。帶有顏色的按鈕不光可以有效抓住用戶視覺,同時其描述文本極為清晰的闡明了該頁面的主要作用—支持搜索的圖書館明細列表。

 

 

      在一些目錄層次很深的網站上,借用導航欄的視覺差異來說明所處位置與網站的信息結構非常困難。比如相冊類網站,按照年月日進行歸類的照片內頁,其所在的層級結構非常深。這時候,面包屑導航起到的作用會被放大,這種情況下通常可以將面包屑導航設計的更明顯一些。該網頁中最明顯的位置標識就是面包屑導航。

 

      總結

 

      用戶通常會借助多種元素來明確自己在網站中的位置,以防迷路。通常來講,url與頁面標題等等不會展現在頁面視覺上的屬性,面對的受眾要比其他元素更小,如果能用設計來讓用戶清楚自己的位置再好不過。然而,url與頁面標題的設置同樣不能大意,這兩樣是搜索引擎理解頁面與層級關系的重要指標,不可忽視。

主站蜘蛛池模板: 免费一级特黄特色大片在线| 女人战争之肮脏的交易| 欧美八十老太另类| 娃娃脸中文字幕1080p| 日本免费三区| 99精品欧美| 欧美黄色片免费观看| 国产一区二区三区不卡在线观看| 无需付费大片在线免费| 国产在线2021| 把水管开水放b里是什么感觉| 男孩子和男孩子在一起do| 韩国免费一级片| аⅴ中文在线天堂| 日本无卡无吗在线| 大美香蕉伊在看欧美| 高h网站| 99国产精品久久久久久久成人热| 色老头综合免费视频| avtt在线| 波多野结衣午夜| 四虎永久免费观看| 男人操女人免费视频| 在线播放a1| 狠狠色狠狠色综合伊人| 口工全彩无遮挡3d漫画在线| 男的把j放进女人下面视频免费| 色播影院性播免费看| jux434被公每天侵犯的我| а√天堂中文最新版地址| 高嫁肉柳风车动漫| bt在线www天堂资源网| 欧美黄色影院| 日韩一级一片| 国外成人免费高清激情视频| 亚洲国产成人久久综合一区77| 欧美亚洲精品suv| 男人j进入女人j内部免费网站 | 国产在线精品一区二区中文| 人人爽人人爽人人片av| 出差被绝伦上司侵犯中文字幕|