提升商品頁轉換率的圖片排列法｜用多角度消除「無法試穿」的不安
流量進到商品頁了，卻沒有加入購物車。在服飾電商中，這種狀況未必是價格或商品力的問題。更多時候，擋住最後一步的是「不知道穿起來會是什麼樣子」的不安。
在實體店可以靠試穿解決的事，在電商只能靠圖片解決。本文說明如何透過圖片的排列，搶先消除購買前的疑問。
購買前浮現的四個疑問
在按下購買鍵之前，客人腦中大致會浮現這些疑問：
- 尺寸感 — 我穿起來的長度與寬度會是多少
- 輪廓 — 從側面看的份量感、身體線條的呈現
- 背影 — 背面的設計、臀部一帶的樣子
- 材質感 — 是垂墜還是挺括、會不會透
許多店家想用商品說明的文字補足，但文字不會被閱讀。判斷發生在滑動的幾秒之間，因此用圖片回答是最短路徑。
疑問與角度的對應
把上述四點直接對應到拍攝角度。
| 疑問 | 對應角度 | 呈現重點 ||---|---|---|| 尺寸感 | 正面（全身） | 長度、肩寬、與身高的比例 || 輪廓 | 側面 | 厚度、垂墜、身體線條 || 背影 | 背面 | 背部設計、臀部長度 || 材質感 | 特寫（細節） | 織紋、光澤、車縫 |
斜45度介於正面與側面之間，承擔傳達立體感的角色。若只能多加一張，加這一張最有效。
圖片的排列順序
只是備齊角度還不夠，被觀看的順序才左右轉換率。
- 第一張：正面著用圖 — 用一秒說明這是什麼商品。若平台對主圖有規定，以規定優先，把這張放第二
- 第二張：斜45度 — 補足立體感與輪廓
- 第三張：背面 — 在這裡消除對背影的不安
- 第四張：側面 — 呈現厚度與線條
- 第五張之後：細節特寫、平放、搭配 — 補充材質感與實際尺寸
原則是「不安越大的越往前放」。順序會依商品類別而變：洋裝與外套的側面輪廓最重要，但若是背面有印花的上衣，背面就該排在第二張。
不只影響轉換率，也影響退貨率
多角度化的效果不只在購買率。因為購買前後的落差縮小，退貨與換貨的理由也會減少。
服飾電商退貨理由的前幾名是「尺寸不合」與「跟想像的不一樣」。前者靠實際尺寸表處理，後者屬於圖片的守備範圍。若營收成長但退貨以同樣比例增加，運費與重新檢品就會吃掉利潤。轉換率與退貨率應該一起看。
一致性崩壞會適得其反
要注意的是，各角度看起來零零落落，反而會引發不信任。
- 正面與背面的模特或光的色溫不同
- 只有部分角度是另一天拍的，顏色偏掉
- 修圖強度依鏡頭而異
這些落差會引出「這些圖真的是同一件商品嗎？」的疑慮。多角度的目的不是增加張數，而是在相同條件下增加關於同一件商品的資訊量。無論拍攝或生成，都請以條件一致為優先。
如何用較少工時備齊所有角度
話雖如此，要為全部商品拍滿四到五個角度負擔並不小。拍攝安排、模特的佔用時間、修圖，全都要乘上商品件數。
若採用從一張商品照生成多角度模特著用圖的做法，就能壓縮這道工序。由於都以同一張商品圖為起點，模特、光線、加工的條件會自動一致，等於從結構上避開了前述的一致性問題。
主圖依平台規定準備，副圖排上多角度的著用圖——這樣的併用是務實的運用方式。
總結
商品頁的跳出，多半源自「無法試穿的不安」。把尺寸感、輪廓、背影、材質感這四個疑問，對應到正面、斜45度、背面、側面、細節等角度，並依不安程度由大到小排列。光是這樣，頁面的說明力就會改變。
而在增加角度時，請把一致性放在第一位。零散的圖片，張數越多越適得其反。
使用 Sugata Studio，一張商品照就能在一致的條件下生成正面、斜45度、側面、背面的著用圖。不妨先在一個商品頁上，比較多角度化前後的差異。