交互設(shè)計(jì)里面美學(xué)與行為有怎樣的聯(lián)系?
設(shè)計(jì)必然包含一些藝術(shù)表達(dá),但我們更應(yīng)該關(guān)注由此引發(fā)的人類(lèi)行為。女生出門(mén)之前化妝打扮除了讓自己看起來(lái)更好看之外,還要獲得別人的關(guān)注。我們可以將化妝打扮理解為“藝術(shù)表達(dá)”,獲得關(guān)注為設(shè)計(jì)所引發(fā)的“人類(lèi)行為”。設(shè)計(jì)會(huì)影響人們的感知力,引起不同的行為反應(yīng),我們?cè)谡務(wù)撘粋€(gè)按鈕或者一個(gè)字體的時(shí)候,我們關(guān)注點(diǎn)應(yīng)該是這些東西的作用,而不是這些東西的本身。比如我想用4個(gè)半小時(shí)從北京到上海,很明顯高鐵才是更好的選擇,漂亮酷炫的跑車(chē)就做不到了。
交互設(shè)計(jì)當(dāng)中的三個(gè)美學(xué)要素——認(rèn)知、情感和聯(lián)想
關(guān)于認(rèn)知
認(rèn)知就是說(shuō),我們?cè)谔摂M界面當(dāng)中看到的圖形反饋是否符合現(xiàn)實(shí)世界的反饋期望。


比如上圖的兩個(gè)陰影圖片,設(shè)計(jì)師通過(guò)加深陰影的擴(kuò)展度來(lái)體現(xiàn)卡片本身距離白色背景的距離。這符合現(xiàn)實(shí)世界的物理反饋,通過(guò)這些反饋可以正確的引導(dǎo)用戶(hù)進(jìn)行認(rèn)知,用戶(hù)通過(guò)鼠標(biāo)懸浮于卡片上,卡片陰影的變化來(lái)判斷卡片是否是可以點(diǎn)擊和觸發(fā)的狀態(tài)。
在微軟的Fluent Design System和谷歌的Material Design當(dāng)中設(shè)計(jì)都會(huì)有對(duì)動(dòng)畫(huà)的物理要求和組件的材質(zhì)要求,都是要符合人類(lèi)在現(xiàn)實(shí)世界當(dāng)中的認(rèn)知。
關(guān)于情感
產(chǎn)品應(yīng)該像人一樣,有血有肉有情感,比如使用網(wǎng)易的FM和豆瓣的FM雖然功能類(lèi)似但是感覺(jué)不一樣,網(wǎng)易云音樂(lè)自帶評(píng)論感覺(jué)每一首歌都有故事,所以每次聽(tīng)隨機(jī)音樂(lè)都會(huì)懷揣著遇見(jiàn)故事的心態(tài),但是豆瓣FM就是單純的聽(tīng)音樂(lè),自己去感受音樂(lè)的故事。
有情感的話(huà),這個(gè)產(chǎn)品就會(huì)帶有魅力屬性,和人一樣,你一定更加愿意和更加有魅力的人接觸。其實(shí)這種感覺(jué)還挺重要的,比如我一直覺(jué)得IOS不是那么好用,但是它確實(shí)有特別多可圈可點(diǎn)的地方,只是我覺(jué)得它自由度不夠所以IOS系統(tǒng)對(duì)我來(lái)說(shuō)是缺乏魅力的。
關(guān)于聯(lián)想
聯(lián)想就是說(shuō),當(dāng)我們碰見(jiàn)這個(gè)產(chǎn)品的時(shí)候可以聯(lián)想到那些東西。最近的例子我想到的就是小米MIX的廣告。

讓用戶(hù)將小米MIX和神秘的黑碑聯(lián)想在一起,激發(fā)用戶(hù)對(duì)小米MIX的好奇心和神秘感。我覺(jué)得這種聯(lián)想比之前常用的黑科技好多了,畢竟我認(rèn)為只有索尼才當(dāng)?shù)闷鸷诳萍肌?/p>
總結(jié)
美學(xué)只是交互設(shè)計(jì)的一個(gè)方面,我們最終的目的還是通過(guò)更好的設(shè)計(jì)來(lái)激發(fā)用戶(hù)的行為,以上通過(guò)人類(lèi)的認(rèn)知、情感和聯(lián)想來(lái)構(gòu)建更加貼近生活的交互設(shè)計(jì),目的就是為了不讓用戶(hù)處在一個(gè)陌生的環(huán)境當(dāng)中,可以讓用戶(hù)更快的接觸和了解我們?cè)O(shè)計(jì)的產(chǎn)品。