2021-7-21 ui設(shè)計(jì)分享達(dá)人
有研究表明,人們會(huì)自然地認(rèn)為外表更漂亮的人擁有更加優(yōu)秀的品質(zhì)特質(zhì)。即我們對(duì)一個(gè)人的外表印象會(huì)影響對(duì)他品質(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ì)影響用戶對(duì)產(chǎn)品可用性的感受,這就是所謂的「美即好用效應(yīng)」。
前面我在談「費(fèi)茨定律」或是「恐懼留白」的時(shí)候,大多數(shù)方法論都可以溯源到真實(shí)的科學(xué)實(shí)驗(yàn)或心理學(xué)文獻(xiàn)記錄。
但在查找「美即好用效應(yīng)」資料的時(shí)候,所有內(nèi)容對(duì)初始實(shí)驗(yàn)都是一筆帶過:
1995年,日立設(shè)計(jì)中心的研究員 Massaki Kurosu 和 Kaori Kashimura 通過26種不同的 ATM 交互界面對(duì) 252 位參與者進(jìn)行詳細(xì)的用戶體驗(yàn)測試。結(jié)果發(fā)現(xiàn),這些因素中很大一部分對(duì)真實(shí)可用性的影響微乎其微,反而界面美觀度對(duì)真實(shí)可用性的影響出乎預(yù)料的大。
表現(xiàn)可用性的決定因素對(duì)真實(shí)可用性的影響系數(shù)大多在 0.000-0.310 之間,而界面美觀度這個(gè)數(shù)據(jù)達(dá)到了 0.589。
我試著到很多地方去搜索更多關(guān)于該實(shí)驗(yàn)的記錄,卻都沒有找到相關(guān)論文。所以對(duì)于這個(gè)實(shí)驗(yàn)的結(jié)果,我只能保持觀望態(tài)度。(也可能是我檢索資料的能力還有待提升...)
首先是我無法確定所有參與者在這個(gè)實(shí)驗(yàn)中的需求目標(biāo)是否發(fā)生變化,概述中既沒有闡明對(duì)照組,也沒有告知實(shí)驗(yàn)對(duì)比過程的細(xì)節(jié)。
其次在「美觀度對(duì)可用性的影響較大」的實(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ī)律,作為筆者,我本著對(duì)我讀者負(fù)責(zé)的前提下,也只能畫個(gè)問號(hào)。
在人們追求基本生理需求的時(shí)代,「美即好用效應(yīng)」的作用力必然不會(huì)比溫飽時(shí)代的大。
為什么這么說?從馬斯洛需求層次理論模型中就可以看到,對(duì)于用戶而言,“審美需求”是在保證了一系列缺失性基礎(chǔ)需求之后,才會(huì)追求的需求層次。
馬斯洛需求層次理論映射到用戶體驗(yàn)五層理論也是異曲同工,從戰(zhàn)略層到表現(xiàn)層,越是重要的層級(jí)掛靠的馬斯洛需求層次就越基礎(chǔ)。擁有巨大商業(yè)價(jià)值的產(chǎn)品,往往影響其在商業(yè)市場中走向的,都是基礎(chǔ)需求,而非高層級(jí)需求。
這就為什么我前文說道,很多人抽離前提來談「美」的重要性。用戶對(duì)「美」的追求是在滿足了基礎(chǔ)需求的前提之下,如果一個(gè)產(chǎn)品的戰(zhàn)略、范圍層難以落地,空談「美即好用效應(yīng)」便是空中樓閣罷了。
表現(xiàn)層在沒有可靠的戰(zhàn)略前提之下,是毫無商業(yè)價(jià)值的個(gè)人狂歡。
UI是一項(xiàng)純藝術(shù)性創(chuàng)作的職業(yè)嗎?在我剛接觸UI行業(yè)的時(shí)候,我是這么單純地認(rèn)為的,但現(xiàn)在已經(jīng)不再是了。
我前一陣子看了像素范泡泡老師的直播,其觀點(diǎn)我非常贊同,也在社群里和大家進(jìn)行過了交流。在此我引用兩個(gè)泡泡老師舉到的 iOS UI 的案例,來闡述 UI 探索的「美」,究竟是在探索什么。
大概在去年,網(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)層。
iOS7掀起的扁平設(shè)計(jì)風(fēng)潮,至今還在影響著UI設(shè)計(jì)趨勢以及用戶的審美。但你硬要從個(gè)人審美角度去評(píng)判曾經(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í)對(duì)其周邊設(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ū)別吧。
說了一堆,感覺我好像一個(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ā)揮其功效。
其次我想對(duì)話同行的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ì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(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ì)( tweetduck.com )是一家專注而深入的界面設(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ù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com