在博客、雜志甚至是大多數(shù)站點(diǎn)中，分頁(yè)的點(diǎn)擊次數(shù)可能比搜索還要多，因?yàn)樵诤芏鄷r(shí)候，訪客并沒(méi)有明確自己的需求，只是在網(wǎng)頁(yè)中一頁(yè)接著一頁(yè)的瀏覽信息，如果在分頁(yè)上有良好的用戶(hù)體驗(yàn)同時(shí)又能引導(dǎo)訪客進(jìn)行瀏覽，就能大大增加網(wǎng)站的黏性。但在很多站點(diǎn)中，分頁(yè)并沒(méi)有得到足夠多的重視，即便是花時(shí)間來(lái)制作分頁(yè)也不過(guò)是基于圖標(biāo)的樣式和設(shè)計(jì)，對(duì)分頁(yè)組件的整體理念并沒(méi)有清晰的認(rèn)識(shí)。
在這之前我們首先要明白的是“什么是分頁(yè)導(dǎo)航”。在搜索引擎的搜索結(jié)果頁(yè)中，“下一頁(yè)”、“上一頁(yè)”、“2”、“3”這樣的鏈接就是一個(gè)分頁(yè)組件，如果用戶(hù)在第一頁(yè)沒(méi)有找到自己需要的信息則會(huì)下一頁(yè)下一頁(yè)地反復(fù)瀏覽頁(yè)面，當(dāng)然，如果用戶(hù)迫切的需要找到一段時(shí)間以前的信息，也可能選擇跳頁(yè)，良好的分頁(yè)設(shè)計(jì)就是能夠在最少的時(shí)間內(nèi)幫助用戶(hù)到達(dá)他需要的頁(yè)面。這其中包括一些基本的分頁(yè)設(shè)計(jì)原則和技巧，雖然它們很微小但卻常常成為新手最容易忽略的問(wèn)題：
在原標(biāo)簽頁(yè)中打開(kāi)
聽(tīng)起來(lái)像是再簡(jiǎn)單不過(guò)的一件事，但確是新手最容易犯錯(cuò)的地方。可以想象一下如果當(dāng)你點(diǎn)擊“下一頁(yè)”“上一頁(yè)”這些按鈕時(shí)，突然打開(kāi)一個(gè)新的標(biāo)簽頁(yè)，如果點(diǎn)擊的太快還有可能打開(kāi)多個(gè)標(biāo)簽頁(yè)，不管網(wǎng)站內(nèi)容本身有多好，當(dāng)你反復(fù)的被這樣的分頁(yè)困擾時(shí)也沒(méi)有興趣再瀏覽下去。很多人習(xí)慣在中標(biāo)注新窗口打開(kāi)，在設(shè)計(jì)分頁(yè)時(shí)就需要額外注意這點(diǎn)。
最后一頁(yè)
在百度的搜索結(jié)果頁(yè)和淘寶中，都能發(fā)現(xiàn)他們并不提供直接跳轉(zhuǎn)到最后一頁(yè)，一方面是數(shù)據(jù)本身很大不利于計(jì)算，一方面則是考慮到排名的有利性。在用戶(hù)瀏覽時(shí)如果多出一個(gè)最后一頁(yè)，我想很多人在反復(fù)找不到自己需要的信息也會(huì)從后往前找，但是在具有排名性的搜索結(jié)果中最好不要提供最后一頁(yè)的選項(xiàng)，這樣才能夠規(guī)定用戶(hù)必須是從前向后。想象一下如果存在“最后一頁(yè)”的按鈕，根據(jù)排名來(lái)算最后一頁(yè)的信息肯定是低質(zhì)的，當(dāng)用戶(hù)直接跳轉(zhuǎn)到最后一頁(yè)時(shí)會(huì)大大影響體驗(yàn)，對(duì)百度來(lái)說(shuō)也不好在最后一頁(yè)再搞上競(jìng)價(jià)。
當(dāng)然這也是根據(jù)行業(yè)不同而有所區(qū)別的，比如一些資源網(wǎng)站，提供最后一頁(yè)跳頁(yè)等等翻頁(yè)功能可能會(huì)對(duì)用戶(hù)的瀏覽有幫助，如果你考慮是否要放置這樣一個(gè)按鈕也要結(jié)合實(shí)際的網(wǎng)站類(lèi)型，并不是說(shuō)取消“最后一頁(yè)”的按鈕就是最好的選擇。
跳頁(yè)
有過(guò)瀏覽論壇經(jīng)驗(yàn)的朋友能發(fā)現(xiàn)在論壇中都會(huì)出現(xiàn)“電梯”“跳往幾樓”之類(lèi)的按鈕，這有些類(lèi)似于搜索的自定義選擇，如果用戶(hù)對(duì)他的信息檢索排頁(yè)方式不滿(mǎn)意或者清楚的知道自己需要的信息大約在哪一頁(yè)就會(huì)使用“跳頁(yè)”，但也不是說(shuō)跳頁(yè)就是必須要有的功能，比如淘寶有按時(shí)間排列按銷(xiāo)售排列這樣的功能，跳頁(yè)就能很好的展示商品，而搜索引擎則只是為了保證信息按質(zhì)量和相關(guān)度排列，所以盡可能的簡(jiǎn)化操作取消跳頁(yè)，他們的目的在于讓用戶(hù)從前幾頁(yè)中獲取信息。
在添加跳頁(yè)時(shí)也需要考慮用戶(hù)的感受，特別是跳頁(yè)后的確定按鈕是否能夠友好的點(diǎn)擊到（不少論壇都很難點(diǎn)擊），當(dāng)激活跳頁(yè)輸入框時(shí)，按下Enter鍵要也可以觸發(fā)事件，在瀏覽一定的頁(yè)面之后才出現(xiàn)跳頁(yè)輸入框等等，用戶(hù)雖然不會(huì)直觀的明白你所有的細(xì)節(jié)，但他們能感受到一個(gè)網(wǎng)站是“好”還是“壞”。
快速返回首頁(yè)
通常處理快速返回首頁(yè)的辦法是，在瀏覽到較多的頁(yè)面時(shí)，將“1”代表的第一頁(yè)獨(dú)立出來(lái)，和最近展示的幾個(gè)頁(yè)碼放在一起，用戶(hù)當(dāng)然知道這里的“1”就是直接跳往第一頁(yè)。實(shí)際上這只有在列表頁(yè)面和較多的展示內(nèi)容時(shí)才會(huì)有所體驗(yàn)，很多開(kāi)發(fā)者喜歡直接放上一個(gè)“首頁(yè)”按鈕，但相比較而言，在瀏覽之后才出現(xiàn)“1”這樣的設(shè)計(jì)更能給用戶(hù)好感。因?yàn)檫@樣的“1”按鈕在第一頁(yè)時(shí)是默認(rèn)不可點(diǎn)擊作為頁(yè)碼顯示，而“首頁(yè)”這樣的按鈕如果頻繁出現(xiàn)則會(huì)給用戶(hù)造成選擇上的困難，當(dāng)你在一排中放上多個(gè)按鈕，即便是每個(gè)按鈕上都有明確的文字，也是在讓用戶(hù)選擇，一個(gè)成功和具有高度用戶(hù)體驗(yàn)的網(wǎng)站的要點(diǎn)就是，讓用戶(hù)盡快的明白自己要做什么，哪里才需要自己點(diǎn)擊。
有的開(kāi)發(fā)者也注意到幾乎所有的搜索引擎都沒(méi)有返回第一頁(yè)的按鈕，因?yàn)樗阉饕媸前聪嚓P(guān)性排列的，當(dāng)你瀏覽超過(guò)5頁(yè)時(shí)可能這個(gè)搜索詞就與你的預(yù)期結(jié)果有一定差距，這時(shí)用戶(hù)會(huì)選擇搜索引擎在分頁(yè)旁邊推薦的“相關(guān)搜索”和其他關(guān)鍵詞進(jìn)入其他頁(yè)面。
整體的平衡性
當(dāng)你留給分頁(yè)組件一個(gè)足夠大的區(qū)域時(shí)，你可能想設(shè)計(jì)擁有“上一頁(yè)”、“下一頁(yè)”、“跳頁(yè)”等等按鈕，在瀏覽多個(gè)頁(yè)面時(shí)也給予用戶(hù)選擇第一頁(yè)的權(quán)利，但要注意這時(shí)不能再展示過(guò)多的頁(yè)碼。想像一下，一個(gè)頁(yè)面上有近十個(gè)頁(yè)碼，同時(shí)又有這些功能性的按鈕，會(huì)嚴(yán)重干擾用戶(hù)的選擇。比如提供了前后各5頁(yè)的展示還有跳頁(yè)，當(dāng)用戶(hù)想要往后跳轉(zhuǎn)7頁(yè)時(shí)就有很多種選擇，他既可以輸入7來(lái)跳頁(yè)，又可以先往后翻5頁(yè)，也能先點(diǎn)擊下一頁(yè)瀏覽再點(diǎn)擊頁(yè)碼跳頁(yè)等等，這樣的猶豫對(duì)于用戶(hù)來(lái)說(shuō)會(huì)很煩躁，有時(shí)候并不是留給用戶(hù)的選擇越多越好。
準(zhǔn)確而精簡(jiǎn)的設(shè)計(jì)往往最能得到用戶(hù)青睞的。
說(shuō)起來(lái)這也不過(guò)是網(wǎng)站用戶(hù)體驗(yàn)中的一小部分，我也沒(méi)有系統(tǒng)的收集各方面的資料分析，只是分享一些自己的經(jīng)驗(yàn)看法。仔細(xì)想想這些細(xì)節(jié)給用戶(hù)帶來(lái)的感受時(shí)，我更覺(jué)得開(kāi)發(fā)者并不能只專(zhuān)注代碼、運(yùn)營(yíng)、設(shè)計(jì)，要為用戶(hù)考慮的更多，畢竟網(wǎng)站還是做給訪客的，并不能看作開(kāi)發(fā)者自?shī)首詷?lè)的產(chǎn)品。
對(duì)一些純編程、后端、算法工作者轉(zhuǎn)向前端或建站之類(lèi)的工作來(lái)說(shuō)，可能對(duì)代碼傾注的注意力過(guò)大而導(dǎo)致網(wǎng)站太專(zhuān)業(yè)化，在同行業(yè)里固然是不錯(cuò)的作品甚至是藝術(shù)品，但對(duì)大眾用戶(hù)來(lái)說(shuō)則并沒(méi)有良好的體驗(yàn)。分頁(yè)上的整體理念不過(guò)是站點(diǎn)的一個(gè)縮影，真正能拿出來(lái)說(shuō)的干貨并不多，只是借由這細(xì)微的一點(diǎn)來(lái)談?wù)動(dòng)脩?hù)體驗(yàn)而已。
轉(zhuǎn)載請(qǐng)保留原文地址: http://www.saitell.cn/show-402.html