做好發(fā)現(xiàn)頁面應(yīng)把握好的3種頁面類型

4 評論 11714 瀏覽 303 收藏 8 分鐘

還記得媽媽帶你第一次進甜品店的慌然無措的心情嗎?草莓味好還是巧克力好?蛋糕好還是烤派好?加水果好還是不加水果的好?你覺得就快幸福到爆炸,因為選擇如此目不暇接,你也快苦惱到爆炸,因為你不可能知道你會最愛哪一款。

然而,我并不是要聊蛋糕…雖然我還是一個月內(nèi)總有那么幾天下班忍不住買回家就著紅酒吃下一塊藍莓芝士蛋糕,但我想描述其實是最近在思考一個問題的心情——APP的發(fā)現(xiàn)頁面,各種展現(xiàn)形式究竟有什么差別?又分別適用于什么情境?

先簡單概況下現(xiàn)有的幾種發(fā)現(xiàn)頁面(這里的發(fā)現(xiàn)不單指名稱叫“發(fā)現(xiàn)”的頁面,而是一個更廣泛的概念,所有在APP里面承擔(dān)用戶搜索、引導(dǎo)、探索的頁面都可以歸為“發(fā)現(xiàn)”):

1、微博-“內(nèi)容種類列表型”,羅列內(nèi)容種類,僅展現(xiàn)最外層的組織方式

81554-d698b95309055388

微博的發(fā)現(xiàn)都是典型的“內(nèi)容種類列表型”,簡潔、高效是最直接的觀感,仔細往下看你會發(fā)現(xiàn),每個菜單之間幾乎沒有內(nèi)容上的關(guān)聯(lián),每個菜單背后都是一套獨立而完整的業(yè)務(wù)板塊。

在這里要強調(diào)下內(nèi)容種類和分類的區(qū)別。種類,是指完全不同的內(nèi)容,譬如游戲和購物;分類,則是單一內(nèi)容下的細分維度,譬如電商的男裝和女裝。

如果你的產(chǎn)品提供著多個不同種類的內(nèi)容,每個之間幾乎又無法形成聯(lián)系,如共生、從屬、關(guān)聯(lián)等,那么微博的做法顯然是最適合的,彼此之間若不能互相幫助,那就不要互相干擾。當然,這種做法相當被動,每個業(yè)務(wù)幾乎沒有空間去展示自己,所謂最適合,或許也是最無奈之舉。

2、LOFTER-“內(nèi)容維度/分類引導(dǎo)型”,展現(xiàn)核心內(nèi)容的不同組織維度,試圖引導(dǎo)用戶進一步探索

81554-41e062c8a10d2705

LOFTER的核心內(nèi)容本質(zhì)上只有一種,即用戶發(fā)表的內(nèi)容,不同的只是內(nèi)容載體(文字/圖片/…)。相比上述類型,一種內(nèi)容有一種內(nèi)容的優(yōu)勢,你可以用盡一切維度去引導(dǎo)用戶探索內(nèi)容,包括標簽/專題/用戶/活動等。在這里L(fēng)OFTER其實用了一種比較節(jié)制,更重視效率的方式,每個維度會搭配一定篇幅的內(nèi)容預(yù)覽,除此外并沒有在繼續(xù)提供內(nèi)容瀑布流以供沒被轉(zhuǎn)化的人繼續(xù)瀏覽,這種方式更適用于有龐雜分類或者維度的內(nèi)容。

但LOFTER這么做的原因其實挺令人費解,雖然其內(nèi)容有分類,但其目標用戶在無目的瀏覽的情況下其實界限并不明顯,如愛看旅行的人也不介意順便看看美食、攝影、萌寵,愛看攝影的人也不介意看看繪畫、男神、女神,都是一群氣質(zhì)相近的用戶,可以同時在多個內(nèi)容中漫游,彼此并不排斥。這種情況下以“熱門/推薦/精選”的方式將適當?shù)膬?nèi)容雜合為瀑布流放在各維度引導(dǎo)板塊的下方,以供沒轉(zhuǎn)化的用戶持續(xù)瀏覽難道會不妥嗎?

3、Instagram、小紅書-“維度/分類引導(dǎo)+內(nèi)容瀑布流型”

在第二種的基礎(chǔ)上補充了內(nèi)容瀑布流,現(xiàn)多數(shù)電商的首頁本質(zhì)上也是這種組織方式。

81554-b720f982577cc182

適用于多種類型的發(fā)現(xiàn)頁面,兼顧了效率和瀏覽,但在使用這種方式時還是有幾點需要避免。

  • A.如果你的用戶對內(nèi)容分類有很強的依賴,同時分類體系也較為繁雜,那么這種效率不高的“分類入口=分類列表”方式會引來不滿,還不如另起一個頁面專門鋪放你們產(chǎn)品的分類體系,就像美麗說HIGO、京東做的那樣。當然這里指的不止分類,你還可以理解為品牌、國家之類的內(nèi)容劃分體系;
  • B.Instagram、小紅書是適合在下方補充一段內(nèi)容瀑布流的,因為目標用戶對不同分類的內(nèi)容抵觸不深(譬如對女裝感興趣的用戶看看化妝品也無妨)。但假如目標用戶對不同分類的內(nèi)容會產(chǎn)生較大抵觸(譬如我是一男的,結(jié)果瀑布流或者熱門標簽里面夾雜一堆女裝),那顯然就不合時宜了。

最后還是列個表格總結(jié)下幾種類型的特點吧

81554-616213c19bc5e64e

另外,規(guī)律總歸只是規(guī)律,應(yīng)用到自己產(chǎn)品時還是得對細節(jié)加以思考:

  1. 幾種是不是可以組合使用?有很多APP,尤以電商為甚,首頁多數(shù)都會使用第三種類型,但因其內(nèi)容組織體系龐大,所以一般都會補充第二種類型頁面作為一級菜單,以滿足用戶另外的需求;
  2. 在放置入口時,每種內(nèi)容維度篇幅是不是都要一樣大?當然不是,根據(jù)想要重點運營的維度來決定不同維度的篇幅更加合理,譬如是想主打和用戶之間直接的關(guān)聯(lián),那就推用戶維度;如是想主打和內(nèi)容源之間的關(guān)聯(lián),那就主打標簽;如果你是想每個維度都被平衡對待,那篇幅就需要都一樣。

還有很多細節(jié)問題就不再一一舉例,譬如:瀑布流非得是一長片的圖片嗎?瀑布流是不是插入其他內(nèi)容種類…

另外筆者覺得,產(chǎn)品或設(shè)計人員在設(shè)計頁面時偶爾會陷入“為了不同而不同”的股怪圈。其實現(xiàn)在UI設(shè)計已趨于穩(wěn)定成熟,并不會出現(xiàn)本質(zhì)上多么不同的交互或瀏覽方式(VR、AR除外),更多的把握好基本規(guī)則,根據(jù)自己產(chǎn)品與內(nèi)容去對設(shè)計最適合的頁面,才是我們最需要做的。

 

本文系作者@pakyuchan 原創(chuàng)發(fā)布于人人都是產(chǎn)品。未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 看了,有點暈

    來自山東 回復(fù)
  2. ??

    來自上海 回復(fù)
  3. 把內(nèi)容的關(guān)鍵元素,按不同的維度推送給用戶,這個是考慮的重點,最后才是展現(xiàn)形式上的差異。

    來自上海 回復(fù)
  4. ? ??

    來自廣東 回復(fù)