網購用(yong)戶有(you)一個通(tong)用(yong)的行(xing)為(wei)模式：進入產品頁，查看詳情，看看用(yong)戶評價(jia)，再看看產品圖片，覺(jue)得(de)還不(bu)錯就(jiu)添加到購物車。

但是(shi)，有的用戶可能還沒把東西(xi)添加到購物車(che)就走了(le)。

用戶為什么會走？

 當用戶到(dao)(dao)達一個產(chan)(chan)品頁面時，他希望看(kan)到(dao)(dao)能(neng)解決(jue)他問題(ti)的(de)答(da)案：產(chan)(chan)品的(de)價格，產(chan)(chan)品的(de)描述(shu)以(yi)及買下產(chan)(chan)品所(suo)需支(zhi)付的(de)所(suo)有金額。

理解這個問題，就必須要知道用(yong)戶在(zai)看商品的時候都在(zai)想(xiang)些什么。他們的腦子(zi)里可(ke)能(neng)正(zheng)在(zai)做以下一(yi)件甚至(zhi)幾件事情：

• 研究一個問題的初步解決方案
• 比較產品的價格或（和）實用性
• 尋找最靠譜的賣家
• 尋找最可能解決他們問題的產品
• 通過視頻或照片查看產品細節
• 研究完之后，決定要不要購買

若不滿(man)足(zu)多種場景(jing)下(xia)消費者(zhe)的體(ti)驗，就會出現用(yong)戶在產品頁面流失的問題。

如何防止產品頁面丟棄？

你需要(yao)站在用(yong)戶的(de)角度去思(si)考網購的(de)時候他們在想什么以及(ji)他們需要(yao)什么。

如下是以筆者結(jie)合實例(li)和場景來(lai)闡述的產品(pin)詳情頁(ye)面的要素設計：

1. 突出顯示產品價格

用戶(hu)網(wang)購(gou)時會把思考程度降到最(zui)低。他們(men)不想把東西加到購(gou)物(wu)車，然后(hou)跳到結算頁，再自己計算這些東西要花多少(shao)錢(qian)。顯而易(yi)見地展示產(chan)品的價格細節可(ke)以讓用戶(hu)在進入產(chan)品頁面之后(hou)迅速看到。

如圖，在淘寶中提供了明(ming)確標識(shi)的產品價(jia)格和快遞費(fei)用，網購(gou)者便(bian)可以輕易地判斷出買(mai)到這個移動電源(yuan)需花費(fei)99元：

2.明確產品定價

有(you)的(de)商(shang)品具有(you)多種(zhong)屬性，而且每個屬性的(de)價格(ge)還不一樣，當用戶選擇不同的(de)屬性時(shi)就需要(yao)實時(shi)計算(suan)價格(ge)，如下圖，當我選擇“長60寬30高31白楓(feng)色時(shi)”，淘(tao)寶價顯(xian)示(shi)位(wei)38元。

當(dang)我選擇長80寬40高31柚木色時，淘(tao)寶價(jia)顯示的是57元。

這一點，蘋(pin)果官網其(qi)實做得更好，不僅在選擇后(hou)實時計算(suan)了(le)價(jia)格(ge)，還順便把其(qi)他幾個屬性與當(dang)前所選屬性的(de)差價(jia)也做了(le)計算(suan)，讓用(yong)戶(hu)能夠(gou)真正(zheng)的(de)做出選擇：

3. 把隱形成本都包含在產品價格里

運費和手(shou)續費如果單獨拎出來，會(hui)讓用(yong)戶(hu)有一種“錢花在了不該花的地(di)方”的感覺，有時就是(shi)因(yin)為這種感覺，用(yong)戶(hu)會(hui)直接(jie)放棄加入購物(wu)車。

所以(yi)如果可以(yi)的(de)話，在產品(pin)價(jia)格里直接把(ba)運費和(he)手(shou)續費包(bao)含進去吧！

4. 提供兩種版本的產品介紹

 有(you)的(de)人(ren)顧客可能只需(xu)要一段簡短的(de)產(chan)品(pin)介(jie)紹就會下單，但是有(you)的(de)人(ren)更希望看到更詳細的(de)描述。同(tong)時(shi)包(bao)含簡短和詳細的(de)產(chan)品(pin)介(jie)紹就可以(yi)很好地迎(ying)合(he)這兩者之間的(de)需(xu)求(qiu)。根(gen)據(ju)產(chan)品(pin)的(de)特(te)性，詳情(qing)頁應(ying)該包(bao)含用(yong)戶(hu)關(guan)心又能體現出產(chan)品(pin)實力和特(te)色(se)的(de)屬(shu)性，比如用(yong)戶(hu)關(guan)心產(chan)品(pin)的(de)產(chan)地，生(sheng)產(chan)日期，過期日期，生(sheng)產(chan)廠(chang)家等等，都(dou)可以(yi)再產(chan)品(pin)說明中(zhong)加進來。

