wow!LUX

everything about me & internet

你不可不知的網站色調設計!

大多的網頁組成都是明亮的背景(通常是白色的)以及黑色的內文,但也有少數的網站是屬於暗色系的、或是色彩鮮艷的網頁。

但你曾想過為什麼有些網頁用鮮明顏色、有些則選用白色當背景嗎?
使用者的「動機」是個很重要的關鍵因素。

如果把使用者用某個服務的動機,簡單用二分法來說,一個動機將是「功利」動機、而另一個則是「享樂」動機

  • 功利動機適合低喚起、高亮度設計 

功效被定義為有用的特徵或是狀態,使用者尋求功效。例如,當你每次在使用計算機時,你可能就有一個功利性的動機在背後,像是協助你算帳更快。 

研究顯示屬於功利動機的消費者在低喚起環境會比起高喚醒環境,更容易產生正向認知

喚起程度是指外界環境如何刺激引發我們的感覺,像白色較容易營造低喚起環境(較不會刺激我們的感覺)、而紅色則容易營造出高喚起環境(刺激性較強)。

舉例來說,使用 Google 的使用者許多是因為功利動機,像是搜尋資料、觀察信件…。所以Google網站和應用程式主要以白色為主,對使用者而言,身處於低喚起環境,不容易刺激人們的感知,使用 Google 服務時會比較輕鬆自在。

但如果將 Google背景改變成另一種顏色呢,像是紅色,會發生甚麼事呢? 

紅色造成將造成非條件生理反應(我們與生俱來的反應),如增加心跳以及呼吸速度,讓使用者感到緊張、刺激、興奮。而緊張(如同紅色造成的影響)的感覺會讓時間走的似乎更慢。你不會希望Google 設計是採紅色色系,因為會讓你既緊張又覺得找資料的時間很漫長!
而讓人放鬆最佳的顏色有藍色色調、低飽和度的顏色(黯淡的藍色)和高亮度(含白色成分越高) ,會降低人們的心跳與呼吸速率,讓人感到平靜、放鬆。
像是 IBM 的 logo 現在就採用藍色。這樣減少刺激、 讓人感到放鬆的好處是讓人們更有可能推薦你的網站,同時有助於創造速度感,讓等待的時間似乎走得特別快。

  • 享樂動機適合高喚起、鮮豔設計 

享樂主義被定義為追求愉悅,特別是我們感官上所得到的愉悅感覺。

研究顯示,享樂型動機的消費者在高喚起環境會更比起低喚起環境更加愉悅。

舉例來說,像是夜店就是一個真正地為享樂型體驗所設計的高喚起環境,那裡有著顏色豐富的燈光、音樂和滿足你味蕾的飲料 ,所以夜店的網頁通常採用令人感到刺激暗色系組合。

很多時尚以及服飾品牌的網站也都採用黑色,拿 Chanel 的網站來說,網頁的黑色就非常明確地針對享樂型動機的購物者為目標,用大張照片來展示產品,傳達小的事實訊息,這很正常,因為使用者只想要享受產品和網頁的體驗 。

但如果是服飾店的老闆,每週都必須去下新的訂單呢? 要讓他們能有效率、不分心地下單的話,可能較適合低喚起的色調。
簡單來說,高亮度和低喚起的顏色組合適合功利型網站;相反地,鮮豔與高喚起的顏色組合則適合享樂型網站。 

  • 網站色調選擇取決於使用者的動機

但某些情況下,功利動機和享樂動機間的界線,似乎就沒有這麼明確。像是 Facebook 是屬於享樂型的任務還是功利型的任務呢 ?

讀取動態訊息和觀看他人的個人資料會讓你有享樂性娛樂的感覺 、而訊息和活動部份則會提供你有效用的目的性需求。

因此,功利主義和享樂主義的二分法,不一定適用每ㄧ種情況 。不過目前, Facebook 畢竟還是希望讓使用者覺得待在上面時間過得很快,待越久越好(看越多廣告越好),所以還是採用低喚起的設計。

現在你對於自己的網站色調採用有好點子了嗎?你的網站是採用低喚起還是高喚起設計呢?跟我們分享吧!

知道更多有趣、好玩的行銷與商業 IDEA→

email掌握第一手消息→追蹤訂閱 reBuzz

(資料來源:Tommi Kaikkonen、圖片截圖自 GoogleChanel 官網、Walter Ezell, CC License)

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

Information

This entry was posted on 十一月 30, 2012 by in ColorDesign學術研究精華心理學.
%d 位部落客按了讚: