2022-11-29 分類: 網(wǎng)站建設(shè)
網(wǎng)頁設(shè)計(jì)之分頁導(dǎo)航設(shè)計(jì)
1、分頁導(dǎo)航的長度
分頁導(dǎo)航既不可過長,又不可過短。過長的分頁導(dǎo)航,加重了用戶的負(fù)擔(dān),而過短的分頁導(dǎo)航,不能很好地起到導(dǎo)航的作用。百度和谷歌的分頁導(dǎo)航頁碼數(shù)量都是10,360、bing、淘寶和亞馬遜及京東都采用了可變長度的形式。360的起始長度為10,隨著頁面的下翻,分頁頁數(shù)逐漸增加,最終保持20頁的長度;bing的起始長度為5,分頁頁數(shù)逐漸增加,最終保持9頁的長度;而亞馬遜最初只有4頁,最后維持在5頁的數(shù)量上;淘寶最初是5頁,最終保持9頁的長度;京東起始長度為4頁,分頁頁數(shù)逐漸增加,最終保持8頁的長度。
可以看到電子商務(wù)網(wǎng)站的分頁導(dǎo)航頁碼數(shù)量普遍少于搜索引擎,最主要的原因當(dāng)然是電商網(wǎng)站的搜索結(jié)果數(shù)量遠(yuǎn)遠(yuǎn)不及搜索引擎。其次因?yàn)殡娚叹W(wǎng)站主要是賣東西的,不是像搜索引擎把信息簡單的呈現(xiàn)給用戶,它們更愿意讓用戶仔細(xì)地瀏覽前面幾頁的商品,而不是引導(dǎo)用戶隨意地點(diǎn)擊任意一個(gè)頁面去查看商品。
2、是否需要首末頁導(dǎo)航鏈接?
很多網(wǎng)站的分頁導(dǎo)航中都沒有首頁和末頁的鏈接,google、bing、360和百度這些搜索引擎沒有首頁和末頁可以理解,因?yàn)樗阉鹘Y(jié)果數(shù)量太大,頁數(shù)太多,所以提供末頁沒有太大的意義,用戶也看不到那么多去。并且他們的分頁導(dǎo)航長度都至少在10頁以上,而絕大多數(shù)用戶都能在10頁以內(nèi)就能夠找到自己想要的信息,如果前10頁都沒找到需求的信息,估計(jì)早就換搜索詞了,所以“首頁”鏈接意義不大。
而淘寶、亞馬遜及京東這種電商網(wǎng)站,用戶的商品信息需求更加個(gè)性化,對搜索準(zhǔn)確性的要求不如搜索引擎那么高,用戶更多的是進(jìn)行對比,所以電商網(wǎng)站的用戶所需要的商品信息更接近于平均分布到各個(gè)檢索結(jié)果頁中,而不是像搜索引擎那樣集中在首頁的導(dǎo)航里就可以解決需求。另外還有一種可能是,如果用戶翻到一定頁數(shù)時(shí),發(fā)現(xiàn)結(jié)果越來越背離自己的需求或覺得還是最前面看的好,就可以直接點(diǎn)擊“1”返回首頁了,這就和“首頁”鏈接是一個(gè)效果,同理上面幾個(gè)電商網(wǎng)站的末頁鏈接也很好的設(shè)置在了分頁導(dǎo)航里面,和前面的“1”效果是一樣的。
3、是否需要自定義頁碼
自定義頁面對選項(xiàng)數(shù)目有限的分頁來說是很常見的。淘寶、京東以及亞馬遜以前都提供了這種導(dǎo)航方式。但是現(xiàn)在只有淘寶還存在,個(gè)人覺得在這種信息量很大的頁面上,而且在用戶不知道具體頁碼上的具體內(nèi)容的情況下,這種自定義頁面沒什么效果,如果你的分頁導(dǎo)航能夠很好的進(jìn)行遠(yuǎn)距離跳轉(zhuǎn),基本沒有必要做自定義頁碼,如果分頁導(dǎo)航相對比較簡單,可以用這個(gè)彌補(bǔ)一下。另外如果你的產(chǎn)品確實(shí)比較多,并且想提高排名靠后的商品的曝光度,也可以有這個(gè)需要。
4、頁碼數(shù)字的間距
頁碼數(shù)字間距太小,用戶容易誤點(diǎn)擊,而間距太大,會增加鼠標(biāo)工作。google這一點(diǎn)似乎做得有些欠佳,出現(xiàn)雙位數(shù)的頁碼后,google的分頁導(dǎo)航顯得就有些擁擠。難道是google為了保證每個(gè)頁碼數(shù)字都和分頁導(dǎo)航上方的字母o對齊?
5、鼠標(biāo)響應(yīng)
鼠標(biāo)劃過或者點(diǎn)擊頁碼時(shí),頁碼應(yīng)該有一定的響應(yīng),這樣就能夠提醒用戶鼠標(biāo)當(dāng)前所劃過或點(diǎn)擊的頁碼。這一點(diǎn)上面所例舉的網(wǎng)站都做得很好,這樣用戶能很好的知道鼠標(biāo)所在的位置以及當(dāng)前所點(diǎn)擊的頁面,能很好的加強(qiáng)用戶的體驗(yàn)。
6、“上一頁”和“下一頁”
“上一頁”和“下一頁”一般分別放在頁碼導(dǎo)航的左端和右端,并且通常會有向左和向右的箭頭來形象化地指引用戶。“上一頁”和“下一頁”的位置也很重要,位置好相對固定,讓用戶可以很方便地在同一個(gè)位置使用上一頁和下一頁來進(jìn)行頁面切換。另外京東還在頁面的右上角提供了簡單的上翻和下翻功能,下面是完整的分頁功能,上面是簡化功能。產(chǎn)品頁下面需要完整的分頁功能很好理解,因?yàn)橛脩舳际菫g覽完該頁產(chǎn)品再翻頁,所以把完整功能置于底部,但有很多時(shí)候用戶看不到最低端就想翻頁了,這個(gè)時(shí)候上面的簡化分頁就起到了很好的作用。
7、當(dāng)前所在頁
用戶當(dāng)前所在頁的頁碼應(yīng)該與其它頁碼的樣式有所區(qū)別,以此來提示用戶當(dāng)前所在的位置,便于導(dǎo)航。這一點(diǎn)想必大部分分頁導(dǎo)航都會這樣設(shè)計(jì)。另外當(dāng)前頁應(yīng)該是不可鏈接的,所以鼠標(biāo)放上去之后,應(yīng)該不會變成hover狀態(tài)。而在京東的網(wǎng)頁上,鼠標(biāo)放到當(dāng)前頁上面時(shí),當(dāng)前頁會像其它頁碼一樣,背景變成藍(lán)色,鼠標(biāo)也會變成手指的形狀,這樣會誤導(dǎo)用戶,以為當(dāng)前頁是可以鏈接的。
值得一提的是新浪微博。新浪微博的默認(rèn)方式是,隨著用戶向下瀏覽,自動(dòng)加載兩次,之后再出現(xiàn)分頁。對于大多數(shù)用戶,在閑暇時(shí)瀏覽微博,加載兩次的內(nèi)容已經(jīng)能夠滿足他們,對于需要瀏覽更多信息的用戶,也讓他們知道自己到底瀏覽了多少。這種方式無疑更加靈活,既保證了用戶瀏覽信息的連續(xù)性,又提供了快速導(dǎo)航和預(yù)估信息量的作用。
8、導(dǎo)航頁碼中的品牌宣傳
看一下google 的導(dǎo)航頁碼上方是一個(gè)變形的 googlelogo,每個(gè)頁碼都對應(yīng) logo里面的一個(gè)字母o。用戶甚至可以通過點(diǎn)擊這些o來跳轉(zhuǎn)到其對應(yīng)的導(dǎo)航頁碼所在的頁面上去。再看百度現(xiàn)在的新分頁導(dǎo)航,每一個(gè)頁碼上面都有一個(gè)百度小熊掌,而且在當(dāng)前頁碼上,上方還會變成一個(gè)點(diǎn)亮的大熊掌,這樣每一次都是在很好的宣傳品牌,另外配色也可以和品牌宣傳結(jié)合起來。
當(dāng)前標(biāo)題:網(wǎng)頁設(shè)計(jì)之分頁導(dǎo)航設(shè)計(jì)
URL分享:http://m.rwnh.cn/news19/217769.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、軟件開發(fā)、標(biāo)簽優(yōu)化、域名注冊、企業(yè)建站、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容