最近一直在做(zuò)的一件事是對詳情頁的改版與優化，現在已進入尾聲，其中有(yǒu)遇到坑，也有(yǒu)增加對用戶的理(lǐ)解，這裏就和(hé)大(dà)家(jiā)聊聊關于詳情頁的那(nà)點事。

一、如何定義詳情頁

我理(lǐ)解詳情頁是用戶在使用app時(shí)，體(tǐ)驗核心功能的落地頁。

對電(diàn)商産品，商品詳情頁是用戶在購買前最高(gāo)頻的落地頁；

對社交産品，聊天頁面則充當了“詳情頁”；

對內(nèi)容型産品，最終需要用戶觀看，産生(shēng)停留時(shí)長的則為(wèi)內(nèi)容詳情頁。

總的來(lái)說，雖然産品類型不一樣，但(dàn)對于每個(gè)産品，都有(yǒu)其自己定義的詳情頁。

二、詳情頁的作(zuò)用

詳情頁往往是用戶完整使用産品時(shí)必經的頁面，通(tōng)過對用戶使用産品的路徑總結，如下圖：

可(kě)以看到，頁面層級是遞進關系，內(nèi)容量是由多(duō)到少(shǎo)，由大(dà)到小(xiǎo)的漏鬥，反映了産品在不斷嘗試明(míng)确用戶需求的意圖。

說的具象一點，我覺得(de)可(kě)以概括為(wèi) 2 點：

産生(shēng)關鍵的産品數(shù)據，比如：內(nèi)容型産品，會(huì)在該頁面産生(shēng)閱讀量、播放量等。

引導用戶做(zuò)做(zuò)決策，比如：電(diàn)商型産品，引導用戶做(zuò)購買決策。

三、為(wèi)什麽改版詳情頁

詳情頁的好壞歸根結底是個(gè)用戶體(tǐ)驗問題，因為(wèi)當用戶真的從列表頁或其他渠道(dào)進入了詳情頁，說明(míng)用戶已經對詳情頁裏的信息産生(shēng)了初步興趣，當來(lái)到詳情頁迅速的跳(tiào)出或返回了，那(nà)隻能是詳情頁的信息沒有(yǒu)滿足他的需求。

有(yǒu)可(kě)能是內(nèi)容質量問題，也有(yǒu)可(kě)能是信息結構問題。這需要更具體(tǐ)的數(shù)據來(lái)定位，這裏不做(zuò)具體(tǐ)闡述。

但(dàn)對于産品經理(lǐ)來(lái)說，改版是圍繞着解決用戶需求來(lái)做(zuò)的，所以需要明(míng)确詳情頁滿足了用戶什麽需求，哪些(xiē)依然沒有(yǒu)滿足或需要解決的問題。

拿(ná)我負責産品來(lái)說，我所做(zuò)的産品是做(zuò)招聘的，核心需求是幫用戶找到合适工作(zuò)。詳情頁呈現的是職位信息，用戶是否做(zuò)出應聘決策，取決于很(hěn)多(duō)因素：工作(zuò)時(shí)間(jiān)、地點、薪資、公司、工作(zuò)內(nèi)容等等。

這些(xiē)是目前已有(yǒu)的基本信息，滿足了用戶基本需求。

但(dàn)事實上(shàng)，通(tōng)過對用戶的調研與收到的反饋，結合馬斯洛需求層次理(lǐ)論來(lái)看，我們隻滿足了用戶最底層的基本需求。如果要幫助用戶做(zuò)決策，應是遵照金字塔一層一層去滿足用戶更高(gāo)價值的需求，從而提升詳情頁到應聘的轉化率。

四、如何改版詳情頁

本次改版詳情頁主要分為(wèi) 3 個(gè)方向：

增加信息豐富性，體(tǐ)現專業性，從而提升用戶的信任感對于這方面，通(tōng)過對國內(nèi)外的競品調研，去盡可(kě)能多(duō)的彙總差異化信息，這個(gè)過程中需要甄别哪些(xiē)信息對自己産品用戶是有(yǒu)價值的，适用于自己産品的業務。先做(zuò)加法，盡可(kě)能多(duō)的收集信息。

再做(zuò)減法，根據用戶的使用場(chǎng)景，去篩掉不适合自己産品屬性的信息。執行(xíng)起來(lái)就是，列一個(gè)信息框架，然後按照框架收集具體(tǐ)的字段，填充進去。看哪些(xiē)字段是能幫助用戶做(zuò)決策，提升用戶體(tǐ)驗的。然後再去分析這些(xiē)字段如何去計(jì)算(suàn)，如何去取值。

如下圖：

可(kě)以理(lǐ)解為(wèi)，該結構是參考競品+腦(nǎo)暴+用戶調研彙總而成的信息框架。在此基礎上(shàng)，由交互産出具體(tǐ)的demo圖，然後我們根據demo圖上(shàng)最全的信息，挨個(gè)去討(tǎo)論，每種數(shù)據對用戶的價值。