一般淘寶的(de)商品(pin)名就被用作簡短(duan)描述：

而將頁面下拉時，會(hui)看到商品詳情。

5. 讓顧客始終看到一致的描述

顧客有時(shi)會(hui)在兩個(ge)相似的(de)(de)產品之(zhi)間做比較，這(zhe)時(shi)，對兩種產品同一性(xing)質的(de)(de)描述保(bao)持(chi)一致(zhi)就顯得(de)相當重要，畢竟在買東西時(shi)還糾結兩個(ge)不同的(de)(de)術(shu)語有什么不同而(er)忽略了對產品的(de)(de)比較是件(jian)比較尷尬的(de)(de)事情。

6.盡可能提供產品比較器

沒有(you)什(shen)么東西(xi)能(neng)比比較(jiao)器更能(neng)快速提供比較(jiao)功能(neng)了(le)。比較(jiao)器可以讓用(yong)戶(hu)逐一比較(jiao)兩個產品頁面(mian)上(shang)的(de)產品細節，這種(zhong)做法非常有(you)助于提高(gao)銷(xiao)量。

說到這里，我不得不為喬(qiao)幫主(zhu)打個廣(guang)告：

7.在適當的地方使用高質量的照片和視頻

小商(shang)家(jia)經常忽略(lve)的就是產(chan)品的照片和細節。因為他(ta)們太(tai)熟悉自己的產(chan)品，于(yu)是錯以(yi)為這些東西用戶也知道。蘋果(guo)官網有大量的產(chan)品細節，每張圖，每個(ge)視頻都是精心(xin)拍(pai)攝(she)力求完美(mei)，讓人(ren)看了都有種(zhong)忍不住(zhu)剁(duo)手(shou)的欲(yu)望！

8.在價格附近提供按鈕

在價格附(fu)近提供類似“添加到購物車(che)”這(zhe)樣(yang)的操作有利于(yu)刺激用戶將產(chan)品添加到購物車(che)。最好在產(chan)品價格附(fu)近多放幾個不(bu)同(tong)目的的操作按鈕，這(zhe)樣(yang)可以有效(xiao)地提升(sheng)銷量。

京(jing)東算是在這一(yi)點是上做得比(bi)較好(hao)的電商網站，在價格周(zhou)圍(wei)加(jia)上了(le)用(yong)(yong)戶(hu)最(zui)最(zui)最(zui)在乎的“降價通知(zhi)”，這樣當(dang)用(yong)(yong)戶(hu)沒有那么多(duo)錢立即購買的時候，還(huan)能嘗試著抱(bao)一(yi)顆等待降價的心。

9.運用分析來找出問題

關于為什么顧客會放棄產品(pin)(pin)，分析或許能提(ti)供一些細(xi)節。對比分析相似(si)的(de)產品(pin)(pin)可以幫助(zhu)你判斷是產品(pin)(pin)本身(shen)的(de)不(bu)足還(huan)(huan)是產品(pin)(pin)頁(ye)做得還(huan)(huan)不(bu)夠好。

10. 用戶評價也很重要

 當用戶了解了產(chan)品(pin)(pin)，還在猶豫到底要(yao)不要(yao)買的時候(hou)，好的產(chan)品(pin)(pin)評價(jia)絕對是電商界的專業助攻！

調(diao)整和簡化(hua)產品(pin)(pin)(pin)頁面(mian)之(zhi)后(hou)，用(yong)戶在產品(pin)(pin)(pin)頁面(mian)直接放棄的幾(ji)率可(ke)能(neng)會降低，但是這個(ge)問(wen)題并不(bu)能(neng)完全(quan)避免，因(yin)為總有一些根本就沒(mei)有買東(dong)西(xi)打算的用(yong)戶喜歡到處閑逛。不(bu)過，至(zhi)少(shao)對于誠心想買東(dong)西(xi)的人而(er)言，在產品(pin)(pin)(pin)頁面(mian)流失的幾(ji)率會大(da)大(da)減少(shao)。

#專欄作家#

康小胖，人(ren)(ren)人(ren)(ren)都是產(chan)品(pin)經理專欄作家(jia)，產(chan)品(pin)經理。微信公眾(zhong)號：woshikxx。專注(zhu)O2O電子(zi)商(shang)務，堅決擁護(hu)用講故(gu)事的思維做產(chan)品(pin)，關(guan)注(zhu)電子(zi)商(shang)務及移動互聯網，愛好圓珠筆(bi)涂鴉(ya)。