網(wǎng)頁(yè)設(shè)計(jì)中的交互：關(guān)于分頁(yè)問題的淺談

2024-08-30 08:34:52

字體：大中小

供稿：網(wǎng)友

　　作用：跳轉(zhuǎn)到上一個(gè)頁(yè)面或下一個(gè)頁(yè)面。
　　元素：分頁(yè)的基本元素有：上頁(yè)+頁(yè)碼+下頁(yè)(如標(biāo)注1);總頁(yè)碼(如標(biāo)注2);跳轉(zhuǎn)頁(yè)(如標(biāo)注3);確認(rèn)"按鈕(如標(biāo)注4);

　　場(chǎng)景：根據(jù)以上這些基本元素在不同的場(chǎng)景會(huì)有不同的組合
　　(場(chǎng)景1)19樓論壇:
　　論壇頁(yè)面數(shù)量多的時(shí)候會(huì)達(dá)到上千頁(yè);分頁(yè)的內(nèi)容多數(shù)是頂貼或者是原創(chuàng)陸續(xù)更新帖子所以一般用戶都會(huì)查看首頁(yè)原創(chuàng)帖，然后又選擇性地查看些留言頁(yè)面。手動(dòng)全部翻一遍的幾率幾乎為0;所以論壇性的分頁(yè)會(huì)又以下特點(diǎn)：
　　1.多數(shù)用戶會(huì)在看了原創(chuàng)帖后直接翻頁(yè)或選擇回到貼子列表所以除底部還在頂部添加翻頁(yè)并設(shè)置了"返回列表"的快捷操作
　　2.所以第"1"頁(yè)是home的作用，始終有第"1"頁(yè)，中間用"…"表示未顯示的頁(yè)碼;
　　3.只提供"首頁(yè)1+5個(gè)連續(xù)頁(yè)碼+最后一頁(yè)"頁(yè)碼;開發(fā)者應(yīng)該是考慮一般用戶最多連續(xù)查看5頁(yè)的內(nèi)容。或者就直接跳至最后一頁(yè)查看所以顯示最后一頁(yè)頁(yè)碼和直接跳至最后一頁(yè)的快捷按鈕;

　　(場(chǎng)景2)微博：
　　用戶瀏覽的信息是關(guān)注的信息，會(huì)像讀報(bào)紙一樣逐頁(yè)的瀏覽下去，因此"上一頁(yè)""下一頁(yè)"用的次數(shù)最多;其次是跳轉(zhuǎn)翻頁(yè)，為體現(xiàn)輕量微博的概念，將傳統(tǒng)翻頁(yè)的中間頁(yè)碼部分簡(jiǎn)化成下拉菜單，既能標(biāo)識(shí)當(dāng)前頁(yè)位置又能翻頁(yè)切換跳轉(zhuǎn);
　　新浪weibo：一頁(yè)45條微薄，更多則翻頁(yè)，上一頁(yè)、下一頁(yè)及第幾頁(yè)，默認(rèn)推送10頁(yè)

　　(場(chǎng)景3)百度搜索頁(yè)面：
　　1.搜索結(jié)果首次只提供10個(gè)頁(yè)碼;一般用戶在這10頁(yè)內(nèi)還沒找到想要的內(nèi)容應(yīng)該會(huì)更換搜索內(nèi)容。腳印圖形和下面頁(yè)碼對(duì)應(yīng)都可點(diǎn)擊翻頁(yè)，增加了頁(yè)面趣味性
　　2.因?yàn)樗阉黜?yè)面用戶一般不會(huì)回到首頁(yè)所以頁(yè)面只有上一頁(yè)和下一頁(yè)的快捷按鈕
　　3.點(diǎn)擊任何一頁(yè)碼繼續(xù)瀏覽，發(fā)現(xiàn)后續(xù)提供的頁(yè)碼是：當(dāng)前頁(yè)+9;便于用戶擴(kuò)大搜索范圍放大。
　　4.最多提供20個(gè)頁(yè)碼;比較適于頁(yè)面寬度

　　(場(chǎng)景4)信息滾動(dòng)翻頁(yè)：
　　1.騰訊weibo：一頁(yè)45條微薄，更多默認(rèn)顯示更多按鈕，點(diǎn)擊后下面又多顯示45條，以此類推;同時(shí)騰訊還推出頁(yè)碼翻頁(yè)模式供用戶選擇
　　更人性化了

　　2.花瓣"無限滾動(dòng)翻頁(yè)"，當(dāng)用戶瀏覽到頁(yè)面底部，自動(dòng)刷新頁(yè)面展示新的信息;連續(xù)翻過很多頁(yè)后，當(dāng)再無內(nèi)容可以展示時(shí)，自動(dòng)出現(xiàn)關(guān)聯(lián)信息按鈕"查看更多信息"，引導(dǎo)用戶去瀏覽其他相關(guān)信息;頁(yè)面過長(zhǎng)時(shí)提供"回到頂部"按鈕;