Facebook Pixel Facebook Pixel

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

2014-06-02
SmartM特約編譯/吳品清
四做、四不做,讓網路服飾店一枝獨秀

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

電商顧問公司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
嚴禁抄襲,未經授權不得轉載。歡迎各媒體交換文章。

關注電子商務、網路行銷情報

親愛的讀者們,歡迎加入「SmartM電子商務網」粉絲團,每天更多電商&網路行銷報導等你關注與分享。

加入「SmartM電子商務網」Line帳號,關注最新的電子商務與網路行銷情報,學習不間斷,精采文章不漏接。請用手機點擊「加入Line好友」連結,或是掃描QR Code加入。

限時優惠3.8折!【職場客戶服務學】12堂實戰技巧期間優惠只到7/12(日)!
即刻了解
處理中