本文受知乎風(fēng)塵棋客知乎專欄《愛迪生商業(yè)實(shí)驗(yàn)室》中的文章《JOIN產(chǎn)品內(nèi)參】市值100萬到10000億的App学歧,都是如何設(shè)計篩選功能的?》啟發(fā)而作
人是如何認(rèn)知事物的茸苇?是通過對事物的特征進(jìn)行概括抽象排苍。通過為生活中的各種事物打上不同的標(biāo)簽,人們學(xué)會了這種在紛繁復(fù)雜的事物中快速辨識并抓取目標(biāo)事物的方式学密。分類淘衙、標(biāo)簽化事物是人們認(rèn)知、組織生活中事物的普遍而廣泛的手段之一腻暮。
信息分類學(xué)往往有兩種信息分類方式:線分類法和面分類法彤守。在APP框架中線分類一般用于產(chǎn)品的功能架構(gòu)(如圖貓眼電影產(chǎn)品架構(gòu)),而面分類則用于具體到某一項(xiàng)功能后的類目細(xì)分哭靖。線分類引導(dǎo)用戶至相應(yīng)的功能類目具垫,而面分類則幫助用戶在龐雜的類目中快速鎖定相應(yīng)的目標(biāo)。而本文論述的重點(diǎn)就是屬于面分類的篩選標(biāo)簽款青。
互聯(lián)網(wǎng)的一大特點(diǎn)便是為人們帶來了大量的信息做修,但同時也為人們準(zhǔn)確抓取自身需要的信息帶來了困難。我們知道抡草,網(wǎng)絡(luò)平臺面向的是不同地域不同愛好不同生活方式的大量的用戶饰及,那么當(dāng)所有的信息匯集于一處時,如何幫助不同的用戶尋找符合自身需求的信息呢康震?毫無疑問那便是篩選標(biāo)簽燎含。那么具體到移動端中的篩選功能,我們就不得不先去了解一下移動端內(nèi)容的分類問題腿短。移動端與網(wǎng)頁端的最大區(qū)別在于移動端多是消費(fèi)者在碎片化的時間屏箍、場景進(jìn)行的即時即興操作,因而橘忱,消費(fèi)者對于搜索的快速與準(zhǔn)確性相比于PC端要求更高赴魁,用戶在移動場景中多半沒有耐心慢慢瀏覽(消遣類信息除外)。這就對信息的分類钝诚、篩選提出了更高的要求颖御。在我看來,標(biāo)簽式的內(nèi)容分類其實(shí)是隸屬于產(chǎn)品架構(gòu)的一部分凝颇,只不過產(chǎn)品架構(gòu)是針對系統(tǒng)的功能模塊進(jìn)行有機(jī)組合潘拱,而標(biāo)簽式的內(nèi)容分類其實(shí)是對目標(biāo)信息按用戶需求、企業(yè)訴求進(jìn)行的再梳理拧略,又或者說是為了配合產(chǎn)品架構(gòu)中該處的功能目標(biāo)的實(shí)現(xiàn)而對內(nèi)容進(jìn)行的一種有目的的梳理芦岂。
那么,應(yīng)該如何對標(biāo)簽進(jìn)行提取呢垫蛆?
首先應(yīng)該先考慮用戶的訴求禽最,其次再考慮平臺的訴求腺怯,再次在充分權(quán)衡前兩者的前提下結(jié)合內(nèi)容本身屬性進(jìn)行三方的平衡。
1)什么是“用戶訴求”川无?用戶的行為往往帶有目的性瓢喉。對于產(chǎn)品而言,產(chǎn)品與用戶往往存在著雙向選擇性舀透。話句話說,產(chǎn)品通過刻意打造某種調(diào)性篩選目標(biāo)用戶的同時决左,用戶也在選擇產(chǎn)品愕够。既然用戶選擇了產(chǎn)品,必然是帶著某種期待佛猛,這種期待就是用戶訴求惑芭。
2)什么是“平臺訴求”?平臺訴求乃在于平臺在規(guī)劃某一功能继找,某一頁面時希望通過這一設(shè)計達(dá)到何種目的遂跟。
3)什么是“內(nèi)容本身屬性”?內(nèi)容本身屬性即內(nèi)容的特點(diǎn)婴渡。譬如談到衣服必然涉及面料款式幻锁,談到社區(qū)內(nèi)容建設(shè)必然涉及精華帖、最新貼之類边臼。又譬如下文提到的河貍家美甲服務(wù)哄尔,必然涉及時間屬性與地理屬性。
那么具體應(yīng)該如何進(jìn)行提取呢柠并?以keep健身為例:
用戶的訴求就是尋找健身項(xiàng)目岭接,我剛開始健身,那我可以通過全部難度來選擇初級難度臼予,我想訓(xùn)練腹部鸣戴,我可以尋找相關(guān)部位的訓(xùn)練,健身運(yùn)動會涉及到訓(xùn)練部位粘拾、強(qiáng)度窄锅、是否涉及器械、場地半哟、時間酬滤、訓(xùn)練類別等等這些都是需要考量的這在整個訓(xùn)練課程標(biāo)簽下的篩選標(biāo)簽都得到了體現(xiàn),這便是用戶訴求寓涨。
但是我們細(xì)看下圖盯串,在訓(xùn)練課程頁面之下會有最新上架、為你推薦等等分類方式戒良。很明顯体捏,從平臺的角度來看,平臺希望用戶能夠及時了解平臺的相關(guān)新的內(nèi)容,新的訓(xùn)練項(xiàng)目几缭,讓用戶感受到平臺的內(nèi)容在不斷豐富河泳,話句話說就是為新項(xiàng)目導(dǎo)入流量,從平臺角度來看總加健身項(xiàng)目的分類方式可以總加每一個健身項(xiàng)目的曝光度且讓用戶形成平臺有著大量訓(xùn)練內(nèi)容的錯覺拆挥。
從內(nèi)容屬性來看,這種橫跨兩個頁面的內(nèi)容分類方式本身就是基于健身運(yùn)動由于涉及較為復(fù)雜的需要考量的因素的而產(chǎn)生的某抓。
當(dāng)我們提取內(nèi)容標(biāo)簽時,應(yīng)該注意標(biāo)簽打得越少汉矿,目標(biāo)的刻畫越粗糙,精確度越低赋续,即粗分類蚕捉。標(biāo)簽打得越多,對于最終目標(biāo)的刻畫就越精細(xì)柴淘,即精細(xì)化分類迫淹。但是,并不是說分得越細(xì)越好为严,而是要根據(jù)用戶與企業(yè)訴求進(jìn)行合理的取舍敛熬。原因在于,過度的分類不但無異于用戶的快速獲取目標(biāo)物品第股,反而會增加用戶的篩選負(fù)擔(dān)应民,消耗不必要的系統(tǒng)資源。而這中間的尺度是衡量設(shè)計水準(zhǔn)的一個標(biāo)準(zhǔn)夕吻。
當(dāng)設(shè)計師按照上述的標(biāo)準(zhǔn)用篩選標(biāo)簽將內(nèi)容梳理之后诲锹,就需要以頁面的形式進(jìn)行視覺呈現(xiàn)。那么涉馅,設(shè)計師是如何呈現(xiàn)的呢归园?在我看來有二種形式:
一:一個標(biāo)簽對應(yīng)一個頁面(粗分類)。
該標(biāo)簽是線分類的終點(diǎn)稚矿,其下面是大量的類目信息庸诱。很明顯捻浦,該單一標(biāo)簽對應(yīng)一個類目頁面。而該頁面并沒有引入輔助標(biāo)簽幫助用戶對信息進(jìn)行精細(xì)化的分類桥爽。使得信息分類停留在粗分類階段朱灿。那么,是不是信息一定要精細(xì)化分類呢钠四?事實(shí)上盗扒,有時對于用戶而言粗分類更加有利于信息的快速閱覽。
如上圖缀去,今日頭條环疼、三十六氪、enjoy都采用了單個標(biāo)簽對應(yīng)單個頁面的內(nèi)容分類方式朵耕,原因在哪里?
今日頭條提供新聞類內(nèi)容,那么新聞類內(nèi)容本身的屬性決定了其分類就是從各個領(lǐng)域淋叶、各個行業(yè)幾個大類進(jìn)行分類阎曹,況且新聞帶有明顯的時效性,因此煞檩,大線條的分類基本可以囊括社會上正在發(fā)生的要聞处嫌,沒有必要再次細(xì)分;從企業(yè)訴求來看斟湃,今日頭條面向的是全國用戶熏迹,因而分類過于細(xì)化不利于滿足不同用戶的需求。從用戶訴求來看凝赛,用戶瀏覽頭條往往是帶著一種消遣的心態(tài)注暗,并沒有篩選相關(guān)細(xì)分領(lǐng)域?qū)I(yè)新聞的訴求。
三十六氪的slogn為“為創(chuàng)業(yè)者提供最好的產(chǎn)品和服務(wù)墓猎,其本身的企業(yè)屬性已經(jīng)為平臺提供的內(nèi)容打了一個標(biāo)簽捆昏,而因?yàn)樾侣劦臅r效性,因此本身平臺產(chǎn)出的內(nèi)容并不會龐雜到尋要分類毙沾。
Enjoy從企業(yè)屬性來看骗卜,其定位為“精選美食電商”。那么必然注定其內(nèi)容是少而精的左胞,因此當(dāng)用戶進(jìn)行內(nèi)容篩選時寇仓,企業(yè)本身屬性使得平臺呈現(xiàn)內(nèi)容前已經(jīng)對內(nèi)容進(jìn)行了精細(xì)化篩選,因而“本地化”標(biāo)簽下的內(nèi)容其實(shí)并沒有多少烤宙。最為重要的是遍烦,該頁面屬于主頁右側(cè)的搜索頁搜索關(guān)鍵詞后的顯示內(nèi)容,對比同一關(guān)鍵詞在本地精選中的搜索會發(fā)現(xiàn)本地精選頁面會出現(xiàn)智能排列门烂。原因在于前者功能重點(diǎn)在于突出本地服務(wù)與全國送乳愉,引導(dǎo)用戶認(rèn)知該關(guān)鍵詞在平臺下的服務(wù)有哪些兄淫,而后者重點(diǎn)在于精細(xì)化篩選,幫助用戶快速找到目標(biāo)項(xiàng)蔓姚。我們知道捕虽,產(chǎn)品與用戶是雙向選擇的,產(chǎn)品在選擇用戶用戶也在選擇產(chǎn)品坡脐。Enjoy用戶選擇該平臺是沖著“精選美食”而來的泄私,什么是精選美食,如果用戶在平臺輸入“火鍋”字樣备闲,結(jié)果出現(xiàn)了大眾點(diǎn)評一般大量的商戶以及篩選標(biāo)簽晌端,我想這一定會讓用戶平臺產(chǎn)生質(zhì)疑。因此恬砂,從用戶訴求來看咧纠,用戶并不會期待在“火鍋”標(biāo)簽下看到太多的內(nèi)容,故而篩選標(biāo)簽也不會像大眾點(diǎn)評那樣有太多的細(xì)分篩選標(biāo)簽泻骤。而僅僅提供了距離與價格兩個一般性的篩選維度漆羔。(見下圖)
事實(shí)上狱掂,嚴(yán)格來說演痒,我們移動手機(jī)端絕大部分頁面都是單標(biāo)簽頁面。采用單標(biāo)簽頁面的內(nèi)容一般屬于功能性頁面趋惨,譬如手機(jī)app tabbar中的標(biāo)簽對應(yīng)的頁面鸟顺;或者快速瀏覽性內(nèi)容,譬如上例中的新聞類APP器虾;又或者內(nèi)容質(zhì)量精而少讯嫂。而一旦內(nèi)容不具備這三種屬性,就應(yīng)該考慮添加相應(yīng)的標(biāo)簽以便于快速篩選目標(biāo)信息兆沙。由此也就有了多個標(biāo)簽對應(yīng)一個頁面端姚。
二:多個標(biāo)簽對應(yīng)一個頁面(精細(xì)化篩選)。
多個標(biāo)簽對應(yīng)一個頁面的前提是該頁面所包含的內(nèi)容較多挤悉,為了幫助用戶在眾多的內(nèi)容中篩選出目標(biāo)信息渐裸,通過針對目標(biāo)項(xiàng)的的多維度刻畫,使得系統(tǒng)快速篩選出目標(biāo)項(xiàng)装悲。多維度篩選并不是說維度越多越好昏鹃,而是權(quán)衡用戶、平臺诀诊、內(nèi)容本身屬性后的最優(yōu)解洞渤。當(dāng)然,所有篩選的排列順序都必須按照先幫助用戶進(jìn)行粗篩選属瓣,再幫助用戶進(jìn)行精細(xì)化篩選的順序载迄。這其中根據(jù)用戶對于各個標(biāo)簽需要滿足的程度的不同讯柔,又可以分為:
1一個主標(biāo)簽+多個篩選標(biāo)簽(隨機(jī)篩選組合)。
這種情況下护昧,主標(biāo)簽是用戶的剛性需求魂迄,而篩選標(biāo)簽可以幫助用戶快速鎖定目標(biāo)。
很明顯捣炬,主標(biāo)簽是美甲這一項(xiàng)目。當(dāng)用戶點(diǎn)擊美甲這一主標(biāo)簽(線分類終點(diǎn))之后绽榛,會進(jìn)入相應(yīng)的內(nèi)容頁面湿酸。該頁面通過不同維度的標(biāo)簽(面分類),幫用戶快速縮小目標(biāo)服務(wù)搜索范圍灭美。
1)一般維度(粗篩選)推溃。
不同的平臺、不同的服務(wù)都會有其領(lǐng)域相關(guān)的可以滿足絕大多數(shù)用戶訴求的一般性篩選維度届腐。
美甲作為服務(wù)類項(xiàng)目美莫,從平臺角度來看既要滿足用戶的需求同時也應(yīng)該盡可能使得平臺留住商戶。默認(rèn)的綜合排序應(yīng)該就是為了讓所有商戶都有一個可以獲得流量入口的機(jī)會梯捕。作為消費(fèi)類服務(wù),用戶關(guān)注點(diǎn)一般集中于價格窝撵、受歡迎程度傀顾、好評度等。因此碌奉,我們可以看到平臺提供的一般維度標(biāo)簽為綜合排序與價格兩大類粗篩選標(biāo)簽短曾。
2)個性化維度(一級精篩選)。
既然不同的平臺赐劣、不同的服務(wù)都會有該領(lǐng)域的一般性篩選維度嫉拐,那么同樣的也必然會有該平臺、該服務(wù)相關(guān)的個性化的篩選維度魁兼。這些篩選維度往往更加能夠體現(xiàn)平臺與服務(wù)的特色婉徘。
河貍家的個性化維度就在于下面“今日可約”、“當(dāng)前位置可約”咐汞、“附近手藝人”盖呼。這三個篩選項(xiàng)是從移動平臺以及該服務(wù)項(xiàng)目本身的屬性出發(fā),提煉出的該服務(wù)項(xiàng)目的三個符合消費(fèi)者訴求的刻畫維度化撕,當(dāng)然這三個標(biāo)簽也屬于精細(xì)化分類几晤。如果是京東,那么該維度下必然包括京東到家植阴。
3)精細(xì)化維度(二級精篩選)蟹瘾。
右側(cè)的篩選是為了滿足用戶進(jìn)一步精細(xì)化篩選的訴求圾浅,因此價格更加細(xì)分、星級更加細(xì)分憾朴、時間更加細(xì)分狸捕,精細(xì)化維度其實(shí)是在一般化維度基礎(chǔ)上的更進(jìn)一步。精細(xì)化維度考慮到用戶的使用頻率以及所需要占用的頁面空間一般采用隱藏的形式伊脓,譬如側(cè)滑欄独柑、彈出框等等。
2一個主標(biāo)簽+多個篩選標(biāo)簽(必須同時滿足)+多個標(biāo)簽(隨機(jī)篩選組合)题涨。
當(dāng)用戶點(diǎn)擊泳衣及海灘進(jìn)入頁面我們發(fā)現(xiàn)篩選項(xiàng)占了頁面的1/3纯蛾。當(dāng)用戶點(diǎn)擊酒店之后進(jìn)入頁面我們發(fā)現(xiàn)纤房,中間頁面其實(shí)就是一個超級篩選標(biāo)簽頁面。氧氣APP剛進(jìn)入頁面后翻诉,效果如左圖炮姨,而當(dāng)用戶上下滑動后如右圖。為什么要為用戶呈現(xiàn)尺碼等篩選標(biāo)簽碰煌,原因在于舒岸,女性在進(jìn)行內(nèi)衣篩選的時候,肯定首先考慮的是尺碼大小之類的篩選芦圾,而這類篩選往往對于用戶而言是固定不變且必須的蛾派。交互默認(rèn)用戶進(jìn)入頁面后首先進(jìn)行的操作便是對于尺碼等篩選標(biāo)簽的選擇,而無論用戶是否進(jìn)行操作个少,滑動頁面后系統(tǒng)都會自動將其隱藏洪乍。事實(shí)上,尺碼等篩選標(biāo)簽就相當(dāng)于去哪兒網(wǎng)的那個單獨(dú)的篩選標(biāo)簽頁面(中間)夜焦。只不過氧氣以巧妙的交互形式將其整合到了一個頁面中壳澳,且配合用戶下滑瀏覽的動作將其自然隱藏。
由此該類標(biāo)簽頁面的篩選維度其實(shí)是在一個主標(biāo)簽+多個篩選標(biāo)簽(隨機(jī)篩選組合)頁面所包含的三個維度的基礎(chǔ)上增加了一個維度---剛性需求維度茫经。這一維度下的篩選標(biāo)簽幫助用戶過濾掉對于用戶而言沒有絲毫價值的內(nèi)容巷波。
那么為什么這些應(yīng)用要將寶貴的頁面資源用于篩選標(biāo)簽的放置,如果你仔細(xì)閱讀本文內(nèi)容卸伞,你就會發(fā)現(xiàn):
1)一個標(biāo)簽對應(yīng)一個頁面的這種形式褥紫,其實(shí)其內(nèi)容不需要篩選就可以滿足用戶隨意瀏覽這種場景下的需求。用戶對于內(nèi)容并沒有特定的需求瞪慧,或者說用戶對于內(nèi)容的需求標(biāo)準(zhǔn)較為隨意髓考。
2)而到了一個主標(biāo)簽+多個篩選標(biāo)簽(隨機(jī)篩選組合)這種形式時,雖然絕大多數(shù)內(nèi)容也能滿足用戶的需求弃酌,但是由于用戶帶有某種目的性氨菇,因而匹配度較低往往意味著用戶需要花費(fèi)較大的成本儡炼。
3)最后是一個主標(biāo)簽+多個篩選標(biāo)簽(必須同時滿足)+多個篩選標(biāo)簽(隨機(jī)篩選組合)。這種形式下的內(nèi)容如果不能滿足任意標(biāo)簽查蓉,內(nèi)容對于用戶來說可能就是無效的乌询,因此我們發(fā)現(xiàn)無論是氧氣還是去哪兒網(wǎng),會將篩選標(biāo)簽放在如此重要的位置豌研,原因就在于用戶對于內(nèi)容的標(biāo)準(zhǔn)較高妹田,因而不符合用戶需求標(biāo)準(zhǔn)的信息對用戶來說就是無效信息,因此相較于展示內(nèi)容鹃共,呈現(xiàn)篩選標(biāo)簽顯得更加重要鬼佣。
由此可知,用戶對于住宿信息有著極高的要求霜浴,如果說36氪這種單標(biāo)簽頁面的瀏覽內(nèi)容或許每一個內(nèi)容都有引起用戶瀏覽興趣的可能性晶衷,那么在多篩選標(biāo)簽必須同時滿足的這種頁面下的內(nèi)容,無關(guān)內(nèi)容非但沒有絲毫引起用戶瀏覽欲望的可能阴孟,甚至?xí)鹩脩舻臒┰晟稳摇_@也就不難理解去哪兒網(wǎng)會將篩選標(biāo)簽單獨(dú)拿出做了一個獨(dú)立頁面,先幫助用戶過濾掉大量無關(guān)信息永丝,再通過一個多篩選標(biāo)簽頁面幫助用戶獲取目標(biāo)信息锹漱,設(shè)計師無需擔(dān)心這會打擾用戶,因?yàn)閷τ谟脩舳詼?zhǔn)確篩選的重要性遠(yuǎn)勝于內(nèi)容的瀏覽慕嚷。
綜上哥牍,如何合理的將提取出的篩選標(biāo)簽進(jìn)行合理的呈現(xiàn)呢?
首先需要研究清楚闯冷,主標(biāo)簽在整個產(chǎn)品架構(gòu)中的位置,作用是什么懈词?以此決定是否要添加篩選標(biāo)簽蛇耀。
其次需要研究清楚,用戶對于該主標(biāo)簽下的內(nèi)容的需求標(biāo)準(zhǔn)是什么坎弯?用戶瀏覽該內(nèi)容的場景化需求是什么纺涤?以此決定,添加標(biāo)簽的類別抠忘。
再次需要研究清楚撩炊,如果需要添加標(biāo)簽?zāi)敲刺砑訕?biāo)簽的形式應(yīng)該如何呈現(xiàn)?形式的呈現(xiàn)到底是用隱藏的形式還是展現(xiàn)在頁面崎脉,應(yīng)該根據(jù)用戶對于內(nèi)容篩選需求的強(qiáng)烈程度而定拧咳,用戶篩選需求程度越強(qiáng)烈,將篩選以便于用戶操作的形式至于頁面非但不會打擾用戶相反會取悅用戶囚灼,而當(dāng)用戶對于篩選的需求強(qiáng)度不高時骆膝,隱藏篩選或許會更好的引起用戶的好感祭衩。當(dāng)然,還應(yīng)該考慮的就是平臺訴求阅签,內(nèi)容本身屬性等因素掐暮,各方因素考慮完整之后進(jìn)行一個平衡。設(shè)計師的價值就體現(xiàn)在這種平衡各因素以使結(jié)果最大化的能力政钟。