當确定一些(xiē)信息對用戶是有(yǒu)價值的，并且能起到有(yǒu)助于用戶決策的作(zuò)用時(shí)，最後才考慮如何實現。這時(shí)候，會(huì)發現，理(lǐ)想很(hěn)豐滿，現實很(hěn)骨感。很(hěn)多(duō)信息雖然确實對用戶有(yǒu)作(zuò)用，比如：通(tōng)過用戶畫(huà)像幫助用戶計(jì)算(suàn)與該職位的匹配度等。

但(dàn)在具體(tǐ)的策略制(zhì)定過程中，卻發現根本沒有(yǒu)那(nà)麽全面的畫(huà)像數(shù)據與标簽。冰凍三尺非一日之寒，看似簡單的功能并非一蹴而幾。

這時(shí)候就體(tǐ)現出了數(shù)據豐富的重要性，如果有(yǒu)足夠的數(shù)據支撐，可(kě)以根據各個(gè)維度去組合，形成完整的用戶畫(huà)像，然後将業務與用戶畫(huà)像去做(zuò)精确的匹配，從而大(dà)大(dà)提升推薦效率，降低(dī)用戶篩選成本。

運用馬斯洛需求層次理(lǐ)論

基于內(nèi)容豐富性去做(zuò)改版，有(yǒu)個(gè)問題是如何去将信息分級，這裏有(yǒu)一個(gè)切入點，即運用馬洛斯需求層次理(lǐ)論，将信息合理(lǐ)的區(qū)分。

用戶産生(shēng)決策有(yǒu)幾個(gè)關鍵的心理(lǐ)步驟：我可(kě)以做(zuò)，我适合做(zuò)，我樂于做(zuò)。

可(kě)以做(zuò)代表了用戶的基本需求，即呈現基本信息，看是否符合要求。

适合做(zuò)代表了用戶的屬性和(hé)職位數(shù)據匹配，比如說：我是學生(shēng)，那(nà)我和(hé)麥當勞服務員的屬性會(huì)更匹配，和(hé)餓了麽送餐員的屬性不太匹配。

樂于做(zuò)代表了用戶的一種強烈情感意願，即我符合該職位基本要求，我的屬性和(hé)該職位也匹配，然後我還(hái)特别喜歡該職位。比如：通(tōng)過别人(rén)對職位的主觀感受，增強用戶對該職位的報名意願。

如果可(kě)以按照這個(gè)邏輯去呈現信息，那(nà)麽就遵從了由基本需求晉升，到自我價值需求的金字塔形信息結構。

區(qū)分詳情頁模闆，揚長避短(duǎn)

這個(gè)改版思路并不是通(tōng)用型的，隻做(zuò)參考。各個(gè)産品所包含的業務類型是不一樣的，如果業務過于複雜，并且在用戶端有(yǒu)體(tǐ)現，那(nà)就應該站(zhàn)在用戶角度，對不同業務展示不同模闆。這麽做(zuò)是為(wèi)了降低(dī)用戶對不同業務類型的認知難度。

舉個(gè)例子：在線職位和(hé)線下職位。在線職位不受時(shí)間(jiān)空(kōng)間(jiān)的要求，随時(shí)結算(suàn)；而線下職位則要求時(shí)間(jiān)、空(kōng)間(jiān)，且結算(suàn)有(yǒu)周期。因此對于這兩種信息差别極大(dà)的業務類型，在詳情頁就可(kě)以通(tōng)過信息差異化來(lái)體(tǐ)現二者的不同。

在線職位有(yǒu)着相似的工作(zuò)流程，因此對其單獨顯示出工作(zuò)流程，降低(dī)用戶學習成本。而線下職位普遍會(huì)有(yǒu)工作(zuò)要求，因此對其顯示商家(jiā)的要求。

這樣模闆化的好處在于，對不同類型的職位、不同業務，通(tōng)過信息的差異化，從而讓用戶更輕易的了解到該業務的特點，然後輔助用戶進行(xíng)決策。

五、上(shàng)線之後

對于這類特大(dà)改動，且是優化用戶體(tǐ)驗的改動，最好可(kě)以分A/B test做(zuò)對比。A版本是改版前版本，B版本是改版以後版本，通(tōng)過二者上(shàng)線以後的數(shù)據變化，從而評判本次改版是否有(yǒu)效。

結合這個(gè)App，我們需要關注的是詳情頁的報名轉化率，因為(wèi)增加的這些(xiē)豐富職位信息，按理(lǐ)來(lái)說是幫助用戶進行(xíng)決策的，也就是引導報名。那(nà)麽，從詳情頁到報名這層轉化應有(yǒu)顯著提升。

上(shàng)線以後，取一段穩定的時(shí)間(jiān)段，并避開(kāi)運營活動、市場(chǎng)推廣等帶來(lái)的數(shù)據波動，就可(kě)以清晰的看出本次改版以後的轉化率變化曲線。用戶在産品上(shàng)的行(xíng)為(wèi)路徑，可(kě)以理(lǐ)解是一層層的沙漏，每一步的損耗、流失，留存，都有(yǒu)其客觀原因和(hé)主觀原因，而産品的作(zuò)用就在于将客觀原因帶來(lái)的每一層轉化，盡可(kě)能提升，從而增加最終的核心用戶占比。

這在數(shù)據上(shàng)就可(kě)以證明(míng)，你(nǐ)的産品滿足了核心用戶的需求。