UI&UE實(shí)用方法論 | 「美即好用效應(yīng)」就是UI存在的價(jià)值嗎?

2024-5-22    資深UI設(shè)計(jì)者

UI&UE實(shí)用方法論 | 「美即好用效應(yīng)」就是UI存在的價(jià)值嗎?

 

歡迎關(guān)注「UCD耍家」公眾號(hào),加入耍家社群,和更多伙伴一起聊設(shè)計(jì)~

有研究表明,人們會(huì)自然地認(rèn)為外表更漂亮的人擁有更加優(yōu)秀的品質(zhì)特質(zhì)。即我們對一個(gè)人的外表印象會(huì)影響對他品質(zhì)的感受和思考,心理學(xué)上將這種行為稱為「光環(huán)效應(yīng)」。

 

同樣有人認(rèn)為,這樣的光環(huán)效應(yīng)作用于人機(jī)交互設(shè)計(jì)領(lǐng)域也一樣是奏效的。好看的設(shè)計(jì),會(huì)讓用戶認(rèn)為產(chǎn)品更好用,外觀會(huì)影響用戶對產(chǎn)品可用性的感受,這就是所謂的「美即好用效應(yīng)」

 

 

一、關(guān)于該定律的實(shí)驗(yàn)

 

前面我在談「費(fèi)茨定律」或是「恐懼留白」的時(shí)候,大多數(shù)方法論都可以溯源到真實(shí)的科學(xué)實(shí)驗(yàn)或心理學(xué)文獻(xiàn)記錄。

 

但在查找「美即好用效應(yīng)」資料的時(shí)候,所有內(nèi)容對初始實(shí)驗(yàn)都是一筆帶過:

 

1995年,日立設(shè)計(jì)中心的研究員 Massaki Kurosu 和 Kaori Kashimura 通過26種不同的 ATM 交互界面對 252 位參與者進(jìn)行詳細(xì)的用戶體驗(yàn)測試。結(jié)果發(fā)現(xiàn),這些因素中很大一部分對真實(shí)可用性的影響微乎其微,反而界面美觀度對真實(shí)可用性的影響出乎預(yù)料的大。

 

表現(xiàn)可用性的決定因素對真實(shí)可用性的影響系數(shù)大多在 0.000-0.310 之間,而界面美觀度這個(gè)數(shù)據(jù)達(dá)到了 0.589。

 

 

我試著到很多地方去搜索更多關(guān)于該實(shí)驗(yàn)的記錄,卻都沒有找到相關(guān)論文。所以對于這個(gè)實(shí)驗(yàn)的結(jié)果,我只能保持觀望態(tài)度。(也可能是我檢索資料的能力還有待提升...)

 

首先是我無法確定所有參與者在這個(gè)實(shí)驗(yàn)中的需求目標(biāo)是否發(fā)生變化,概述中既沒有闡明對照組,也沒有告知實(shí)驗(yàn)對比過程的細(xì)節(jié)。

 

其次在「美觀度對可用性的影響較大」的實(shí)驗(yàn)結(jié)論中,科研人員是如何定義「美觀度」的標(biāo)準(zhǔn)的?審美是一種主觀意識(shí),那么「美觀度」應(yīng)該如何被定義,科研人員究竟是從配色、排版、統(tǒng)一性,還是動(dòng)態(tài)和諧的交互流程定義了實(shí)驗(yàn)界面的「美觀度」?我們也不得而知。

 

所以「美即好用效應(yīng)」在人機(jī)交互領(lǐng)域的可用性,究竟是一條科學(xué)實(shí)驗(yàn)結(jié)論,還是屬于用戶心理研究,抑或只是人傳人傳出來的自然規(guī)律,作為筆者,我本著對我讀者負(fù)責(zé)的前提下,也只能畫個(gè)問號(hào)。

 

二、「美」在商業(yè)產(chǎn)品中的價(jià)值層級

 

在人們追求基本生理需求的時(shí)代,「美即好用效應(yīng)」的作用力必然不會(huì)比溫飽時(shí)代的大。

 

