2024-7-5 資深UI設計者
認識、信任、戀愛、結婚——商品詳情頁轉化四部曲！
前言
電商APP重點在于商品詳情頁，打造一個優秀的商品詳情頁，完全能夠提高轉化率！
今天從UI設計、交互體驗、文案撰寫、產品的商業模式來聊一聊電商app商品詳情頁是怎么“套路”用戶的［偷笑］。
淘寶vs京東
說起電商APP肯定少不了“淘寶”與“京東”，看下圖淘寶與京東的產品詳情頁設計！
最大的不同就是京東比淘寶少了“立即購買”按鈕，這是為什么？
經營模式上分析：
早期的淘寶是C2C模式就如現在的咸魚和58，之后入駐了企業，也就變成B2B2C模式，但是淘寶C2C的DNA基因還是大量存在。
京東起初是自營B2C模式自營物流配送，如今也入駐第三方企業商家，所以模式也變成了B2B2C模式，但是京東自營B2C模式還是在平臺占據很大比例。
從交互上分析：
交互上的體現也是一樣的，點擊淘寶的“加入購物車”需要用戶來選擇規格，京東則默認選中展示的商品，更快捷加入購物車。
淘寶商品詳情頁弱化了購物車按鈕放在了右上角，京東則把購物車放在了加入購物車旁邊。
當把商品加入購物車后，購物車頁面淘寶也不會選中加入的商品，京東則會選中用戶加入購物車的商品。
所以：
從經營模式上分析，兩家的側重點不一樣，交互方式也就會有差異化，淘寶平臺更看重單件快速交易。京東則是希望用戶把想買的東西都放購物車，統一結算，平臺也能更方便的統一配貨配送。
所以不難理解，B2C的產品會更突出加入購物車，例如純B2C的小米商城和網易嚴選，都是更突出加入購物車！
詳情頁細節分析
下面來分析優秀的商品詳情頁是從哪些方面打動用戶刺激用戶購買的。
當我們在設計一個商品詳情頁時候，要把用戶當成我們的男女朋友來對待，整個設計流程分為四步：
用戶購買商品其實就是這個過程，首先認識商品（1米8大個又帥）隨后信任商品（人品還好）從而產生購買價值（跟他戀愛不錯）最終購買轉化（相守結婚）！
分析兩個賣奢侈品的app商品詳情頁
用戶認識商品的過程其實是非常短暫的可能就是幾秒鐘。米蘭的頁面設計，第一眼并沒有讓用戶感知到商品，也沒有突出奢侈品最關鍵的點，品牌！標題字行間距不易閱讀，整體UI界面的設計給人很強的淘寶風！
寺庫很好的做了區別于淘寶京東的差異化設計，建立自己的品牌認知，首屏高清大圖牢牢抓住用戶，突出了品牌TUPLUS/途加，整體給人信任感！（只是因為在人群中多看了你一眼，再也不能忘掉你容顏）
用戶快速認識了解商品是遠遠不夠的，下面來看兩款產品向上滑動屏幕給用戶的信息和感受，這里就要跟用戶建立信任了！
沒錯米蘭并沒有評論和商品詳情，真的要命，滑動不夠一屏就推薦相關產品了，這時候很多用戶早已逃之夭夭了，沒有建立信任基礎很難有結果。
評論功能往往可以創造熱銷的氛圍，根據從眾效應其它用戶的評價能夠引導用戶作出判斷，指引用戶的心理和行為。例如一個女孩子認識一個男孩子，女孩子身邊的人朋友閨蜜都說這個男孩子不錯！好！值得托付！女孩子可能就會聽從她們的話，至少能增強對這個男孩子的好感！所以追女孩要先搞定她的閨蜜，不然閨蜜說一句“我覺得這個人不怎么樣”你就完了！握草，有點跑題了！總之評價是能夠建立基礎信任感的！
寺庫的頁面交互是非常符合用戶心理的，一直向上滑動的流程：商品－評論－詳情－推薦。
評價沒有完全打動用戶，建立信任，那么詳情頁就得發大招了，產品的詳情能不能走進用戶心里，了解用戶，解決用戶痛點是非常之關鍵！
想象一下用戶買奢侈品都會關注哪些點，整個購買流程會有什么擔憂，當然也要突出產品的核心賣點。
TUPLUS/途加這款產品詳情頁是這樣的流程：介紹此產品斬獲兩項國際大獎，之后產品功能細節介紹，中間加了購買奢侈品形象人群使用場景，（打造一個好的人像使用場景，會讓用戶聯想到自己使用時形象氣質），后面詳細介紹產品的權威性，正品保證，資質證書，這都能很有力的解決用戶的擔憂和痛點！
詳情頁解決用戶的擔憂和痛點體現產品價值。商品權威鑒定詳細介紹有圖有真相，點擊進入“寺庫鑒定”頁面，首先視頻介紹，教你怎么辨別產品的真偽，我們有專業的鑒定產品真偽團隊、團隊發展歷程、行業的資質證書等等信息都傳遞給用戶，產品的安全保障，是值得購買的，這就會讓用戶從基礎信任到有價值認可。
當用戶下單后，用戶會有“損失規避”效應，（意指人們獲得損失時產生的痛苦遠大于獲得收益時所帶來的快樂），這個時候下單成功頁面如果就提示“購買成功”的字樣，用戶就不會感受到剛剛損失的心理安慰，弄不好用戶意識到自己沖動消費，馬上就退單了！
所以這里可以用到一些，一語雙關的文案，例如：“恭喜你成為第xxx個有品味的人”，“恭喜你即將擁有給你帶來美好生活的xxxx產品”，總之即說明了我們的產品好，又夸了用戶有品位，或者描繪產品給用戶帶來什么好的體驗場景，這樣就大大降低了“損失規避”效應帶來的痛點！
最后總結一下，設計app商品詳情頁的四個步驟：
第一讓用戶快速了解認識產品；
第二取得用戶對產品的信任；
第三讓用戶產生價值感受（走心、解決用戶痛點與擔憂）；
第四最終實現產品購買的轉化（售后良好體驗、形成口碑、促進二次購買）；
營銷心理學效應
錨定效應
用場景化解釋，當你在一家西服店買西服，導購為你連續推薦了三款3000多的西服，第四件為你推薦了一件款式質量都差不多的只要1800，這時候你就會覺得好便宜，這就是錨定效應。
再舉個例子，快餐店墻上的菜單，從上到下依次從便宜到貴，但最后一個很便宜，這樣最后一個就會大大提高銷量！（套路！滿世界的套路?。?/p>
那么這個錨定效應是怎么運用到app產品的呢？例如，一件商品標價200元，但是可以領劵，店鋪送你30元優惠券，這樣一來標價200，結賬170，用戶就會覺得很值！
誘餌效應
兩家的商品價格都一樣，但是一個有贈品，那就會把用戶吸引過來，再比如，在淘寶買東西，當你收到商品后，會發現商家多送了好多東西，這樣買家很容易給好評，退換貨的比例也會降低，還能產生二次購買效應！
還有商家的活動，例如賣奶茶的，第二杯半價，兩件八折，買一送一，都是誘餌效應。
從眾效應
上文中提到了從眾效應，這里就不多解釋，列舉個app商品詳情頁案例，很多詳情頁會有這樣的一個微交互提示，“177xxxxxx177剛剛購買了此產品”一閃而過。還有經?？梢钥吹?，“大家都在看”，“購買此商品的人也購買了這些商品”這樣就起到了從眾效應！
稀缺效應
這個不難理解，app商品詳情頁中很多都會，提示僅剩幾件，有些app永遠是剩余幾件商品，但是永遠賣不完，限時活動也會有這樣的效應，給用戶的感覺就是不買馬上就沒了，不買占不到便宜！
損失規避
人通常會把注意力集中在自己會失去什么，而不是得到什么，對于損失有一種強烈的恐懼感，具體怎么運用，上面文章中做了具體解釋！
心理賬戶
兩家飯店同樣消費滿500送劵，一家送現金抵用劵，一家送8折優惠劵，拿到現金抵用劵的客戶，肯定會更多再次光顧，因為他們手里拿的就是錢啊，不花我就虧了。而八折抵用劵，并沒有改客戶更有力的價值感受，他們會想，我去了還是消費， 而并非享受了優惠！
所以在app中送現金抵用劵則轉化率會更高！
最后
營銷心理效應，會在商品詳情頁起到很重要的轉化作用，要善于運用。
設計不同于藝術，設計往往帶有目的性，具有商業屬性，所以設計師只有結合更多的維度思考，才會設計出好的產品！
藍藍設計(paul-jarrel.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan。
關鍵詞：UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司、銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發