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

同樣有人認(rèn)為，這樣的光環(huán)效應(yīng)作用于人機(jī)交互設(shè)計(jì)領(lǐng)域也一樣是奏效的。好看的設(shè)計(jì)，會讓用戶認(rèn)為產(chǎn)品更好用，外觀會影響用戶對產(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)的？審美是一種主觀意識，那么「美觀度」應(yīng)該如何被定義，科研人員究竟是從配色、排版、統(tǒng)一性，還是動態(tài)和諧的交互流程定義了實(shí)驗(yàn)界面的「美觀度」？我們也不得而知。

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

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

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

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

馬斯洛需求層次理論映射到用戶體驗(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)劣科普》視頻，感興趣的小伙伴可以查看）

蘋果主動落地暗黑模式的開發(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)的蘋果在全球移動品牌廠商中，擁有更加優(yōu)質(zhì)的屏幕硬件，他們的屏幕可以高清顯示更多的設(shè)計(jì)細(xì)節(jié)，于是仿真的擬物風(fēng)格在蘋果設(shè)備上通過其光影、陰影的展示，可以突出蘋果的屏幕優(yōu)勢，從而成為其商業(yè)賣點(diǎn)。

但后來隨著移動設(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)」可能才會發(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)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

文章來源：站酷  作者：UCD耍家

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)