為什么這么說?從馬斯洛需求層次理論模型中就可以看到,對于用戶而言,“審美需求”是在保證了一系列缺失性基礎(chǔ)需求之后,才會(huì)追求的需求層次。

 

 

馬斯洛需求層次理論映射到用戶體驗(yàn)五層理論也是異曲同工,從戰(zhàn)略層到表現(xiàn)層,越是重要的層級掛靠的馬斯洛需求層次就越基礎(chǔ)。擁有巨大商業(yè)價(jià)值的產(chǎn)品,往往影響其在商業(yè)市場中走向的,都是基礎(chǔ)需求,而非高層級需求。

 

這就為什么我前文說道,很多人抽離前提來談「美」的重要性。用戶對「美」的追求是在滿足了基礎(chǔ)需求的前提之下,如果一個(gè)產(chǎn)品的戰(zhàn)略、范圍層難以落地,空談「美即好用效應(yīng)」便是空中樓閣罷了。

 

表現(xiàn)層在沒有可靠的戰(zhàn)略前提之下,是毫無商業(yè)價(jià)值的個(gè)人狂歡。

 

 

三、UI到底該關(guān)注什么

 

 

UI是一項(xiàng)純藝術(shù)性創(chuàng)作的職業(yè)嗎?在我剛接觸UI行業(yè)的時(shí)候,我是這么單純地認(rèn)為的,但現(xiàn)在已經(jīng)不再是了。

 

我前一陣子看了像素范泡泡老師的直播,其觀點(diǎn)我非常贊同,也在社群里和大家進(jìn)行過了交流。在此我引用兩個(gè)泡泡老師舉到的 iOS UI 的案例,來闡述 UI 探索的「美」,究竟是在探索什么。

 

  1.iOS為什么激勵(lì)大部分APP適配暗黑模式?  

 

大概在去年,網(wǎng)傳蘋果將強(qiáng)制要求 APP Store 中的應(yīng)用程序要適配暗黑模式。暗黑模式也掀起了一輪新的視覺設(shè)計(jì)潮流,暗調(diào)的設(shè)計(jì)語言讓產(chǎn)品在視覺上看上去更酷更年輕。

 

但蘋果激勵(lì)大部分應(yīng)用程序適配暗黑模式,只是單純的為了視覺上的好看嗎?其實(shí)并不是。

 

是因?yàn)楹笃诘奶O果硬件設(shè)備多采用OLED屏幕技術(shù),比起其他廠商的LCD屏幕技術(shù),有其優(yōu)點(diǎn),但也有其缺點(diǎn)。OLED采用低頻PWM調(diào)光模式,也就是通過低頻頻閃的方式控制屏幕亮度(一亮一暗、一亮一暗如此反復(fù))。在調(diào)低屏幕白光亮度的情況下,頻閃很容易造成用戶視覺疲勞。這一點(diǎn)極可能成為蘋果設(shè)備的銷售弱點(diǎn)。

 

于是蘋果希望在用戶需要調(diào)低屏幕亮度的場景中,通過暗黑模式的視覺手法,大量運(yùn)用黑色,這樣OLED屏幕的光源就可以直接關(guān)閉,而不需要采用頻閃的方式來控制屏幕亮度,從而減輕用戶視覺疲勞的現(xiàn)象。

 

 

(ps.看不懂的朋友莫急,文末我放了B站up主硬件茶談的《全網(wǎng)最簡潔易懂的OLED與LCD屏幕工作原理與優(yōu)劣科普》視頻,感興趣的小伙伴可以查看)

 

蘋果主動(dòng)落地暗黑模式的開發(fā),并且激勵(lì)在應(yīng)用市場上架的其他應(yīng)用也適配暗黑模式,實(shí)際上是與其商業(yè)目的掛鉤的一種行為,只是將解決方案落實(shí)到了表現(xiàn)層。

 

  2.iOS從擬物風(fēng)格向扁平風(fēng)格的轉(zhuǎn)換  

 

