國內外將心理學用於網站設計、網頁視覺設計的研究,已經有很長一段時間。也許你是企業主、公司的網路行銷企劃,需要製作網站,整體視覺設計當然還是留給專業設計師,但以下有幾點和心理學有關的重點,是你在規劃自己的網站時可以考慮的因素。
人類是視覺的動物,這也是為什麼圖片、影片在網路行銷、社群經營中越來越受重視的原因。而網站設計採用的色系、配色,會對使用者進到網站的第一印象、停留時間和反應有很大的影響。不同顏色會傳達不同的感受給消費者。甚至,男性和女性對於顏色的反應也不同。 在進行網站設計時,就跟裝潢店面一樣,可以考慮要鎖定的客群,有沒有偏重男性或女性,也許可以將其列為網站設計色彩運用的參考元素之一。
via Help Scout
簡單的介紹席客法則(Hick's Law),就是:「一個人有越多選項,做出選擇的時間就會越長」。這和網站設計有什麼關係呢?想像你今天進到一個購物網站,從帽子到鞋子,從頭到腳的商品都有,而且每樣商品都有幾十甚至上版種選擇,每件喜歡的都先放入購物車再說,但逛著逛著,發現喜歡的商品太多,根本抉擇不了,而且花了一個多小時還是沒有買到自己真正想要的東西,索性直接把網頁關了,連買都不買了。網頁設計也一樣,太多選擇有的時候會導致反效果,過度豐富的內容變成太複雜,成為轉換率的阻礙。設計時,保持主選單簡單、清楚,放置重點選項,善用子選單分類,有必要的話甚至另外開一個新網站,或者一頁式網站來專門介紹、推廣單一服務項目及產品,讓消費者能夠更快速的做出決策。
人類習慣用物體周邊事物的相對大小,來判斷該物體的真正大小,就是一種知覺經驗法則。就像下圖,A和B誰比較大呢?
其實仔細一看就會知道,兩個圓是一樣大的,但周圍的圓大小不同,產生對比,讓很多人一開始會做出誤判,覺得B比較大。
網頁設計雖然不斷有新技術、新趨勢,但是大部分的使用者都會以過去的知覺經驗,預期網站設計把主選單設置在網頁最上方,最下方會有聯絡方式,登入、購物車等等次導覽列會在右上方。有人會覺得,所有網站都這樣,不無聊嗎?想創新行不行?當然行,但是知覺經驗法則告訴我們,消費者會優先以過去的經驗來預設網站的使用流程,如果想加入變化,最好是能確定有充足的明示暗示,才不會讓消費者因為不習慣,留下不好的使用者經驗。
這麼看來設計網站需要有美感,繪圖技術,懂得CSS、HTML語法,還得懂心理學?其實網頁設計師、前端工程師應該都知道,無論是網站設計、平面設計、APP使用介面設計等等視覺設計,和心理學原本就有很大的關係,畢竟它們都和使用者經驗有關。如果你想著手進行你的網站規劃,不妨多參考相關的資訊,和專業的網站企劃、網站設計師討論時,也會比較有方向。