底層頁(yè)的斷舍離:如何讓用戶(hù)優(yōu)雅地從A到B?

0 評(píng)論 1963 瀏覽 7 收藏 7 分鐘

一年前,當(dāng)說(shuō)到底層頁(yè)的產(chǎn)品形態(tài),人們滿(mǎn)腦子還都是Amazon的經(jīng)典“嵌套式”設(shè)計(jì)。然而,隨著短視頻、UGC產(chǎn)品在國(guó)內(nèi)市場(chǎng)的大火,另一種“傻瓜式”的單層級(jí)底層頁(yè)可能更高效。

一、層層嵌套的底層頁(yè)

無(wú)論是電商、新聞還是社區(qū),引導(dǎo)用戶(hù)順利地從A到B再到C,一直是每個(gè)產(chǎn)品的夢(mèng)想。在底層頁(yè)上想方設(shè)法做不同單品之間的串聯(lián),成了最有效的手段。

傳統(tǒng)的底層頁(yè)設(shè)計(jì)往往采用Amazon經(jīng)典的層層嵌套方式,即:主分發(fā)路徑→A詳情頁(yè)→B詳情頁(yè)→C詳情頁(yè)……經(jīng)過(guò)多層級(jí)詳情頁(yè)的跳轉(zhuǎn),用戶(hù)可以進(jìn)行多個(gè)單品的比較,最終實(shí)現(xiàn)消費(fèi);又或者,在這個(gè)過(guò)程中,用戶(hù)發(fā)現(xiàn)了新的更有意思的單品,又開(kāi)始了新的一波滿(mǎn)足需求的流程。

底層頁(yè)的斷舍離 | 如何讓用戶(hù)優(yōu)雅地從A到B?

大眾點(diǎn)評(píng)在一年前力推PGC時(shí),也考慮過(guò)大規(guī)模地應(yīng)用這種設(shè)計(jì)?!皟?nèi)容織網(wǎng)”項(xiàng)目就是希望將PGC、榜單、商戶(hù)、團(tuán)單等都連接起來(lái),讓用戶(hù)從任一個(gè)單點(diǎn)的詳情頁(yè)都可以跳轉(zhuǎn)至其他單點(diǎn),用豐富的信息“網(wǎng)”住用戶(hù)。不過(guò),這個(gè)項(xiàng)目后來(lái)因?yàn)楹臅r(shí)較久和平臺(tái)方向變更,被暫時(shí)擱淺了。

二、單層級(jí)的底層頁(yè)

隨著市面上短視頻、UGC產(chǎn)品在國(guó)內(nèi)市場(chǎng)的大火,另一種“傻瓜式”的單層級(jí)底層頁(yè)可能就變得更高效了。當(dāng)前,主流的短視頻類(lèi)App和Feeds類(lèi)App(比如抖音、微博、Instagram),都采用了這種設(shè)計(jì)。

單層級(jí)底層頁(yè)的突出特點(diǎn),就是對(duì)層層嵌套的底層頁(yè)做了斷舍離,去掉了傳統(tǒng)的詳情頁(yè)A/B/C/D的觀念。用戶(hù)通過(guò)主路徑進(jìn)入一個(gè)詳情頁(yè)后,只要“傻瓜”式地不斷重復(fù)統(tǒng)一手勢(shì)(通常是向下滑動(dòng)翻頁(yè),或者是向右滑動(dòng)看下一個(gè)),就可以源源不斷地獲得新鮮的內(nèi)容。

底層頁(yè)的斷舍離 | 如何讓用戶(hù)優(yōu)雅地從A到B?

這種設(shè)計(jì)的好處顯而易見(jiàn):首先,“傻瓜式”的滑動(dòng)操作可以提升瀏覽數(shù)量。滑動(dòng)操作減少了有意識(shí)的點(diǎn)擊跳轉(zhuǎn)次數(shù),讓用戶(hù)從A單品遷移到B單品的成本變低了不少。

另一個(gè)強(qiáng)大的優(yōu)勢(shì)是:單層級(jí)的底層頁(yè)減少了用戶(hù)返回主路徑的成本。

