在浪訊仍是網頁規劃新手的時分，曾遇到許多的規劃問題，其中包含翻頁規劃。網頁之所以要翻頁，原因是內容超出了承載框。關于書本來說，承載框是一頁紙張，一般是A8巨細，捧在手心閱覽剛好合適，而內容則是全部文本。關于網頁、APP來說，承載框是模塊，一般是根據閱覽器尺度和手機屏幕自適應的。在這里，浪訊總結了一下網頁常見的翻頁方法。
一、頁碼翻頁
跟書本相同的頁碼翻頁是最經典的一種翻頁方法。在瀑布流等交互方法還沒有盛行起來的時分，網站運用的基本上都是頁碼翻頁。
頁碼規劃三個要素
頁碼數字陳設：頁碼數字陳設的作用是便利快速定位，一般會列出主頁和現在頁碼鄰近的頁碼。
逐頁翻頁：逐頁翻頁就是上一頁、下一頁了，必備的功用。用戶鼠標能夠定在同一個方位不斷點擊，無須每次翻頁都看一眼頁碼到哪了。
跳進翻頁：跳進能夠是跳到最終一頁、主頁、后十頁、恣意一頁等，現在很少有網站會規劃跳到恣意一頁了，究竟很少有人記住想要查找的內容詳細在哪一頁。
以下是豆瓣的翻頁規劃，我覺得做得很超卓。尤其是頁碼陳設部分，展現的是前2頁、后2頁和當時頁碼鄰近的9頁。
豆瓣的翻頁規劃
合適的運用場景
檢索需求較強的功用，比方“我的保藏”“音樂庫”等，便利快速定位查找。
內容固定的功用，比方資訊網站中，修改寫的長達多頁的多圖長文，或許網絡文學網站里的電子書。
不合適的場景
頁碼翻頁最大的缺陷在于每次翻頁都需求點擊，而且要求點擊的精準度高，比方有必要點擊“下一頁”或許某個數字才干翻到想去的頁面。關于檢索需求弱，且內容不斷更新的功用，比方微博，不主張運用頁碼翻頁。
二、自動瀑布流
自動瀑布流，指的分段式加載，當用戶閱覽到已加載的內容底部時，網頁會自動加載后續內容。
瀑布流是移動互聯網迸發后鼓起的交互方法。那個時分，交際網絡、碎片化時刻的概念如火如荼，許多網站將主頁以時刻線+訂閱的方法出現，facebook、twitter均運用這種方法。用戶上網的意圖不再是搜索有用材料，而是隨便看看、消磨無聊時刻。上網習氣的改動天然帶來了瀑布式加載的盛行。
合適運用的場景
用戶的首要需求是閱覽最新內容，比方資訊訂閱類、交際類網站。
不合適的場景
由于瀑布流缺少檢索功用，假如用戶需求頻頻查找老內容，那么瀑布式加載會帶來嚴峻阻止。
三、手動瀑布流
手動瀑布流是需求用戶手動點擊加載按鈕，才干取得更多內容的方法。手動瀑布流分為兩種情況：向前翻頁和向后翻頁。向前翻頁一般是有時刻線有新消息時的pop提示，向后翻頁的成果和自動瀑布流相同，僅僅會出現一個按鈕，需求點擊才加載后續內容。
合適的運用場景
向前翻頁的瀑布流：適用于被迫更新的頁面。被迫更新指的是當我停留在頁面時，接納到了他人更新內容，比方知乎、微博都會提示你有xx條新內容。
向后翻頁的瀑布流：適用于功用合適瀑布流，但是底部有內容的網站。比方下圖：
人人都是產品司理的翻頁規劃
不過，我個人不看好向后翻頁的瀑布流，盡管不需求像頁碼那樣精準定位，但仍然多出了一次點擊的過程。假如不是有有必要放在底部的內容，能夠考慮把本來底部的內容以低沉的方法放在側欄。比方像知乎這樣——
底部常見內容被知乎放在了側欄
四、箭頭翻頁
箭頭翻頁是頁碼翻頁的簡化方法，去掉頁碼數字，一起把“上一頁”“下一頁”簡化成箭頭，如下圖：
豆瓣閱覽的箭頭翻頁
豆瓣音樂的箭頭翻頁
合適運用的場景
模塊巨細固定而且內容較少，一般是展現型模塊，比方修改引薦、今天特價。之所以運用箭頭翻頁，有三點原因：
一是由于模塊巨細固定不合適會擴展模塊長度的瀑布流;
二是內容較少沒有幾頁，顯示數字頁碼顯得負擔。
三是由于展現模塊需求略微富麗的交互作用，而箭頭翻頁簡單做出比較炫的動畫作用。
五、圓點頁碼
圓點頁碼是數字頁碼的簡化，即把頁碼數字變成圓點，當時頁碼用特別顏色凸顯出來。
合適運用的場景
演示型模塊，比方輪播banner。自動輪換的banner之所以大部分運用圓點頁碼而非箭頭翻頁，是為了讓用戶知曉一共有幾張圖片，現在是第幾張。實際上，圓點頁碼的提示功用要多于操作功用。也有網頁一起運用圓點和箭頭，比方下圖：
蝦米表演的banner
不合適的場景
用戶自動翻頁需求較強的模塊。圓點頁碼就是為了簡練漂亮而誕生的，一般比數字頁碼點擊規模小，不合適頻頻操作。
六、錨點滾輪翻頁
錨點滾輪翻頁指的是翻滾鼠標滑輪后，頁面定位到下一個錨點。例子請見tumblr的產品介紹頁。這種翻頁方法的優點有兩個，第一是能夠交互動畫作用酷炫;第二點是無須點擊，輕輕翻滾滑輪就直接定位到下一頁，非常便利。缺陷是開發程序繁瑣，不合適網站里許多運用。
合適運用的場景
具有展現功用的單頁，許多個人主頁、公司主頁都運用錨點翻滾翻頁。 |
咨詢服務熱線：400-099-8848
