UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。
好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。
今天我們來(lái)聊一下UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值：
用戶界面
但是這些視覺(jué)元素有效嗎？它們對(duì)我們有什么好處？他們的影響是什么？最后，是什么讓我們相信它們?cè)谟脩襞c產(chǎn)品的交互中起著重要的作用？
為了回答這些問(wèn)題，我做了一次調(diào)研，采訪了各類設(shè)計(jì)師，調(diào)查了一些關(guān)于用戶行為的研究。因此，我總結(jié)了5個(gè)理由來(lái)解釋：為什么視覺(jué)設(shè)計(jì)對(duì)于用戶行為和整體產(chǎn)品體驗(yàn)如此重要：
一. 加速視覺(jué)感知
此外，圖標(biāo)的復(fù)雜度影響視覺(jué)識(shí)別。如下圖，數(shù)據(jù)顯示：鬧鐘的識(shí)別率為100%，而日歷的識(shí)別率只有40%。
二. 加強(qiáng)長(zhǎng)期記憶
即使圖片只展示一次，人類也具有令人驚艷的長(zhǎng)期記憶的能力。這使得我們?cè)诋a(chǎn)品設(shè)計(jì)中使用視覺(jué)元素成為用戶體驗(yàn)的一種方式。
研究表明，當(dāng)被要求在兩個(gè)不同的測(cè)試中記住612張圖片時(shí)，觀眾在6秒內(nèi)命中率高達(dá)98%。與單詞或短句記憶測(cè)驗(yàn)相比，這一比率下降到88%。
實(shí)驗(yàn)還表明，圖片記憶始終優(yōu)于語(yǔ)言記憶。
第一，因?yàn)閳D像的記憶能力幾乎是無(wú)限的。
第二，因?yàn)閳D像比文本有更好的記憶率。而且，生動(dòng)的圖像比正常的圖像能更好的保存在我們的大腦中。
視覺(jué)與聽(tīng)覺(jué)也是有差異的，在埃德加·戴爾的一項(xiàng)研究中表明，當(dāng)人們聽(tīng)到信息時(shí)，3天后該信息被記住的可能性約為15%。但是當(dāng)相同的信息用視覺(jué)元素去表達(dá)時(shí)，3天后該信息被記住的可能性將近55%。
三. 觸發(fā)愉悅感
通過(guò)研究專家Piotr Winkielman與John T. Cacioppo的一項(xiàng)名為“頭腦輕松，面帶微笑”的研究中表明，當(dāng)我們的大腦通過(guò)少量的認(rèn)知就可以快速理解時(shí)，我們的身體就會(huì)做出積極的反應(yīng)，從而觸發(fā)一種愉悅感。
實(shí)驗(yàn)讓參與者觀察一系列圖像，同時(shí)監(jiān)控他們的表情。由于表情的變化過(guò)于微妙和短暫，觀察者無(wú)法察覺(jué)，所以在臉頰、眉毛和眼睛周圍放置了設(shè)備，以監(jiān)測(cè)圖像上情緒波動(dòng)的跡象。
研究表明：當(dāng)圖像更容易識(shí)別時(shí)，人們會(huì)漏出輕微的笑容和額頭放松。這似乎是系統(tǒng)1的一個(gè)特點(diǎn)，即認(rèn)知舒適度與良好的感覺(jué)有關(guān)。
因此，由于視覺(jué)元素的使用首先驅(qū)動(dòng)了系統(tǒng)1的快速和自動(dòng)化識(shí)別，可以說(shuō)這些視覺(jué)元素的使用也為用戶在使用產(chǎn)品的過(guò)程中提供了愉悅感。
四. 引導(dǎo)注意力
視覺(jué)元素可以改善整個(gè)界面導(dǎo)航。字體、留白、CTA、排版和圖像等都可以作為模塊間的可視分隔符，使用戶可以清楚地看到前面發(fā)生的事情。
尼爾森的一項(xiàng)研究表明，盡管文本內(nèi)容占用了316%的屏幕空間，但用戶看圖片的時(shí)間比看文本的時(shí)間多10%。
我們來(lái)看下Uber是如何通過(guò)更改視覺(jué)元素來(lái)優(yōu)化著落頁(yè)的？
通過(guò)替換第一頁(yè)的封面圖片和排版，100%的測(cè)試人員可以看到標(biāo)題，而在上一個(gè)版本中只有90%的測(cè)試人員看到，這意味著有10%的人沒(méi)有注意到標(biāo)題內(nèi)容。
此外，新版標(biāo)題被識(shí)別時(shí)間大約為1秒，舊版本中用戶則需要1.5秒才看到標(biāo)題。
為什么會(huì)有這些變化呢？
盡管進(jìn)行了一些排版細(xì)微上的調(diào)整，比如將標(biāo)題字號(hào)放大、加粗、優(yōu)化文本等，但是對(duì)數(shù)據(jù)影響最大的是更改了封面圖片。
五. 可訪問(wèn)性
最后，界面中的圖標(biāo)、色彩、插圖以及其他類型的視覺(jué)元素可以使產(chǎn)品更容易訪問(wèn)，特別不同用戶群在使用產(chǎn)品時(shí)。
因此，我們可以說(shuō)圖形化的運(yùn)用提高了整體的理解力。此外，對(duì)于那些文本識(shí)別障礙（如閱讀障礙、閱讀困難或無(wú)法閱讀）的用戶來(lái)說(shuō)，圖形化也會(huì)打破他們的感知界限。
本文來(lái)自網(wǎng)絡(luò)，經(jīng)授權(quán)后發(fā)布，本文觀點(diǎn)不代表Infocode藍(lán)暢信息技術(shù)立場(chǎng)，轉(zhuǎn)載請(qǐng)聯(lián)系原作者。