用戶(hù)都有興趣泛化的需求,不會(huì)一直對(duì)同一個(gè)單品產(chǎn)生興趣。比如女孩子逛街——最初在看一件大衣,逛了幾家沒(méi)有發(fā)現(xiàn)心儀的,看大衣的需求沒(méi)那么迫切了,反而想去看看口紅。

層層嵌套的底層頁(yè)體系中,用戶(hù)返回主路徑去看其它單品的成本很高,因?yàn)閷訉忧短拙托枰獙訉臃祷?/strong>,無(wú)疑是很繁瑣的操作。如果用戶(hù)對(duì)某一類(lèi)單品的興趣消散非??欤^(guò)多的層級(jí)嵌套甚至?xí)陀脩?hù)整體使用APP的時(shí)長(zhǎng),因?yàn)榇蟛糠钟脩?hù)會(huì)選擇直接退出。

相反,單層級(jí)的底層頁(yè)不會(huì)有這個(gè)困擾:因?yàn)闆](méi)有層層嵌套,用戶(hù)可以輕易地一鍵返回主路徑,繼續(xù)看其他單品。從這個(gè)角度上,單層級(jí)詳情頁(yè)是對(duì)“泛化興趣”更友好的一種實(shí)現(xiàn)方式。

隨著碎片化時(shí)代的來(lái)臨,用戶(hù)的注意力越來(lái)越難以長(zhǎng)時(shí)間集中,興趣泛化的需求也越來(lái)越明顯。減少用戶(hù)返回成本的思想,在近期的很多產(chǎn)品改版中都體現(xiàn)得非常明顯。比如手淘商戶(hù)詳情頁(yè)的改版,仿照微信小程序的設(shè)計(jì),在商戶(hù)右上角新增了“x”功能,可以一鍵返回主路徑,就是這一設(shè)計(jì)思路的體現(xiàn)。

底層頁(yè)的斷舍離 | 如何讓用戶(hù)優(yōu)雅地從A到B?

三、小結(jié)

多層級(jí)和單層級(jí),這兩種底層頁(yè)設(shè)計(jì)在當(dāng)前的應(yīng)用都還很廣泛。

通常來(lái)講,在移動(dòng)端:

如果單品的消費(fèi)時(shí)間比較長(zhǎng)(比如電商用戶(hù)——需要充分了解一個(gè)單品才能做決斷;新聞?dòng)脩?hù)——一篇專(zhuān)欄可能上千字需要幾分鐘來(lái)消化),詳情頁(yè)需要信息完備、相對(duì)復(fù)雜,此時(shí)單層級(jí)會(huì)顯得過(guò)于單薄、無(wú)法承接。如果像手淘的做法,在底層頁(yè)能夠提供返回主路徑的快捷入口,那么層層嵌套不失為一種好的設(shè)計(jì)方式。

如果單品的消費(fèi)時(shí)間很碎片化(比如短視頻和UGC),單層級(jí)底層頁(yè)則憑借更傻瓜的操作方式、更短的返回路徑,以及去除了多重底層頁(yè)的極簡(jiǎn)設(shè)計(jì)思路,更容易得到用戶(hù)的青睞。前一陣,小紅書(shū)的筆記詳情頁(yè)由長(zhǎng)期以來(lái)的嵌套結(jié)構(gòu)逐步轉(zhuǎn)型為單層級(jí)結(jié)構(gòu),想必也是受到了這種“l(fā)ess is more”理念的吸引。

最近,大眾點(diǎn)評(píng)在設(shè)計(jì)UGC瀏覽場(chǎng)景時(shí),有特別關(guān)注這方面的考量。我們的首頁(yè)主tab瀑布流以雙列形式做興趣探索,落地頁(yè)則打算用單列速覽形式做興趣聚焦,拋棄了相關(guān)推薦帶來(lái)的內(nèi)容下級(jí)頁(yè)面,盡可能減少頁(yè)面交互損失,把信息交互成本降掉最低。

·END·

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!