四做、四不做，讓網路服飾店一枝獨秀

電子商務的興起，加上服飾商品的利潤高，因此網路服飾店一家一家地開。不過市面上的網路服飾商店雖然賣的東西大同小異，但有些商店的人氣紅不讓，有些流量卻少得可憐，而且停留時間極短。為什麼呢？其實這跟網站設計有非常大的關係。

電商顧問公司Econsultancy發現了服飾購物網站常犯的幾個錯誤：

1. 網站難用，跑得又慢

香檳專賣店Dom Perignon的網站就是一個例子。不僅網頁下載速度慢，首頁畫面又雜亂，圖片跟文字都重疊在一起了。化妝品網站Givenchy也不惶多讓，而且它的e-store竟然還要下載應用程式才能用（圖一）。

圖一：畫面雜亂無章，而且購物關卡重重

資料來源：Dom Perignon（上圖）；Givenchy（下圖）

2. 進入網站困難重重

許多業者好不容易把顧客導引到網站，卻在門口設了一堆障礙，讓顧客遊興大減。例如剛提到的Dom Perignon網站，使用者要選擇所在國家和生日才能開始瀏覽網站。雖然這些動作有助於後台收集與分析資料，但卻可能讓沒耐性的顧客直接轉頭就走。

3. 造成反效果的自動播放影音檔

許多網站會在首頁上放置自動播放的影音檔，不僅影響使用者瀏覽，還會拖慢網頁下載。例如香奈兒網站首頁自動播放又關不掉的影片，不但可能嚇到顧客，閃爍的畫面與不斷重複的背景音效還會造成嚴重干擾。

4. 配色不當導致低可讀性

服飾網站重視覺化，因此配色與版面編排很重要。許多業者為了維持品牌風格，所以只用某些色調，以致於重要連結或元素都被顏色吃掉了（圖二）。

圖二：難以察覺的連結與功能

資料來源：Dolce & Gabbana

避開上述這幾個錯誤後，要如何改善網站，吸引更多顧客停留呢？你可以參考英國平民服飾商店ASOS的作法：

1. 提高網站附加價值

商品展示已經是服飾網站的基本功能，許多網站都會提供時尚界的趨勢，吸引顧客佇留。除此之外，ASOS還提供婚禮、度假等不同場合的穿搭建議，利用各種商品，在網頁上展示搭配後的樣貌，讓購物不只是交易，也是服裝秀（圖三）。

圖三：服飾網站提供穿搭建議 資料來源：ASOS

 2. 靜與動的視覺呈現

服飾網站的圖片呈現遠比文字敘述重要，而且版面盡量簡單大方，以免因為五花八門的圖片，顯得畫面雜亂。ASOS更將伸展台搬到網站上。除了靜態產品或穿搭照外，還可以觀看模特兒穿搭後的走秀短片（圖四）。

圖四：線上伸展台

資料來源：ASOS

3. 幫助顧客決定的工具與資訊

商品資訊愈詳細，愈能幫助顧客做決定。除了商品尺寸外，ASOS還提供畫面中模特兒的體型尺寸，幫助顧客判定商品尺寸的合適度。

更絕的是，顧客可以在Fit Visualizer輸入自己的身高、體重和尺寸，就能知道商品尺寸與自己尺寸的差異。這對無法試穿的網路服飾店非常有用（圖五）。

圖五：輸入自己體型即可幫忙比對商品的工具

資料來源：ASOS

4. 易搜性

導覽功能的設計必須同時考量到隨意逛逛以及目的型的顧客。ASOS用浮動功能表提供詳細的類別，避免佔據畫面空間。對於針對特定商品而來的顧客，ASOS也提供能根據文字搜尋物件的功能。

馬上檢視一下你的網站，掌握這幾個重點，讓你的網路服飾商店與眾不同。

嚴禁抄襲，若欲轉載，敬請註明出處「SmartM」並附上原文連結。

歡迎各大媒體交換文章連結。

圖片來源：主圖、縮圖: http://photopin.com/search

加入SmartM粉絲團，更多電商訊息等你關注 https://www.facebook.com/smartm.tw