国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

本篇文章總結(jié)了“查看更多”的應(yīng)用場(chǎng)景：品類區(qū)、信息流、評(píng)論區(qū)。

一、定義

“查看更多”是頁(yè)面內(nèi)或者頁(yè)面之間交互的一種鏈接，是一種獲得更多內(nèi)容的方式。

廣義的查看更多，以文本、按鈕、icon、頁(yè)面指示器、分頁(yè)、甚至加載樣式，被廣泛使用于移動(dòng)端的頁(yè)面中，用來(lái)提示用戶，點(diǎn)擊可以看到被隱藏的內(nèi)容。

如下圖：

二、應(yīng)用場(chǎng)景

1. 品類區(qū)

品類區(qū)是國(guó)內(nèi)的APP首屏上常見的模塊，對(duì)于電商的平臺(tái)來(lái)講，品類區(qū)主要放置的是商品的分類；而提供服務(wù)的產(chǎn)品，品類區(qū)主要用來(lái)展示所提供的業(yè)務(wù)范圍。

因?yàn)橐苿?dòng)端首屏空間的珍貴，我們不可能全部羅列展示這些品類；不重要的、使用頻率低的品類就會(huì)被隱藏起來(lái)。

目前市場(chǎng)上主要有以下三種處理“更多品類”的方式：側(cè)滑式、圖標(biāo)式、折疊式。

1.1側(cè)滑式

側(cè)滑式的品類區(qū)使用屏幕的橫向空間來(lái)承載內(nèi)容。

首屏展示用戶高頻使用的品類，二屏放置非頭部品類；側(cè)滑的品類區(qū)底部通常會(huì)有頁(yè)面指示器來(lái)提示用戶滑動(dòng)，比如下圖的淘寶和馬蜂窩。

優(yōu)點(diǎn)：相對(duì)比較靈活，在當(dāng)前頁(yè)面即可查看后續(xù)內(nèi)容，交互成本較低；

缺點(diǎn)：受限于品類區(qū)的大小，不能承載太多的信息。

1.2 圖標(biāo)式

固定放置高頻使用的頭部品類，通常用最后一個(gè)品類圖標(biāo)表示“更多”，適用于分類非常豐富的產(chǎn)品。

比如：攜程、美團(tuán)，都屬于全品類服務(wù)，當(dāng)用戶想獲得其他服務(wù)，就要通過(guò)點(diǎn)擊更多打開新頁(yè)面，查看全部服務(wù)內(nèi)容。

除此之外，一些產(chǎn)品支持用戶通過(guò)“更多”來(lái)自定義品類：比如猿題庫(kù)，點(diǎn)擊更多后，會(huì)跳轉(zhuǎn)到科目選擇頁(yè)；熊貓可以通過(guò)“更多”用戶可以根據(jù)興趣定義自己的品類。

優(yōu)點(diǎn)：能夠承載比較豐富的內(nèi)容。

缺點(diǎn)：用戶沒(méi)有對(duì)于內(nèi)容的預(yù)知，因此不知道新內(nèi)容值不值得他們等待一個(gè)新頁(yè)面，因而會(huì)產(chǎn)生猶豫；曝光和點(diǎn)擊率低。

1.3 折疊式

折疊這種形式并不多見，它是在品類區(qū)下方顯示“查看更多”的按鈕，比如蘑菇街，采用了一種半透明遮罩+文本的形式，暗示品類區(qū)的后續(xù)內(nèi)容。

優(yōu)點(diǎn)：半透明的遮罩可以讓用戶看到下層的部分信息，點(diǎn)擊前用戶有預(yù)知，能夠減少用戶的不確定情緒。

缺點(diǎn)：展開后會(huì)推開下方的模塊，前后只節(jié)省了半行的空間，并且展開后沒(méi)有收回按鈕。

推測(cè)是蘑菇街是為了在首屏顯示發(fā)現(xiàn)模塊的圖片信息，因此降低了部分品類區(qū)的權(quán)重。

2. 信息流

APP端的內(nèi)容通常是由一個(gè)個(gè)模塊組成，每個(gè)模塊區(qū)域是固定的，所以通常頁(yè)面內(nèi)的“查看更多”基本為點(diǎn)擊后跳轉(zhuǎn)到新頁(yè)面；或者采用側(cè)滑卡片、換一換等衍生形式。

注：信息下沒(méi)有其他模塊的，比如頭條、各大app底部的猜你喜歡，通常會(huì)以瀑布流的形式，往下滾動(dòng)時(shí)直接加載更多內(nèi)容。這部分后面會(huì)單獨(dú)寫，不在本文的討論范圍內(nèi)。

2.1 標(biāo)題欄

在模塊標(biāo)題右側(cè)放置“查看更多”是最常見、最普遍的一種展示形式，它已經(jīng)成為用戶認(rèn)知里的習(xí)慣用法，通常由文字+指示icon、或者單個(gè)指示icon組成。

常見為淺灰色弱化展示，重點(diǎn)突出模塊內(nèi)容，比如掌閱；根據(jù)具體產(chǎn)品的需求，如果要突出內(nèi)容的豐富性/提高頁(yè)面跳轉(zhuǎn)等，也可以文字加大/加重/特殊色展示，比如自如。

但是因?yàn)橛脩魶](méi)有對(duì)新內(nèi)容的預(yù)期，點(diǎn)擊欲望比較低。

豆瓣就對(duì)此做了優(yōu)化——增加了數(shù)字提示，讓用戶點(diǎn)擊前就能知道頁(yè)面內(nèi)的信息量，消除顧慮。

