影像的品質如何影響網站的流量

好的視覺伴隨強大的影像力,不只是透過許多科學實驗得到的證實,這也是為何商業攝影產業很重要的原因。因為人類靠著視覺來定義所有的事情,包含消費者所看到、接觸的,都是由視覺來定義。

凡事在數位上會發生的體驗,都跟設計脫不了關係。企業網站上的影像代表的即是品牌形象、用戶體驗您品牌識別的標誌。

而網頁設計,其組合最重要的元素是文字、圖像與音樂。今天想探討的是,設計網頁時所使用的影像其重要性,許多設計師與客戶低估了攝影的重要性,大多網站之所以沒有吸引力,其實是因為缺少了一張具有說服力的影像。

網頁上影像的使用有幾項基本準則:

  • 對比與反差 CONTRAST

確認影像與你的設計是否有正確的對比,請確認用戶在閱讀時不會受到圖片的影響,如很細的白色文字壓在很明亮的背景,在視覺上會顯得刺眼,正確對比應該是明亮淺色的背景配上較深的文字或素材,反之;倘若一定要使用淺色背景搭配淺色的文字,肯定需壓上一層霧或陰影。

  • 影像品質 QUALITY

當今天設計的主題是位於巷口小餐廳,而你會搭配上哪類型的照片?
絕不會是「某位仁兄在擁擠的街道中拿著相機卻拍出手震的照片」;如果你的客戶沒有產品的影像素材(不論平面或動態),請試著說服他們一定要有專業的影像。如果說服不了,那就告訴他們簡約的設計是不外乎是最好的選擇。所有設計師應該會寧願沒有影像素材可以使用,而不願在自己設計的網頁中放上使很糟的素材。

  • 關聯性 RELEVANCE

一張吸引消費者的影像可勝過千言萬語,再透過簡單的文字讓視覺與主題有更高的關聯性。而如果你銷售的是無形產品,如保險,則挑選象徵性強烈的影像,可能是家、守護、安全含有這些語意的影像與服務做連結;象徵性越強,越能讓用戶辨識出你的形象。

  • 滿版影像 BIG IMAGES SELL

透過Apple官網,可以很明顯看得出來,滿版影響的圖像對視覺帶來更大的衝擊力。其國外研究指出,滿版影像相對能帶來較高的轉換率、較低的跳出率與高度吸睛力。

人像攝影

人像的影像會特別的吸引眼球,若放入圖庫所抓的圖,其實很明顯能被辨識出,而人像的風格與整體視覺需特別匹配,否則人像的影像可能會帶來扣分的反效果。

預算許可的情況,建議找專業的攝影師拍攝情境,透過影像來傳達這個產品或服務背後的故事,情境照能使用戶感受到你的溫度與情緒。產品使用的情境、員工或同仁研發製作的過程等等,請專業的攝影團隊為客戶設計其網站所需要的素材內容為何。


影像於網頁設計中的重要性:

  • 影像是內容的一種 PHOTOGRAPHY AS CONTENT

影像不僅是設計中的一大功臣,更夾帶著濃烈的可以傳達的語意,配上文字或音樂,將能引起用戶很大的共鳴。

  • 吸引目光 DRAWING ATTENTION

一張吸眼球的影像能讓用戶立刻對你的官網內容產生興趣。若逛到的網站呈現,只是密密麻麻的文字,大腦就會立前傳遞訊息跟他說,可以關掉了,而不會仔細地閱讀。

  • 穿針引線 CONTEXT

穿插在文中的影像,會影響著讀者的情緒,影像穿插的好,則讀者也會有身歷其境的感受,更能引導他走入你鋪陳的設計中,創造讀者在情感層面與品牌建立的聯繫。

其他需要注意的事項

  • 圖庫適合與否

使用圖庫的優點是,在被授權的情況下,你有抓不完的圖,像許多免費圖庫 Unsplash or SplitShire等,也是設計網站中很好的素材來源。無論免費或付費的圖庫,在有些特殊主題或專案中,可能完全不適用,在上述餐廳的例子中,當你在設計網站時所使用的食物影像,肯定是來自於那間餐廳的菜色,不會是圖庫中的菜色。

  • 影像授權/ 許可

如果影像不屬於你的,也不屬於客戶,那請確認其授權方式。前陣子全聯涉侵權,擅用吳念真導演照片,也是使用時未注意相關細節。
授權合作,可透過 mail 方式找到那位攝影師洽談其使用方式,除非此圖片已明文條例其使用方式,而台灣在授權方面也尚待增強其觀念,並非你想使用就可恣意的使用。

另外,最直接的方式,就是親自參與拍攝,與客戶溝通整體設計風格後,一起參與拍攝企劃;這樣一來,肯定能讓影像風格設定與網站一致,方不會受到早已設定好或拍攝已久的影像而影響其設計。

建議: 與專業的商業攝影團隊合作

一個專業的攝影師,不在於他使用了多厲害多昂貴的相機,也不是取決於像素,而是個人的風格與專業度。

請慎選你的品牌顧問與攝影團隊,在尋找廠商時,多與他們溝通,你可以從他們詢問的問題判斷他們的專業程度。專業的攝影師在規劃影像拍攝時,會根據你的專案目標、官網的風格設定、年度行銷策略、產品/服務等相關細節做一定的研究與了解。

專業的攝影團隊的合作風格:

  • 詢問正確的問題
  • 瞭解其產品/服務所適合視覺表現的方式
  • 擁有大量拍攝網站影像的經驗,且對網站科技最新的趨勢有一定的了解。
  • 兼具產品知識、生活方式與文學涵養。

簡而言之,網路是完全視覺性的媒體,瀏覽者透過他們的雙眼來判斷,並閱讀吸引他們的內容,在最短的時間透過影像的力量讓他們願意多停留幾秒。經由專業的設計,在官網上傳達品牌形象,清楚提供品牌訊息,引導他們跟隨你的設計進入銷售頁面或聯絡我們。專業的攝影能幫助你提升流量與轉換率,不好的影像將成為阻礙你發展的絆腳石。

參考文:Photography in Web designHow to use Photography

【影響力行銷】新手教戰手冊

亞馬遜賣家廣告的通病,為什麼只有點擊沒有轉化?