網(wǎng)站設(shè)計(jì)分頁(yè)的那點(diǎn)事兒

電子商務(wù)網(wǎng)站的產(chǎn)品分頁(yè)設(shè)計(jì)是很小塊的設(shè)計(jì)，絕大多數(shù)的網(wǎng)站不會(huì)在這里花費(fèi)什么精力，但是，如果能在細(xì)節(jié)上做的更貼心一些，對(duì)用戶(hù)的購(gòu)買(mǎi)體驗(yàn)還是有所提升的，畢竟用戶(hù)每次購(gòu)買(mǎi)都會(huì)多次使用該功能模塊。

首先要說(shuō)的是，分頁(yè)是用戶(hù)普遍接受的產(chǎn)品頁(yè)面瀏覽方式，設(shè)計(jì)也是大同小異，用戶(hù)的學(xué)習(xí)成本為零。

現(xiàn)在的電商網(wǎng)站通常選擇在產(chǎn)品頁(yè)的上下部分均放置分頁(yè)，下面是完整的分頁(yè)功能，上面是簡(jiǎn)化功能。產(chǎn)品頁(yè)下面需要完整的分頁(yè)功能很好理解，因?yàn)橛脩?hù)都是瀏覽完該頁(yè)產(chǎn)品再翻頁(yè)，所以把完整功能置于底部。那什么時(shí)候用戶(hù)需要在產(chǎn)品頁(yè)上面使用分頁(yè)功能呢？那是在用戶(hù)不想看產(chǎn)品頁(yè)內(nèi)容就翻頁(yè)的時(shí)候，是在用戶(hù)想了解自己所處位置的時(shí)候，另外由于產(chǎn)品頁(yè)上部的分頁(yè)模塊常常和產(chǎn)品篩選條件模塊放于一處，所以這里的功能需要盡量簡(jiǎn)化、節(jié)約空間，好的設(shè)計(jì)可參照下圖中的樂(lè)淘，如果用戶(hù)體驗(yàn)做的更好一點(diǎn)，這里可以再加入產(chǎn)品頁(yè)第一頁(yè)的鏈接，畢竟用戶(hù)返回第一頁(yè)的需求是硬性需求。

對(duì)于產(chǎn)品頁(yè)下部的分頁(yè)設(shè)計(jì)，各個(gè)網(wǎng)站最大的區(qū)別就是是否放置自定義選擇頁(yè)的設(shè)計(jì)。用戶(hù)看頁(yè)面的習(xí)慣分兩種，一種是按照順序往后看的，另一種是挑頁(yè)面去看的。由于現(xiàn)在電商網(wǎng)站的產(chǎn)品篩選條件比較豐富，用戶(hù)很少?gòu)暮竺娴漠a(chǎn)品頁(yè)往前面的產(chǎn)品頁(yè)瀏覽或是直接看中間的產(chǎn)品頁(yè)，如果網(wǎng)站沒(méi)有要增強(qiáng)后面產(chǎn)品的曝光需求，可以拿掉自定義選擇頁(yè)模塊（注：淘寶應(yīng)該還是很需要這個(gè)模塊的）。

在產(chǎn)品頁(yè)比較多的情況下，用戶(hù)瀏覽到中間的頁(yè)面會(huì)出現(xiàn)如何進(jìn)行分頁(yè)導(dǎo)向的問(wèn)題。解決辦法分兩種，一種是中間放置五個(gè)頁(yè)碼，兩邊是開(kāi)始頁(yè)和最后頁(yè)，中間省略號(hào)，此類(lèi)做法可以參照下圖中的樂(lè)淘分頁(yè)設(shè)計(jì)，令一種做法是類(lèi)似淘寶、當(dāng)當(dāng)?shù)脑O(shè)計(jì)，由于已經(jīng)有自定義選擇頁(yè)設(shè)計(jì)，可以簡(jiǎn)化前面頁(yè)碼，省略掉一個(gè)省略號(hào)以及第一頁(yè)的頁(yè)碼。兩者的結(jié)合體可以參見(jiàn)下圖中的1號(hào)店和凡客，看起來(lái)元素有點(diǎn)冗余了。

另外，從方便用戶(hù)使用的角度來(lái)說(shuō)，分頁(yè)的頁(yè)碼點(diǎn)擊區(qū)域應(yīng)該大一些，反例請(qǐng)參考下圖的凡客，在凡客你必須把鼠標(biāo)移到頁(yè)碼的數(shù)字上面才可以點(diǎn)擊，悲劇。

產(chǎn)品分頁(yè)可以說(shuō)的內(nèi)容不是太多，暫時(shí)先說(shuō)到這里，關(guān)于電商網(wǎng)站的設(shè)計(jì)文章會(huì)陸續(xù)出爐，歡迎關(guān)注：）