電商平臺商品詳情頁設計原則（電商商品詳情頁設計）

　　上一篇文章作者和我們分享了基礎砍價功能的設計邏輯，砍價是本系列文章里涉及的APP首頁的區塊之一。接下來，作者將和我們分享APP首頁的常規商品點擊進去的詳情頁面設計邏輯，以及常規的訂單確認等幾個主頁面，從中你將了解到商品詳情的設計需要關注哪些核心內容。

　　一、商品詳情核心關注點是什么

　　不少電商產品里面，商品詳情頁是流量最大的頁面，這個是個會經常被忽略掉的事實。道長記得2015年創業做生鮮電商時，有一天晚上在看后臺的頁面漏斗數據時，發現商品詳情頁面的流量占全站頁面的40%多，隨后所有的需求優先級都讓路給商品詳情頁面的需求。

　　不過這個數據可能在其他項目中不具備參考意義，我當時創業的項目是拼團，用戶分享自己開的團出去時，別人首先進入的是商品詳情頁面，需要提前講明白這點。

　　也因為這個經驗，后來經歷過幾個項目，商品詳情頁面我會花更多的精力在上面，在做奢侈品這個項目時，商品詳情我優先考慮到的是會員信息、推薦商品兩個內容，我們先來看一下商品詳情的原型圖。

　　我依次從頁面的頭部向下，分析幾個功能點的設計邏輯：

　　1. 分享功能

　　關于APP的分享功能我個人覺得是沒必要花心思和開發資源在上面，現在的分頂多算是個標配功能而已，想要靠該功能對商品頁面進行向外分發、吸引流量是不現實的，就拿我們自己來看，有多少商品詳情頁足夠打動你非得要分享給你朋友的呢？

　　真有那么打動你，就算沒有分享按鈕，也可以截圖通過微信發給朋友。更何況，對接分享功能的各個SNS渠道都需要去申請、投入部分開發資源進去，提供分校給微信好友和微信朋友圈就足夠了，其他的不建議投入。

　　2. 商品顏色切換查看

　　該功能相對來講有必要的，比如這個包有兩個顏色，分別是黑色和紅色，放在這里給用戶切換查看效果，因為有充足的對比信息，更便于用戶決策是否購買，從另一個角度來講，是在幫助用戶決定購買哪一個更合適。

　　3. 價格區分會員身份來顯示

　　該原型截圖顯示的是非會員用戶身份的價格（該系列文章分享完后我會把項目axure源文件提供下載，你到時候對比下會更容易理解）。

　　但實際上，在規劃功能時就需要考慮用戶身份進去，如果用戶是會員，則需要把會員的價格顯示出來，和非會員的價格進行對比，時刻讓用戶覺得擁有會員身份是個很好的購物體驗，功能里面盡量去凸顯“價格歧視”的思路。

　　有對比才有更多用戶原因購買會員，這個邏輯的目的很明確，就是要引導用戶開通會員，提供復購和忠誠度，這個重要性產品經理需要明白。

　　4. 會員卡購買入口

　　非會員用戶和未登錄的用戶需要顯示會員卡的購買入口，如原型所示，這里在文案上盡量強調會員卡的優勢和實惠，優勢就是省錢，幫用戶把節省的錢算出來。

　　而實惠就是體現在買會員卡的價格便宜上，有的平臺會把會員年卡的錢換算到每天多少錢，你應該有類似的回憶，有的會員卡顯示的“每天僅需0.5元”類似的文案。

　　5. 無限退服務選項

　　提前把無限退的兩個套餐選項透出來給用戶選擇，這個體驗比較差，我實在是說服不了決策層。

　　如果是為了強化此服務給用戶，那實現該目標的方案還有很多，如果是為了引導用戶購買此服務，也有很多別的方案，在下單決策前的頁面里面，交互流程應該是減少，為什么？

　　這里我們要的是用戶順順利利的趕緊進入到付錢環節，付錢才是我們該關注的重點，而不是在該環節上塞一堆東西給用戶，分攤了用戶付錢的注意力。

　　6. 同款推薦

　　推薦商品的模塊要有，我在前面說過，商品詳情頁面是流量較高的頁面，用戶到該頁面后，不下單當前商品，也要推薦其他的商品給用戶。但每個產品的推薦依據都不太一樣，這需要結合自己的業務來定。

　　我們當時的業務比較好理解，用戶使用某個款式的包是為了美化特定的場景，比如夏天去海邊旅游背的是手提包，為了拍更好看的照片，那推薦商品就推同款的就好，不要搞復雜，你可以看一下原型上的描述，此處我們推薦同品牌、同系列、同俗稱的商品。

　　這是一個比較簡單的商品詳情頁面的設計思路，你可以研究下其他的商品詳情，試圖去理解下商品評價系統的目的和設計思路，對你以后設計商品詳情頁面會大有幫助。

　　接下來，我們進入到訂單確認頁面。

　　二、訂單確認頁面真復雜

