跳到主要內容區塊

心理學在 UI / UX 設計中的運用(五)

奧卡姆剃刀原理 Occam’s Razor

如無必要,毋增實體

奧卡姆剃刀原理又稱為簡單有效原理,產品若是存在不必要的元素,會降低效率,而且也會增加更多無法預期的不確定性。在設計上我們會去掉不必要的流程,或減少視覺元素,讓用戶更專注於當前操作。

TIP 1:減少點擊次數

如果有能夠合併的操作,減少點擊次數能夠有效提升操作效率。以下圖為例,Line 在使用密碼解鎖時,輸入完第四個數字密碼時就會直接開啟 App,而 pxpay 輸入完交易密碼後,還需要點擊確定按鈕才能開始支付,但其實用戶輸入完密碼後一定會需要點擊確定按鈕,將這個流程省略會讓產品操作更加簡單。

TIP 2:給予更少的內容,專注於主要操作

就如同上篇提到的席克定律,當選擇太多的時候反而會造成用戶的認知負擔,花費更多時間思考而降低操作效率。像是現在大家主流的搜索工具都是 Google 吧,Google 的首頁就非常簡潔,主體就是一個搜索框,其他功能則是收在邊角,另一方面 Yahoo 的首頁內容就很多,當你今天的目的是想要搜索資訊時,使用 Google 就會相對友善許多。

雷斯多夫效應 Von Restorff Effect

在多個相似的物體中,其餘不同的最可能被記住

這個原理跟我們之前在👉如何提升界面易讀性的文章中提到的視覺搜尋系統相關,當目標物件的基本特徵與其他物件不同時,我們不需要注意力介入就能夠輕易的分辨,並且容易留下印象。當你的界面中有需要脫穎而出的物件,像是重要的資訊或是關鍵的操作,可以強調這個部分的設計,引導用戶閱讀或點擊,例如網頁中的 CTA ( Call To Action ) 常會使用與界面其他按鈕不同的設計,讓用戶能快速注意到它。

TIP 1:利用不同顏色、形狀、位置、大小吸引用戶注意

利用這些基本特徵,可以簡單的讓你想要強調的物件脫穎而出。Evernote 利用綠色的大按鈕來引導用戶升級成專業版;Tripadvisor 用橘色的區塊,引導用戶點擊查看當前的旅遊須知;Pomelo 一樣也是利用大按鈕,吸引用戶免費體驗專業版。

TIP 2:發生和平常不同的狀況

另一種方式則是讓界面整體和平常有很大的差異。像是電商平台搭配促銷活動做的特殊設計,給用戶和平常截然不同的體驗,也能使人印象深刻。例如蝦皮搭配 618 的促銷活動改變整個 app 色調以符合活動氣氛,包括圖標也改為活動主題的樣式。

來源

終於把這八個心理學法則在設計上的運用介紹完啦!現在你是不是更了解為什麼產品會這樣設計,也知道其背後的原理是什麼了呢?但就如我上篇說的,我們的設計仍然需要考慮實際情況跟使用者,去找尋一個最適合的解決方案,不過這些原則能夠有效地幫助我們避免錯誤,是我們在學習設計的路上不可或缺的一個部分!

今天就先分享到這啦!之後還會繼續跟大家分享一些產品設計上的小技巧,請大家持續關注 PeerOne 喔!

 

/政府網站營運交流平台授權轉載/

原文作者:皮偶玩互動科技有限公司

原文出處medium:心理學在 UI / UX 設計中的運用(上)