電商設計，超全面的電商網(wǎng)站商品頁設計指南

商品詳情頁是電子商務網(wǎng)站中最容易與用戶產(chǎn)生交集共鳴的頁面，詳情頁的設計極有可能會對用戶的購買行為產(chǎn)生直接的影響。因此，商品詳情頁面的設計會涉及到運營層面，在美觀實用的基礎上，將要表達的信息盡可能用直觀的視角展現(xiàn)出來，再有意識的避免設計與運營之間的沖突。

商品詳情頁中的圖片展示是用戶進入該頁面后的第一個視覺點，有設計師可能會因此認為這張圖片的尺寸應該盡可能放大，讓用戶對商品概況一目了然。但作為設計師也應該考慮到右側文字信息對于用戶的重要性，兩者之間的比例要避免很大的偏差，減輕用戶在視覺上產(chǎn)生的不適。

IKEA的網(wǎng)站就因為圖片與文字之間的比例問題，讓整體看起來輕重不明確，圖片周圍的留白更是與右邊擁擠的文字形成了鮮明的對比。

鼠標在圖片上懸停時，圖片右側會出現(xiàn)關于商品的細節(jié)展示，這是一個在商品詳情頁中很常見的功能。但使用過程中會發(fā)現(xiàn)，就算用戶的鼠標無意識的劃過圖片，細節(jié)展示依然會馬上呈現(xiàn)，這或多或少會影響到用戶體驗，而IKEA的網(wǎng)站則很自然地解決了這一問題。

IKEA的細節(jié)展示在點擊后才會體現(xiàn)，不讓“說來就來”的圖片打擾用戶的瀏覽體驗。

“價比三家”是網(wǎng)絡購物群體的消費習慣，因此，商品詳情頁的設計中也應該融入并滿足用戶選價的心理狀態(tài)。在消費心理學中會提到，顧客買東西大多基于個人感受，可能并不是真正價格上的便宜，而是商家能讓顧客覺得便宜。

折扣或是優(yōu)惠額度的顯示能讓消費者心理產(chǎn)生微妙變化，正如當當網(wǎng)的做法，讓原價和折后價產(chǎn)生對比，再直接表明折扣，這種重復表達能加深用戶對優(yōu)惠的力度的感受。

社交媒體的力量在如今的營銷中絕對不容小覷，所以分享按鈕就變得必不可少。在大多數(shù)電子商務網(wǎng)站中我們可以看到：

分享按鈕被設置在展示圖片或文字的下方，主要分享當前頁面的商品。但其實，真正用于營銷推廣的分享并不應該僅限于商品本身。