Facebook Pixel Facebook Pixel

網站怎麼更引人?善用圖像是關鍵

2016-07-11
SmartM/王聖安
網站怎麼更引人?善用圖像是關鍵
圖片來源 : Pixabay

一張好的實體宣傳照,能夠有效地將實體店的價值傳達到網路上。

 

儘管網路上的店家越來越多,實體店仍有其獨特性,消費者享受在實體店面的熟悉感、專業度、裝潢氛圍,這些感受往往難以複製到網站上,所以即便在逛同一家品牌,實體店面和網站依然有所區別。

 

許多銷售網站的內容便是滿滿的商品陳列,這些商品可能在其他網站上也能見到,它們之間不同只在於價格或文字的敘述,該如何將實體店面和網站連結,圖片即是關鍵。

好的圖像勝過文字敘述

圖像會帶來直觀的感受,逛實體店面時,我們常常會被看見的東西吸引,例如店面外觀、LOGO、櫥窗內的商品、大紅色的折扣海報等等。但這些視覺化的設計卻常常被品牌網站,特別是手機版網站所忽略。

 

以宮原眼科的網站為例,首頁便是清楚的店家外觀圖片,在消費者一進到這個網頁時,便能清楚知道這是台中的宮原眼科,而不是其他品牌。它的外觀也透漏出品牌所強調的特點,即復古和現代的融合,消費者再透過其他文字按鈕,也可以得知它所販賣的商品。

網站怎麼更引人?善用圖像是關鍵
網站怎麼更引人?善用圖像是關鍵
(圖片來源/宮原眼科

實體和網站的連結

做一個小實驗,當你把網站上的品牌LOGO遮住,你能夠清楚知道這是哪一個品牌的網站嗎?在網站上是否有圖像傳達出它的品牌,或讓你聯想到它的實體店面呢?

 

以下以台灣百貨公司為例,左圖是台北101,右圖則是台中廣三SOGO百貨。兩者的首頁上方都是圖片輪播,但是101是建築外觀圖片,SOGO百貨則是特惠或店家訊息。由於101擁有的地標特性,使它格外強調與實體的連結,消費者也能夠在網頁上看到和實體差不多的外觀表現。

 

網站怎麼更引人?善用圖像是關鍵
(圖片來源/臺北101廣三SOGO
 

 大品牌擁有足夠的知名度,因此在網站上放置LOGO,可能就足夠讓消費者清楚了解這個網頁屬於哪個品牌。相較於強調與實體的連結,大品牌偏向選擇專注在商品或優惠訊息的傳達。

 

但一般的店家可能就無法依靠品牌知名度這麼做,因此吸引人的圖像和視覺化更加重要,特別是以下產業:

  • 飯店、餐廳或酒吧
  • 博物館和畫廊
  • 娛樂場所,例如溜冰場、高爾夫球場
  • 購物中心
  • 地標和景點,例如國家公園

 

圖像能夠讓消費者更清楚地知道品牌,更吸引他們實際到店面消費,因此清晰的圖片也能讓消費者知道店家的外觀,讓他們更方便地找尋到店面。

 

微熱山丘的網站幾乎利用圖像說故事,包含品牌理念、產品介紹和分店訊息,皆利用具有質感的圖像和文字穿插的方式傳達。

網站怎麼更引人?善用圖像是關鍵
(圖片來源/微熱山丘
 

開始行動前的測試

在實際將網頁上架之前,不妨參考以下步驟,了解自己的網站是不是能再改進,更吸引消費者注意。

 

  • 選擇和自己產業相關/不相關的清單、世界較知名的品牌網站,並進行比較和測試(清單舉例:台灣當紅五家韓式炸雞)
  • 看看行動裝置上的呈現效果,能嘗試不同型號的效果更好
  • 在不同場地和不同網路狀態下測試
  • 為每一個比較過的網站寫下評價和第一直覺:它抓住你的目光了嗎?
  • 確認這些圖像和它實際上的表現是否相符合
  • 整理這些資訊,並進行更深度地調查
  • 根據這些調查,進行使用者測試

最後的檢查

圖像可能會遇到的問題,便是載入圖像的時間長度。現代人對於載入時間太久的網頁常感到不耐,而放棄進入網頁,因此確認並避免圖像造成網頁緩載相當必要。

 

 

 

延伸閱讀

改變官網的3項做法,為客戶留下美好的第一印象

原文出處

Click Z

【超過300本影音說書陪你成就更好的自己】讓大大學院與你共讀,幫助「沒時間讀書」、「讀書速度很慢」、「讀完就忘記」、「抓不到重點」的你,利用18分鐘領略閱讀的樂趣,吸收並帶走鮮明觀點,真正讓知識內涵融會於日常生活。立即點擊加入
大大讀書|全台最大線上影音說書
本網站內容未經允許,不得轉載。歡迎來信投稿、洽談文章授權。

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

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

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

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

處理中