　　訂單確認頁面如果有混合支付、多種優惠抵扣的話就會復雜些，如果沒有額外的抵扣發生，則會比較簡單，無限退這個項目恰恰是有混合支付，所以訂單確認頁面是真的不省心。

　　我當時做下來的感覺很沒底，找了幾個用包的用戶聊方案，直到她們覺得理解起來沒那么費力才放心些，一起來看一下原型。

　　該頁面上半部分比較簡單，收件人信息和已選商品信息是標準化的功能。收件人信息那里無非是需要考慮有地址、無地址的情況，已選商品信息除了把用戶選擇的商品信息準確的顯示外，也考慮到會員身份就把會員價顯示出來。

　　但接下來的幾個點要分別講一下，否則不易理解。

　　1. 無限退2個套餐

　　無限退的兩個套餐分別是“用10天后退貨退款”和“用30天后退貨退款”，兩個套餐對應的費用是明確算好的，并且這個費用過會根據包所在的估計帶不同而不同。

　　比如一個古馳的包估價處在1萬~2萬價格帶，那它的無限退費用就不一樣；而另一個愛馬仕的包估價處在5千~8千的價格帶，它無限退的費用就會低一些。

　　這里不是簡單的費用，還需要根據包估價價格帶來計算。并且，我們在前面的文章分析過無限退加入到會員權益里面的產品目的，那么這里就需要根據用戶是否是會員來再次計算無限退的費用。

　　2. 服務費抵扣

　　服務費是個留資策略做的賬戶，用戶的所有退款都會退到該賬戶里面，叫做服務費，實際上只是退了個數字進去，用戶如果要提現，則需要重新發起申請，審核過后財務才會手動給用戶打款，目的很簡單，提高體現門檻讓用戶把錢留在平臺上繼續消費。

　　既然是繼續消費，那用戶就可以使用自己沒有體現的錢來進行支付，所以在訂單確認頁面，用戶還可以選擇是否用服務費來進行抵扣，是原型上“服務費可抵扣￥100”那里的功能。

　　這里不光要給用戶講清楚，我們在后臺的財務流水里面也有很多對賬和統計的功能，你如果做類似的功能，請務必要把財務對賬考慮好，涉及到錢流通的功能要細膩。

　　3. 是否開通會員卡

　　因為當時的運營指標要求比較高，基本上運營背負的主要運營指標就是購卡用戶數和售卡總額，所以在訂單確認頁面用戶還可以勾選開通會員卡一并支付掉。

　　會員卡在該頁面文案上體現的就是省錢，還有個細節是會員卡勾選和未勾選時，商品價格和無限退服務費用的計算變動，默認進入該頁面時是勾選中的，所有費用都已經打折了，如果用戶取消勾選，則去掉折扣的計算和有關文案。

　　到此，該頁面的重點信息就交代清楚了，接下來我們看支付的幾個頁面。

　　三、支付環節逃不掉的幾個細節

　　支付環節主要是收銀臺頁面上到底有哪些支付方式，主流的就是微信支付、支付寶支付（包含花唄、花唄分期）和銀行卡，這里我想給你聊的是兩個網絡支付方式的優劣，我們先看下原型圖。

　　原型圖中間的一張是收銀臺，用戶在訂單確認頁面點擊“提交訂單”后進入的頁面，做租賃業務的話，選擇支付寶是個坑，也是較好的機會，至少在2019年和2020年我參與租賃業務時，支付寶的手續費是最坑爹的，為什么呢？

　　同一筆押金，用戶支付進入租賃平臺的商戶賬戶時支付寶收一道手續費，用戶退貨后租賃平臺退押金時，支付寶又向同一筆錢收一道手續費，不過聽說如果業務量大的話，可以跟支付寶談降低手續費比例，這也只是聽說。

　　但我為什么又說支付寶是較好的機會呢？

　　你聽說過機密沒，租手機應該知道吧，租手機最大的平臺他們主要流量就是來自支付寶，因為支付寶的花唄可以幫用戶提前墊付押金，特別是很高的押金，用戶拿不出來，那就花唄支付下，這也是為什么在這張原型上會有花唄和花唄分期兩個支付選項的原因。

　　反觀微信支付，中規中矩，手續費只收一次，但也沒有分期類的支付策略幫用戶墊付，不過話說回來，我個人更喜歡微信支付，簡單些。

　　四、總結

　　本文我們分析了商品詳情和訂單確認頁面等的設計邏輯，商品詳情是流量最好的頁面之一，產品經理應該在該頁面上多投入精力，幫助核心業務做轉換，也考慮提高用戶的使用效率。

　　而到訂單確認頁面時，碰到有混合支付和多重優惠疊加的參加，需要往縱深去考慮產品功能的邏輯，不要遺漏和財務有關的數據信息。

  今天的分享就到這里了，想了解更多關于武漢淘寶代運營、淘寶代運營公司哪個好等內容，敬請關注火蝠電商官網。