除此之外，也有一些產(chǎn)品把點(diǎn)擊更多的指示icon直接和標(biāo)題結(jié)合起來(lái)，用戶通過(guò)點(diǎn)擊標(biāo)題進(jìn)行交互。

它適合于和標(biāo)題關(guān)聯(lián)性強(qiáng)的內(nèi)容，同時(shí)留出了右側(cè)空間，對(duì)長(zhǎng)標(biāo)題的模塊比較友好。

優(yōu)點(diǎn)：已經(jīng)成為習(xí)慣用法，沒(méi)有學(xué)習(xí)成本； 節(jié)省頁(yè)面空間。

缺點(diǎn)：點(diǎn)擊區(qū)域?。晃挥陧敹?，對(duì)于內(nèi)容超過(guò)一屏的模塊，用戶需要上滑返回才能點(diǎn)擊。

2.2 模塊底部

“查看更多”以按鈕形式存在于模塊底部，因?yàn)榭臻g留白和明確了按鈕的表現(xiàn)形式，可點(diǎn)擊性會(huì)增加。當(dāng)我們?cè)黾悠谕罄m(xù)內(nèi)容的曝光時(shí)，可以采用這種形式。

優(yōu)點(diǎn)：不會(huì)擾亂用戶從上到下的掃描順序；明確可點(diǎn)擊。

缺點(diǎn)：比較浪費(fèi)頁(yè)面空間；會(huì)影響用戶對(duì)于當(dāng)前內(nèi)容的注意力。

2.3 換一換

需要打開新頁(yè)面的“查看更多”對(duì)于用戶來(lái)說(shuō)無(wú)論如何有較高的成本，“換一換”就是因此衍生而來(lái)——用戶點(diǎn)擊后，無(wú)需跳轉(zhuǎn)，直接在當(dāng)前頁(yè)對(duì)該模塊內(nèi)容進(jìn)行刷新。

優(yōu)點(diǎn)：操作成本低，雖然內(nèi)容依舊是缺少預(yù)期的，但是在用戶的接受范圍內(nèi)，還有一種抽盲盒的驚喜。

缺點(diǎn)：隨機(jī)感，多被用于推薦類模塊，并不適合有秩序的模塊，比如榜單；且其依舊局限于模塊內(nèi)，用戶需要依靠多次點(diǎn)擊來(lái)查看更多，效率比較低。

2.4?組合

很多APP會(huì)在模塊內(nèi)組合使用“查看更多”和“換一換”兩種方式，來(lái)彌補(bǔ)單一交互的不足。用戶可以根據(jù)自己的需求選擇是換一換，或者新頁(yè)面看更多。

常見的樣式是二者作為按鈕放在模塊底部，共用一行空間，比如騰訊動(dòng)漫，此時(shí)二者權(quán)重均衡。

當(dāng)有側(cè)重點(diǎn)時(shí)，比如QQ音樂(lè)的歌單模塊，就通過(guò)視覺(jué)的大小和空間，突出換一換，弱化更多。

2.5 側(cè)滑卡片

因?yàn)榭v向空間受限，許多產(chǎn)品開始利用橫向來(lái)拓展頁(yè)面空間。

側(cè)滑卡片就是其中代表，它通過(guò)顯示部分內(nèi)容來(lái)暗示用戶這里可左右滑動(dòng)，比如考拉、愛(ài)奇藝，滑動(dòng)n個(gè)后會(huì)出現(xiàn)查看更多的卡片，引導(dǎo)用戶點(diǎn)擊下一頁(yè)。

3. 評(píng)論區(qū)

3.1 內(nèi)容

主打UCG的社交、社區(qū)類的平臺(tái)，核心功能位用戶產(chǎn)出信息、用戶之間的交流，因此有大量的溝通數(shù)據(jù)，同樣需要“查看更多”來(lái)折疊和展開后續(xù)內(nèi)容。

在文字描述上，為了讓用戶有信息量的預(yù)期，此處的“查看更多”通常具體化為當(dāng)前信息條數(shù)——查看全部xx條評(píng)論。

在視覺(jué)上，主打內(nèi)容的產(chǎn)品，“查看更多”通常弱化處理，比如知乎和ins ，在內(nèi)容下方用淺灰色的文本顯示“查看更多評(píng)論”，我想這也是為什么知乎和ins點(diǎn)贊數(shù)都遠(yuǎn)高于評(píng)論的一個(gè)原因了。

（當(dāng)然，知乎進(jìn)入全部評(píng)論頁(yè)后，樓中樓的“查看更多”就是以按鈕形式顯示了）

3.2 互動(dòng)

而微博在文字上增加了最新評(píng)論用戶的ID名，視覺(jué)上也用高亮色突出，引導(dǎo)性更強(qiáng)。

如果是知乎是用戶生產(chǎn)內(nèi)容的社區(qū)，那么微博就是在這些頭部?jī)?nèi)容的基礎(chǔ)上，圍繞他們發(fā)酵為話題進(jìn)行二次討論，用戶間的互動(dòng)性更強(qiáng)。

三、總結(jié)

本文主要總結(jié)了”查看更多“分別在品類區(qū)、信息流、評(píng)論區(qū)的幾種應(yīng)用場(chǎng)景，以及優(yōu)缺點(diǎn)和適用范圍。

如果還有沒(méi)有被總結(jié)到的內(nèi)容，歡迎大家在評(píng)論里補(bǔ)充！如果覺(jué)得有用，別忘了點(diǎn)贊哦～

本文由 @白露漫談 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議