網頁設計的心理學

讓我們在網頁設計中運用心理學

當你在網路衝浪時,被你撞擊到網頁也許是透過心理學精心設計出來的。

你在滑動網頁或點擊頁面的過程中不會感到壓力、且不假思索點擊『加入購物車』按鈕 或 『聯絡我們』按鈕,這些觸發你不知不覺做出的動作,網頁都是透過心學用心良苦設計出來的。

本篇就來介紹如何運用「心理学」來設計製作網頁。

庫里肖夫效應

所謂『庫里肖夫效應』是電影編輯實踐中關於蒙太奇的一種理論,是由當時19歲的蘇聯電影導演列夫·庫里肖夫在20世紀10年代至20年代間通過庫里肖夫實驗得出的結論。 該效應是影視鏡頭語言的基礎理論,也是對愛森斯坦蒙太奇理論的證明。

wiki引用

即使是同一張照片,因與並排的第二張照片的內容產生不同的印象。

⬇︎「女性與速食」:產生空腹感。

⬇︎「女性與海水浴場」:帶來夏天的感覺。

⬇︎至於網頁設計,可以利用大圖輪播多張圖像來創建一個故事,讓商品與人之間的關係產生聯想。

智慧菜園

承擔特質(affordance)

美國知覺心理學家詹姆斯·吉布森(James Gibson)利用生態心理學的觀察,以承擔特質解釋生物與環境的對應關係,即自然環境中所的物質,本身物理屬性的組合能與生物之間存在某種對應關係。 他認為物件的所有承擔特質是可以被直覺到的,其訊息是直接表現於視覺中的。

例如,當您走到自動販賣機面前,不需要文字特別說明,就知道插入硬幣的插槽是用來投入硬幣的部分。

在網頁設計上,文章中若出現顏色異於其他文字的段落,表示可以超連結(Hyperlink)到其他頁面或他站。
另外,當您看到向右的三角形圖標▶︎,表示可以點擊頻播影音。

如果你想打破這種約定成俗的網頁設計習慣,反而帶給用戶體驗不佳的負面效果。

神奇的數字

人們可在瞬間記憶的「短期記憶」有一個極限數
美國的認知心理學者喬治·A·米勒が的研究發現,人們的短期記憶中只能記住7個阿拉伯數字為,6個字母,5個單詞,這就是神奇的數字:7±2

總之,人們在短時間內可記憶的容量大約3~5個元素。
例如,為了容易記住電話號碼,通常習慣以「02」「0000」「0000」的方式顯示。

在網站的網址導航中,將10~20個按鈕排列在一起,可能會讓網頁使用者感到眼花撩亂。
若將所有按鈕分為4~5個分類,並使用下拉選單 做層次與結構化,讓網址導航一目了然。

對比效果

當判斷一件事情的好壞時,若沒有比較對象,就無法做出高下立判。
判斷好壞有『絕對評價』和『相對評價』,絕對評價是不進行比較的評價,相對評價是根據比較對象做評價。
對比效果就是要做『相對評價』。

例如『方案費率』向客戶解釋『不同的價格提供不同的功能』,做出可視化表格,讓客戶可依需求購買最適合自己的方案。

總結

人類為了理解事情,會制定出一些遊戲規則以減輕腦部負擔,因此若要客戶讀完長篇大論的文章,段落要清楚,間隔要明顯,用色要有邏輯,例如:

紅色:強調否定・禁止・負面
藍色:肯定
綠色:舉例・用語的強調
橘色:單純強調

心理學不僅融入於設計中,而且還可以運用於文案寫作中,利用心理學寫出吸引人的廣告或讓客戶情不自禁購買的文案。

第一印象是網頁內容的生命!
第一句話是文章的生命!

善用人類的心理學,網頁內容製作的重點整理如下:

  1. 一眼就讓網站訪客有瀏覽的意願
  2. 要意識到對方的事就是自己的事
  3. 文章要有韻律感,對方才可能全文讀完
  4. 舉例說明,讓對方產生喜悅的體驗記憶
  5. 內容要言之有理
  6. 文章之間適度添加可讓對方留下記憶的重點

More from our Article

See all posts