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

大家久等啦!今天要繼續來介紹上篇還沒提到的四個心理學法則,還沒看過上篇的人別忘了也讀一下👉心理學在 UI / UX 設計中的運用(上),可以得到更完整的心理學知識喔!

泰思勒定律 Tesler’s Law

任何系統都存在其固有的、無法簡化的複雜度。

泰思勒定律又稱為複雜度守恆定律,在任何系統中,複雜度總會有個臨界點,超過這個臨界點就無法再簡化了,那這個時候我們能做的就是將這個複雜度從一個地方移到另一個地方,並取得一個平衡點,來提升產品的用戶體驗。

來源

比如說搜尋引擎的自動糾錯,在使用關鍵字搜索時,即時打錯字系統仍然會幫我們判斷我們可能想要搜尋的內容,便是透過工程師、數學家、設計師等專業的人耗費時間設計這樣的系統,讓用戶能便利又省時的使用搜尋的功能。

TIP 1:適當的複雜度是必要的

取得複雜度「平衡點」就是最重要的部分。透過工程師跟交互設計師,盡可能的降低產品使用的難度,讓用戶能夠非常簡單的使用,這就是將系統固有的複雜度從用戶端轉嫁到設計端,這時候需要考慮的就是效益上的平衡,讓工程師及設計師耗費數週去降低產品的使用難度,還是讓用戶多花幾秒鐘去操作呢?

這當然是個大哉問,答案也會因應不同情況而有差異,不過這邊我想提到另一個概念,在 Norman, Donald A.撰寫的《情感化設計》設計中也有提到,適當的難度能讓用戶更願意使用,甚至進一步願意嘗試更複雜的任務,在設計時保留一定程度的複雜性也是有必要的。

防錯原則

運用條件限制減少用戶犯錯的可能性。

防錯原則認為大部分的意外是設計的疏忽,而不是人為操作的疏忽,因此在設計中防錯機制是必要的。這個原則最開始主要是用於工業設計,例如一些傢俱或家電,在組裝的時候一定要對到特定的角度才會剛好的裝上去,這就是一種防錯機制,這也被稱為防呆 ( poka yoke ) 機制,能讓用戶不需花費注意力,憑直覺就可以完成操作,這樣的做法也很適合應用在交互設計上。

TIP 1:敏感操作有二次確認

當操作不可逆,而且會對用戶產生較大損失的時候,通常我們會加上一個二次確認的彈窗提醒用戶,避免誤操作。

TIP 2:重要資訊重複確認

常見的作法是在電商產品,在訂單付款前會展示確認訂單的頁面,讓用戶再次確認訂單內容,避免付款後才發現錯誤,造成用戶損失。

來源

TIP 3:沒有達成條件就不做下一步操作

例如在註冊/登入時,將必填的內容做提示,並且可以在所有必要內容輸入完之前,讓按鈕維持不可用的狀態,以避免用戶產生更多的錯誤。

奧卡姆剃刀原理 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 喔!

--

--