iOS7掀起的扁平設(shè)計(jì)風(fēng)潮,至今還在影響著UI設(shè)計(jì)趨勢以及用戶的審美。但你硬要從個(gè)人審美角度去評判曾經(jīng)的擬物風(fēng)格與現(xiàn)在的扁平風(fēng)格究竟哪個(gè)更好,只能說仁者見仁。

 

泡泡老師認(rèn)為,iOS 擬物風(fēng)格向扁平風(fēng)格的轉(zhuǎn)換,也不僅僅是基于視覺「美」的考慮。因?yàn)樵?jīng)的蘋果在全球移動(dòng)品牌廠商中,擁有更加優(yōu)質(zhì)的屏幕硬件,他們的屏幕可以高清顯示更多的設(shè)計(jì)細(xì)節(jié),于是仿真的擬物風(fēng)格在蘋果設(shè)備上通過其光影、陰影的展示,可以突出蘋果的屏幕優(yōu)勢,從而成為其商業(yè)賣點(diǎn)。

 

但后來隨著移動(dòng)設(shè)備品牌商的硬件差距不斷縮小,高清顯示已不再成為蘋果獨(dú)家的亮點(diǎn),蘋果也就不需要再花費(fèi)更多的設(shè)計(jì)成本在擬物設(shè)計(jì)上了。此時(shí)的擬物設(shè)計(jì)成本并不能再持續(xù)帶來高效的商業(yè)回報(bào),從而轉(zhuǎn)向扁平風(fēng)格,一方面可以提高設(shè)計(jì)效率、降低設(shè)計(jì)成本,同時(shí)對其周邊設(shè)計(jì)的延展性更高。

 

 

從這兩個(gè)案例中可以看到,UI雖然做的是表現(xiàn)層的工作,但實(shí)際上也是在為用戶、為商業(yè)、為戰(zhàn)略而服務(wù)。除了視覺的「美」,我們也應(yīng)該關(guān)注產(chǎn)品背后的數(shù)據(jù)、商業(yè)價(jià)值,我想這就是UI與純藝術(shù)性創(chuàng)作型設(shè)計(jì)崗位的區(qū)別吧。

 

四、總結(jié)

 

說了一堆,感覺我好像一個(gè)「美即好用效應(yīng)」的ANTI份子...其實(shí)也不全是。我清楚「美即好用」在一些商業(yè)案例中的運(yùn)用,我不否定該定律存在的價(jià)值,只是想表達(dá)一些看法。

 

首先我認(rèn)為不應(yīng)該在產(chǎn)品還沒有扎根市場,擁有產(chǎn)品自身的商業(yè)價(jià)值之前,過分拘泥于視覺表現(xiàn)層的內(nèi)容。在腥風(fēng)血雨的互聯(lián)網(wǎng)商業(yè)市場,迅速小跑迭代,做好用戶數(shù)據(jù)分析,增強(qiáng)產(chǎn)品自身留存實(shí)力、激活市場潛在用戶,比把目光放在視覺表現(xiàn)上可能更有價(jià)值。當(dāng)產(chǎn)品在一個(gè)領(lǐng)域或市場積累了一定忠實(shí)度較高的用戶之后,「美即好用效應(yīng)」可能才會(huì)發(fā)揮其功效。

 

其次我想對話同行的UI設(shè)計(jì)師,我一年前在《UI如何提升個(gè)人價(jià)值?UGD思維了解一下》中已經(jīng)說到過,UI設(shè)計(jì)不應(yīng)只停留在視覺表現(xiàn)層,想提升自我價(jià)值,一定要培養(yǎng)超脫表現(xiàn)層的思維能力。

 

我們不應(yīng)該一味地信奉「美即好用」。作為UI設(shè)計(jì)師,我們要通過避免「美但不好用」或「不美但好用」的極端來平衡視覺表現(xiàn)與功能的體驗(yàn)。

 

希望和你共同進(jìn)步。我是耍家,我們下期再見。

 

作者:UCD耍家
鏈接:https://www.zcool.com.cn/u/16281453
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

藍(lán)藍(lán)設(shè)計(jì)(m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