“檢視更多”3種應用場景總結和分析
本篇文章總結了“檢視更多”的應用場景：品類區、資訊流、評論區。
一、定義
“檢視更多”是頁面內或者頁面之間互動的一種連結，是一種獲得更多內容的方式。
廣義的檢視更多，以文字、按鈕、icon、頁面指示器、分頁、甚至載入樣式，被廣泛使用於移動端的頁面中，用來提示使用者，點選可以看到被隱藏的內容。
如下圖：
二、應用場景
1. 品類區
品類區是國內的APP首屏上常見的模組，對於電商的平臺來講，品類區主要放置的是商品的分類；而提供服務的產品，品類區主要用來展示所提供的業務範圍。
因為移動端首屏空間的珍貴，我們不可能全部羅列展示這些品類；不重要的、使用頻率低的品類就會被隱藏起來。
目前市場上主要有以下三種處理“更多品類”的方式：側滑式、圖示式、摺疊式。
1.1側滑式
側滑式的品類區使用螢幕的橫向空間來承載內容。
首屏展示使用者高頻使用的品類，二屏放置非頭部品類；側滑的品類區底部通常會有頁面指示器來提示使用者滑動，比如下圖的淘寶和馬蜂窩。
優點：相對比較靈活，在當前頁面即可檢視後續內容，互動成本較低；
缺點：受限於品類區的大小，不能承載太多的資訊。
1.2 圖示式
固定放置高頻使用的頭部品類，通常用最後一個品類圖標表示“更多”，適用於分類非常豐富的產品。
比如：攜程、美團，都屬於全品類服務，當用戶想獲得其他服務，就要通過點選更多開啟新頁面，檢視全部服務內容。
除此之外，一些產品支援使用者通過“更多”來 自定義品類 ：比如猿題庫，點選更多後，會跳轉到科目選擇頁；熊貓可以通過“更多”使用者可以根據興趣定義自己的品類。
優點：能夠承載比較豐富的內容。
缺點：使用者沒有對於內容的預知，因此不知道新內容值不值得他們等待一個新頁面，因而會產生猶豫；曝光和點選率低。
1.3 摺疊式
摺疊這種形式並不多見，它是在品類區下方顯示“檢視更多”的按鈕，比如蘑菇街，採用了一種 半透明遮罩+文字 的形式，暗示品類區的後續內容。
優點：半透明的遮罩可以讓使用者看到下層的部分資訊，點選前使用者有預知，能夠減少使用者的不確定情緒。
缺點：展開後會推開下方的模組，前後只節省了半行的空間，並且展開後沒有收回按鈕。
推測是蘑菇街是為了在首屏顯示發現模組的圖片資訊，因此降低了部分品類區的權重。
2. 資訊流
APP端的內容通常是由一個個模組組成，每個模組區域是固定的，所以通常頁面內的“檢視更多”基本為 點選後跳轉到新頁面 ；或者採用側滑卡片、換一換等衍生形式。
注：資訊下沒有其他模組的，比如頭條、各大app底部的猜你喜歡，通常會以瀑布流的形式，往下滾動時直接載入更多內容。這部分後面會單獨寫，不在本文的討論範圍內。
2.1 標題欄
在 模組標題右側 放置“檢視更多”是最常見、最普遍的一種展示形式，它已經成為使用者認知裡的習慣用法，通常由文字+指示icon、或者單個指示icon組成。
常見為 淺灰色弱化展示 ，重點突出模組內容，比如掌閱；根據具體產品的需求，如果要突出內容的豐富性/提高頁面跳轉等，也可以文字加大/加重/特殊色展示，比如自如。
但是因為使用者沒有對新內容的預期，點選慾望比較低。
豆瓣就對此做了優化——增加了數字提示，讓使用者點選前就能知道頁面內的資訊量，消除顧慮。
除此之外，也有一些產品把點選更多的 指示icon直接和標題結合起來 ，使用者通過點選標題進行互動。
它適合於和標題關聯性強的內容，同時留出了右側空間，對長標題的模組比較友好。
優點：已經成為習慣用法，沒有學習成本； 節省頁面空間。
缺點：點選區域小；位於頂端，對於內容超過一屏的模組，使用者需要上滑返回才能點選。
2.2 模組底部
“檢視更多” 以按鈕形式存在於模組底部 ，因為空間留白和明確了按鈕的表現形式，可點選性會增加。當我們增加期望後續內容的曝光時，可以採用這種形式。
優點：不會擾亂使用者從上到下的掃描順序；明確可點選。
缺點：比較浪費頁面空間；會影響使用者對於當前內容的注意力。
2.3 換一換
需要開啟新頁面的“檢視更多”對於使用者來說無論如何有較高的成本，“換一換”就是因此衍生而來——使用者點選後，無需跳轉， 直接在當前頁對該模組內容進行重新整理。
優點：操作成本低，雖然內容依舊是缺少預期的，但是在使用者的接受範圍內，還有一種抽盲盒的驚喜。
缺點：隨機感，多被用於推薦類模組，並不適合有秩序的模組，比如榜單；且其依舊侷限於模組內，使用者需要依靠多次點選來檢視更多，效率比較低。
2.4 組合
很多APP會在模組內 組合使用“檢視更多”和“換一換” 兩種方式，來彌補單一互動的不足。使用者可以根據自己的需求選擇是換一換，或者新頁面看更多。
常見的樣式是二者作為按鈕放在模組底部，共用一行空間，比如騰訊動漫，此時二者權重均衡。
當有側重點時，比如QQ音樂的歌單模組，就通過視覺的大小和空間，突出換一換，弱化更多。
2.5 側滑卡片
因為縱向空間受限，許多產品開始利用橫向來拓展頁面空間。
側滑卡片就是其中代表，它通過顯示部分內容來暗示使用者這裡可左右滑動，比如考拉、愛奇藝，滑動n個後會出現檢視更多的卡片，引導使用者點選下一頁。
3. 評論區
3.1 內容
主打UCG的社交、社群類的平臺，核心功能位使用者產出資訊、使用者之間的交流，因此有大量的溝通資料，同樣需要“檢視更多”來摺疊和展開後續內容。
在文字描述上，為了讓使用者有信息量的預期，此處的“檢視更多”通常具體化為當前資訊條數——檢視全部xx條評論。
在視覺上，主打內容的產品，“檢視更多”通常弱化處理，比如知乎和ins ，在內容下方用淺灰色的文字顯示“檢視更多評論”，我想這也是為什麼知乎和ins點贊數都遠高於評論的一個原因了。
（當然，知乎進入全部評論頁後，樓中樓的“檢視更多”就是以按鈕形式顯示了）
3.2 互動
而微博在文字上增加了最新評論使用者的ID名，視覺上也用高亮色突出，引導性更強。
如果是知乎是使用者生產內容的社群，那麼微博就是在這些頭部內容的基礎上，圍繞他們發酵為話題進行二次討論，使用者間的互動性更強。
三、總結
本文主要總結了”檢視更多“分別在品類區、資訊流、評論區的幾種應用場景，以及優缺點和適用範圍。
如果還有沒有被總結到的內容，歡迎大家在評論裡補充！如果覺得有用，別忘了點贊哦～
本文由 @白露漫談 原創釋出於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於CC0協議