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

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

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

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

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

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

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

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