平衡是圖片放大的全部。過小的放大是沒有用處，而過度放大的商品會(huì)偏離視線。放大是讓潛在客戶能夠像在實(shí)際的店鋪見到商品那樣去確認(rèn)所有細(xì)節(jié)的必要手段。

Source:newegg.com

放大功能的適當(dāng)平衡，為購物客人帶來更好的體驗(yàn)。潛在客戶到店鋪的時(shí)候，感覺是把商品拿在手上好好地觀察。由于適當(dāng)?shù)姆糯?，顧客能夠放心購買商品。

5.體現(xiàn)產(chǎn)品的質(zhì)感

質(zhì)感對(duì)特定產(chǎn)品來說非常重要。然而僅通過數(shù)碼圖片很難體現(xiàn)出商品的質(zhì)感。如果這個(gè)問題誤導(dǎo)了買家，不僅會(huì)使買家對(duì)產(chǎn)品不滿意，還可能會(huì)上網(wǎng)寫差評(píng)。這就會(huì)導(dǎo)致公司售后人員要對(duì)商品進(jìn)行退換貨處理而增加額外費(fèi)用(根據(jù)退換貨政策)。

在需要體現(xiàn)商品紋理等特征的時(shí)候，為了更容易看出產(chǎn)品的質(zhì)感，正好與第4條規(guī)則[適當(dāng)放大]相輔相成，特寫更容易體現(xiàn)出產(chǎn)品的質(zhì)感。

Source: AshleyFurniture.com

家具類產(chǎn)品是特別需要體現(xiàn)出質(zhì)感的。上圖中Ashley Furniture通過適當(dāng)程度的放大，準(zhǔn)確傳達(dá)出產(chǎn)品特有的紋理。對(duì)于一些客戶來說，這是非常重要的賣點(diǎn)，如果沒能從圖片中確認(rèn)商品的質(zhì)感，很可能就不會(huì)去購買。

6.按商品的顏色和樣式準(zhǔn)備商品圖片

到目前為止，你對(duì)售賣商品的顏色有過期待嗎?如果您的商品有12種顏色要展現(xiàn)出來，那么就需要為每一個(gè)顏色的商品準(zhǔn)備不同的圖片。

Source: nike.com

展示我們商品的顏色。這里可以用兩種不同的方式來實(shí)現(xiàn)。

商品的詳情頁中提供顏色規(guī)格選項(xiàng)。點(diǎn)擊所選顏色后，當(dāng)前頁的商品圖片更新為該顏色的圖片。

2 . 顯示多張不同的圖片。產(chǎn)品的各個(gè)顏色都顯示在商品列表中，一旦顏色被選中，頁面更新為所選顏色的產(chǎn)品詳細(xì)介紹頁。

第一種方法，可以一頁顯示各種各樣的樣式和顏色的商品，更容易顧客使用。

7.顯示商品的尺寸

顯示商品的尺寸是顧客把握實(shí)際的尺寸的必要方法。如果你的商品小，就在旁邊配置小東西簡(jiǎn)單地比較吧。這對(duì)長(zhǎng)的商品和高的商品也同樣適用。

Source: Urbanoutfitters.com

(商品小的話)很多商店會(huì)在圖片旁邊寫著實(shí)際尺寸。像星巴克，時(shí)常在店鋪前面的黑板上標(biāo)示這些飲料的尺寸。這樣的策劃不只是在在線商店才使用的。

特別是商品照片中那種使用與現(xiàn)實(shí)不同的白色背景的攝影方法。如果是表示大的商品，不合適使用白色背景。而是在實(shí)際使用場(chǎng)景(例如客廳和廚房，陽臺(tái)上等)擺放商品，并在上下文中表示商品實(shí)際尺寸。

上述商品頁中，展示了商品樣品和被腳踩著的狀態(tài)。這樣不僅能表現(xiàn)商品的尺寸大到足以歇腳，而且踩著的狀態(tài)會(huì)讓顧客感覺商品很堅(jiān)固。

8.商品有隱藏的項(xiàng)嗎?

一些商品擁有讓人預(yù)想不到的隱藏項(xiàng)。顧客對(duì)于購買前沒有發(fā)現(xiàn)床架的隱藏抽屜會(huì)感到吃驚，所以在商品照片里最好展示出那個(gè)抽屜。(與同類競(jìng)品相比有針對(duì)賣點(diǎn))

Source: Ikea.com

準(zhǔn)備好商品所有側(cè)面都能夠明確看到的圖片非常重要。在商品目錄里展示抽屜功能，關(guān)系到這個(gè)商品的出售。

9.用動(dòng)畫介紹商品的使用方法

介紹商品的動(dòng)畫的要點(diǎn)是：展現(xiàn)如何使用商品，或者幫助顧客理解商品，并且為潛在的客戶提供相應(yīng)的信息。與圖片不同動(dòng)畫需要在短時(shí)間內(nèi)傳達(dá)更多的信息。

Source: amazon.com

擁有什么樣的商品?不同的照明下能看到什么樣子?如何使用?還有其他使用方法么?

與圖片相比，可以傳達(dá)商品的各個(gè)側(cè)面。

10.讓點(diǎn)擊最小化

為了最大化商品頁的可用性，用戶可以不用轉(zhuǎn)換頁面，也能把所有的商品變化在同一商品頁面上看到。下面的Urban Outfitter截圖例子，就是不同框架的類型和尺寸都能在一頁里表現(xiàn)出來。

Source: Urbanoutfitters.com

為了檢索形式不同的版本或看不同版本的圖片而返回檢索，結(jié)果浪費(fèi)用戶的時(shí)間。

翻譯人員：あおい*~、晶晶、MOYA.茉堯、てるてる坊主、球球、牛叔-echo、群仔、天線喵喵、SISENdesign共同翻譯完成。

校對(duì)：SISENdesign

設(shè)計(jì)：書簽

出典：http://uxmilk.jp/56007