Facebook Pixel Facebook Pixel

網站「色」計,抓住顧客的眼睛!

2014-10-28
SmartM特約編譯/吳品清
網站「色」計,抓住顧客的眼睛!

SmartM「戰勝細節裡的魔鬼,電商轉換率再晉級!」一文中分享了提高轉換率的網站設計。但你知道色彩的使用也是網站設計的重要學問嗎?如果你把網站當成自家彩繪廳,只用自己喜歡的顏色,可能會弄巧成拙。

色彩影響八成以上顧客的購買決策

回想一下,你是否曾在逛街時因為商店的顏色,包括招牌、外牆與店內布置與商品的色彩,而被吸引進去?電商顧問公司Shopify綜合各家研究發現,超過八成的顧客會以色彩為購買決定的主要考量,有六至九成的顧客第一印象來自於色彩,而超過九成的顧客會憑視覺購物,超過半數的顧客更會因商店不好看而不再上門。另外,閱讀彩色廣告的人是閱讀黑白廣告的42倍,而且彩色廣告更容易令人理解與閱讀(以下圖表皆來自Shopify)。

網站「色」計,抓住顧客的眼睛!

 

投「客」所好的色彩運用

色彩這麼重要,那麼該如何運用呢? Shopify分享了幾個訣竅。首先,你必需大致了解常用色彩與感知的關聯性,例如藍色給人可靠和可信賴的感覺、粉紅色給人放鬆的感覺,而容易引人注意的紅色則會刺激人們做出激烈反應,所以像是打折拍賣的標語通常為紅色。以下是各種顏色的感知關聯性整理:

網站「色」計,抓住顧客的眼睛!

色彩的選擇與你的目標市場與族群有關。如下圖,針對速食店、大商場、清倉拍賣的衝動型顧客可以用橘紅色、黑色和寶藍色;針對金融業或大型百貨公司精打細算型的顧客可以用水軍藍、藍綠色;針對服飾店的傳統顧客可以用粉紅、天藍色、玫瑰色。

網站「色」計,抓住顧客的眼睛! 

不同性別也有不同的偏好色彩顏色,所以女性服飾專賣店可以多用女性喜愛的顏色,販賣兩性服飾的商店則可使用男女都愛的顏色。Shopify 舉以下三個網站為例

賓士公司的目標客戶是想突顯自己與眾不同與崇高地位的有錢人,因此在下圖的網站上用代表昂貴和精緻的黑色、精煉的灰色與純淨的白色營造出簡潔有力的感覺。

 網站「色」計,抓住顧客的眼睛!

 

迪士尼網站以孩子和家長為主(尤其是媽媽),因此主要使用明亮簡單的顏色,尤其是提升信任感的藍色與時髦但不退流行的灰色(下圖)。

 網站「色」計,抓住顧客的眼睛!

 

下圖維多利亞的秘密網站則用代表浪漫和溫柔的粉紅色系來迎合女性顧客。

 網站「色」計,抓住顧客的眼睛!

 

針對特定用途的圖文按鈕使用一致性的色彩

記住,每種色彩都要能彼此搭配。如果你不是很肯定,可以先打安全牌,像是藍色、灰色與白色,避免容易產生俗豔感的紅色、黃色與紫色。

你也可以用特定色彩來呈現某些用途的文字或圖示,例如整個網站上的購物車按鈕一律用綠色,讓顧客一看到綠色按鈕就會下意識地點選圖案,將他們導引到購物流程。

你不需要訓練自己成為色彩專家,只要掌握以上幾個關鍵,就能讓網站成效大躍進。

 

延伸閱讀:戰勝細節裡的魔鬼,電商轉換率再晉級!

 

嚴禁抄襲,若欲轉載,敬請註明出處「SmartM」並附上原文連結。
歡迎各大媒體交換文章連結。
圖片來源:主圖、縮圖: Rilind Hoxha (C.C. Licensed)
加入SmartM粉絲團,更多電商訊息等你關注 https://www.facebook.com/smartm.tw
【超過300本影音說書陪你成就更好的自己】讓大大學院與你共讀,幫助「沒時間讀書」、「讀書速度很慢」、「讀完就忘記」、「抓不到重點」的你,利用18分鐘領略閱讀的樂趣,吸收並帶走鮮明觀點,真正讓知識內涵融會於日常生活。立即點擊加入
大大讀書|全台最大線上影音說書
本網站內容未經允許,不得轉載。歡迎來信投稿、洽談文章授權。

關注職場最新趨勢,為知識學習創造最佳環境

大大學院「全台最大影音說書.知識學習平台」,致力於推廣終生學習、培養職場人士的閱讀習慣。

按讚、追蹤「大大學院」Facebook粉絲團,每天更新最新職場趨勢文章,帶你掌握關鍵資訊。

加入「大大學院|職場趨勢新觀點」,最新、最實用的職場課程都在這,學習資訊不漏接!請用手機點擊「加入Line好友」連結,或是掃描QR Code加入。

處理中