原作者：Nick Babich? 翻譯者：Puddinnng

本教程為翻譯教程，原文地址為：

http://babich.biz/mobile-ecommerce-product-details/

App 上沒有比產品詳情頁更影響轉化率的地方了。當用戶做決定時，能夠簡單地從這一頁面上獲取關于產品的信息非常重要。我這里有一些方法，能幫助你改善產品詳情頁面，并提高用戶的購買率：

產品細節以及選項

詳盡的細節不僅會激發購買欲，同時能讓用戶安心。用戶更熱愛將商品信息都展示出來的 app。這些信息包括但不止于，貨存量，尺寸，顏色選擇，產品描述，產品圖片，評價。

產品的細節要清晰簡潔

產品描述不僅要易于找到（幫助用戶獲得大體印象），也要易于被檢索（讓用戶很快定位到特定信息）。左圖的例子中，不完全的產品信息容易使用戶迷糊：

●尺寸：用戶看不出某個尺碼是有貨還是沒貨，也不清楚這里的 XL 到底是多大。

●顏色：顏色選項沒有視覺上的標示。

●貨存量：沒有關于貨存的信息以及運輸方式的選項。

●沒有產品詳情描述。

將所有重要的產品信息都濃縮在小小的手機屏幕里是很困難，但有人卻做到了：

最小化用戶輸入努力

app上大多數錯誤都發生在輸入框。即便使用全鍵盤，輸入也是件耗時又容易出錯的事情。理想情況是，商品頁面中不應該存在需要用戶輸入的地方。可以通過限制選項數量來防止用戶出錯：使用單選框（radio button）或者步進控件（steppers）來讓用戶只能選擇單一的選項。

產品圖片

產品圖片最能促進銷量。無論你賣的是電腦還是 T-shirt，產品圖片都是產品頁面上最重要的部分。優秀的產品圖片有兩個功能——給用戶留下深刻印象，并且提供用戶所需信息。

使用大而高清的圖片

一張圖片需要足夠大，足夠清晰才能發揮最好的效果。當你的產品是服裝時，圖片就更重要了，因為用戶關心的主要就是衣服的細節。下圖展示了這個原則如何在服裝類產品頁面發揮效果。

確保你的圖片看起來不是由馬賽克構成的。不僅最初的圖片質量要高，就連放大后的圖片也需要保持高清度。確保你的圖片在經過用戶放大后，讀取更高分辨率的圖片版本。

下圖是放大時出現的問題。這個頁面支持用戶放大產品圖片，可是由于低分辨率，放大后的圖片質量非常糟糕。用戶并不能從中獲得更多資訊。

讓用戶掌控縮放程度

圖片遠比描述直觀的多。用戶往往依賴于通過產品圖片來了解產品的細節和功能，如果app預先設定好了放大比例的話，用戶也許會產生挫敗感。

讓用戶完全按照自己意愿來發大圖片，會讓他們感覺更好。

一定數量的圖片需求

一般來說，產品頁面中圖片越多越好。但實際操作中，為了優化展示圖片，你應該在產品描述中選用那些具體展示了產品細節的照片。

下面是一些選擇圖片的技巧：

●你要展示既真實又有細節，功能的照片。比如說，如果你賣的產品是一個a/v功放接收器，那么就展示產品的后部細節給用戶看。因為他們可以通過輸入接口來了解這個產品的功能。

●具有上下文的圖片對讀者也很有用處。打比方，harry's這個app就使用圖片來講述自己的品牌故事。

設計可以水平滑動的圖片庫

可側滑的圖片就是為了拇指而誕生的！用戶應該能夠通過水平滑動來快速查看所有產品圖片，而不需要下滑這個動作。

支持縮放和輕觸兩下手勢

用戶會試圖用類似于兩指縮放，輕按兩下這樣的手勢來放大手機上的產品圖片。然而有些 app 雖然支持這樣的功能，卻沒用告訴他們的用戶。當 app 告知用戶他們支持這些手勢時，實際上在幫助用戶更好地使用自己的產品。

產品定價

你首先要花上一些時間來確定你的定價策略。讓價格合適并且放置在頁面上恰當的位置有兩種方法：

●如果你的價格具有競爭力，那么就要發揮這一優勢。最好的做法就是，當你對價格足夠自信時，將價格放在前面顯眼的位置（緊跟在產品圖片和產品名稱后面），asos就是這樣做的：

●如果你不靠價格優勢取勝（比方說，你賣的產品是獨一無二的），那么你可以考慮不把價格放在那么顯眼的位置。將價格放置在產品描述之后，也許是個好選擇。

產品庫存量和運輸方式

用戶放棄購買行為的一大原因就是，頁面上沒有標示出運輸選項以及費用。用戶不得不在其他頁面上尋找關于運輸方式的信息，而這就打斷了他們最初的購買行為。

顯示實體店鋪庫存量

如果用戶想要在實體店自提商品的話，庫存量是一個關鍵的參考要素。為了給用戶展示當地的貨存量，你需要嘗試自動獲取用戶的地址信息，但也要讓用戶很方便地選擇他們偏愛的店。一個常見的錯誤就是，只展現了用戶當前地址附近的店鋪，卻忘記提供其他選擇。

運輸費用和天數

用戶期待運輸費用和送貨時間都寫得明明白白，因為當他們購物時，他們會常常會衡量運輸價格和運輸時間之間的性價比。

理想情況下，你應該提供一個免費又及時的運輸方式。在你的產品頁面中，一定要包含可選的運輸方式以及各自的價格。

有用處的用戶評論

網上購物時用戶傾向于相信別人的評價。用戶評論對于用戶來說有兩方面的作用：

●評論能讓用戶了解產品的質量，以及服務的優劣。用戶需要再三確認你關于產品的描述是真實的。

●評論可以解答用戶在產品介紹頁面沒找到的，關于產品細節的疑惑。用戶會認為這樣獲得的信息好過通過商店銷售口中得到的信息。

如果你能收獲一系列的好評價，它們將增加你產品的可信度，也能幫你賣得更好。

允許用戶過濾評價

允許用戶通過分類和過濾來得到他們真正想知道的產品信息。

不要隱藏任何負面的評論，并且展示總投票數

只有好評的評論區會讓用戶產生懷疑。

當你展示產品時，確保將所有的投票數都顯示出來，以確保評分的真實度。

降低跳出率（bounce rate）

通過提供附加的信息來增加用戶在app上逗留的時間：提供相關產品以及熱銷產品的信息。當用戶考慮買替換裝或者是產品附件時，他們會感謝你提供的這些信息的。產品頁面的底部要放上你覺得最吸引人的產品。

結論

30%的用戶僅僅因為頁面優化不夠而放棄手機上的購買行為。設計一個轉換率媲美桌面網頁的產品頁應該是每個商務app的首要任務。產品頁面的職責就是讓用戶掏錢，因為購物這一行為越簡單，用戶就越容易去購買產品。

感謝！