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

還記得媽媽帶你第一次進甜品店的慌然無措的心情嗎?草莓味好還是巧克力好?蛋糕好還是烤派好?加水果好還是不加水果的好?你覺得就快幸福到爆炸,因為選擇如此目不暇接,你也快苦惱到爆炸,因為你不可能知道你會最愛哪一款。
然而,我并不是要聊蛋糕…雖然我還是一個月內總有那么幾天下班忍不住買回家就著紅酒吃下一塊藍莓芝士蛋糕,但我想描述其實是最近在思考一個問題的心情——APP的發(fā)現(xiàn)頁面,各種展現(xiàn)形式究竟有什么差別?又分別適用于什么情境?
先簡單概況下現(xiàn)有的幾種發(fā)現(xiàn)頁面(這里的發(fā)現(xiàn)不單指名稱叫“發(fā)現(xiàn)”的頁面,而是一個更廣泛的概念,所有在APP里面承擔用戶搜索、引導、探索的頁面都可以歸為“發(fā)現(xiàn)”):
1、微博-“內容種類列表型”,羅列內容種類,僅展現(xiàn)最外層的組織方式
在這里要強調下內容種類和分類的區(qū)別。種類,是指完全不同的內容,譬如游戲和購物;分類,則是單一內容下的細分維度,譬如電商的男裝和女裝。
如果你的產品提供著多個不同種類的內容,每個之間幾乎又無法形成聯(lián)系,如共生、從屬、關聯(lián)等,那么微博的做法顯然是最適合的,彼此之間若不能互相幫助,那就不要互相干擾。當然,這種做法相當被動,每個業(yè)務幾乎沒有空間去展示自己,所謂最適合,或許也是最無奈之舉。
2、LOFTER-“內容維度/分類引導型”,展現(xiàn)核心內容的不同組織維度,試圖引導用戶進一步探索

LOFTER的核心內容本質上只有一種,即用戶發(fā)表的內容,不同的只是內容載體(文字/圖片/…)。相比上述類型,一種內容有一種內容的優(yōu)勢,你可以用盡一切維度去引導用戶探索內容,包括標簽/專題/用戶/活動等。在這里LOFTER其實用了一種比較節(jié)制,更重視效率的方式,每個維度會搭配一定篇幅的內容預覽,除此外并沒有在繼續(xù)提供內容瀑布流以供沒被轉化的人繼續(xù)瀏覽,這種方式更適用于有龐雜分類或者維度的內容。
但LOFTER這么做的原因其實挺令人費解,雖然其內容有分類,但其目標用戶在無目的瀏覽的情況下其實界限并不明顯,如愛看旅行的人也不介意順便看看美食、攝影、萌寵,愛看攝影的人也不介意看看繪畫、男神、女神,都是一群氣質相近的用戶,可以同時在多個內容中漫游,彼此并不排斥。這種情況下以“熱門/推薦/精選”的方式將適當?shù)膬热蓦s合為瀑布流放在各維度引導板塊的下方,以供沒轉化的用戶持續(xù)瀏覽難道會不妥嗎?
3、Instagram、小紅書-“維度/分類引導+內容瀑布流型”
在第二種的基礎上補充了內容瀑布流,現(xiàn)多數(shù)電商的首頁本質上也是這種組織方式。

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

另外,規(guī)律總歸只是規(guī)律,應用到自己產品時還是得對細節(jié)加以思考:
- 幾種是不是可以組合使用?有很多APP,尤以電商為甚,首頁多數(shù)都會使用第三種類型,但因其內容組織體系龐大,所以一般都會補充第二種類型頁面作為一級菜單,以滿足用戶另外的需求;
- 在放置入口時,每種內容維度篇幅是不是都要一樣大?當然不是,根據(jù)想要重點運營的維度來決定不同維度的篇幅更加合理,譬如是想主打和用戶之間直接的關聯(lián),那就推用戶維度;如是想主打和內容源之間的關聯(lián),那就主打標簽;如果你是想每個維度都被平衡對待,那篇幅就需要都一樣。
還有很多細節(jié)問題就不再一一舉例,譬如:瀑布流非得是一長片的圖片嗎?瀑布流是不是插入其他內容種類…
另外筆者覺得,產品或設計人員在設計頁面時偶爾會陷入“為了不同而不同”的股怪圈。其實現(xiàn)在UI設計已趨于穩(wěn)定成熟,并不會出現(xiàn)本質上多么不同的交互或瀏覽方式(VR、AR除外),更多的把握好基本規(guī)則,根據(jù)自己產品與內容去對設計最適合的頁面,才是我們最需要做的。
本文系作者@pakyuchan 原創(chuàng)發(fā)布于人人都是產品。未經許可,不得轉載。
看了,有點暈
??
把內容的關鍵元素,按不同的維度推送給用戶,這個是考慮的重點,最后才是展現(xiàn)形式上的差異。
? ??