• <strike id="2k0e4"></strike>
    <ul id="2k0e4"><tbody id="2k0e4"></tbody></ul>
  • <th id="2k0e4"><menu id="2k0e4"></menu></th>
  • UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    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à)值:

    用戶界面

    因此人們通常認(rèn)為,在用戶界面上使用一些視覺(jué)元素,諸如:插畫(huà)、圖形、色彩、排版、圖標(biāo)等會(huì)給我們?cè)O(shè)計(jì)的產(chǎn)品帶來(lái)比較好的視覺(jué)吸引力。
    ?

    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é)感知

    視覺(jué)感知是向大腦發(fā)送信息最有效、最快的方式之一。
    ?
    根據(jù)《思考,快與慢》的作者丹尼爾·卡尼曼的說(shuō)法,這是因?yàn)槲覀兊拇竽X有兩個(gè)系統(tǒng),第一個(gè)系統(tǒng)稱為:系統(tǒng)1(感性思維,依賴于情感、記憶和經(jīng)驗(yàn)作出迅速的反應(yīng)和判斷),第二個(gè)系統(tǒng)為:系統(tǒng)2(理性思維,通過(guò)調(diào)動(dòng)注意力來(lái)分析、思考、解決問(wèn)題,并作出決定。
    ?
    關(guān)鍵是當(dāng)我們使用插畫(huà)、圖形、色彩等視覺(jué)元素時(shí),我們的大腦會(huì)立即運(yùn)行系統(tǒng)1,因此我們所吸收信息的速度要快得多,比如當(dāng)我們看到下圖時(shí),會(huì)立即觸發(fā)系統(tǒng)1,只有在遇到問(wèn)題時(shí)我們才會(huì)切換至系統(tǒng)2。
    ?

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    根據(jù)S.Thorpe 的一項(xiàng)研究表明,人類視覺(jué)系統(tǒng)中的處理速度非常快,大腦處理圖像只需要150ms,而理解圖像的意思僅需要100ms。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    研究表明,我們大腦識(shí)別圖像、顏色、插畫(huà)等的速度比文本內(nèi)容快6萬(wàn)倍,但僅使用這些視覺(jué)元素并不能完全代替文本或標(biāo)簽,通常將它們組合在一起,可以使界面的識(shí)別速度更快、更高效
    ?
    但是,并非所有用戶群體的識(shí)別率都是一樣的。
    ?
    研究表明,識(shí)別率隨著年齡的增長(zhǎng)而下降。如下圖,數(shù)據(jù)顯示:60歲以上的用戶對(duì)圖標(biāo)含義的識(shí)別率為60%,而20-30歲的用戶對(duì)圖標(biāo)含義的識(shí)別率高達(dá)90%

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    此外,圖標(biāo)的復(fù)雜度影響視覺(jué)識(shí)別。如下圖,數(shù)據(jù)顯示:鬧鐘的識(shí)別率為100%,而日歷的識(shí)別率只有40%。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    二. 加強(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%。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    實(shí)驗(yàn)還表明,圖片記憶始終優(yōu)于語(yǔ)言記憶

    第一,因?yàn)閳D像的記憶能力幾乎是無(wú)限的。

    第二,因?yàn)閳D像比文本有更好的記憶率。而且,生動(dòng)的圖像比正常的圖像能更好的保存在我們的大腦中。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    視覺(jué)與聽(tīng)覺(jué)也是有差異的,在埃德加·戴爾的一項(xiàng)研究中表明,當(dāng)人們聽(tīng)到信息時(shí),3天后該信息被記住的可能性約為15%。但是當(dāng)相同的信息用視覺(jué)元素去表達(dá)時(shí),3天后該信息被記住的可能性將近55%。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    三. 觸發(fā)愉悅感

    通過(guò)研究專家Piotr Winkielman與John T. Cacioppo的一項(xiàng)名為“頭腦輕松,面帶微笑”的研究中表明,當(dāng)我們的大腦通過(guò)少量的認(rèn)知就可以快速理解時(shí),我們的身體就會(huì)做出積極的反應(yīng),從而觸發(fā)一種愉悅感

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    實(shí)驗(yàn)讓參與者觀察一系列圖像,同時(shí)監(jiān)控他們的表情。由于表情的變化過(guò)于微妙和短暫,觀察者無(wú)法察覺(jué),所以在臉頰、眉毛和眼睛周圍放置了設(shè)備,以監(jiān)測(cè)圖像上情緒波動(dòng)的跡象。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    研究表明:當(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%。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    我們來(lái)看下Uber是如何通過(guò)更改視覺(jué)元素來(lái)優(yōu)化著落頁(yè)的?

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    通過(guò)替換第一頁(yè)的封面圖片和排版,100%的測(cè)試人員可以看到標(biāo)題,而在上一個(gè)版本中只有90%的測(cè)試人員看到,這意味著有10%的人沒(méi)有注意到標(biāo)題內(nèi)容。

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    此外,新版標(biāo)題被識(shí)別時(shí)間大約為1秒,舊版本中用戶則需要1.5秒才看到標(biāo)題。

    為什么會(huì)有這些變化呢?

    盡管進(jìn)行了一些排版細(xì)微上的調(diào)整,比如將標(biāo)題字號(hào)放大、加粗、優(yōu)化文本等,但是對(duì)數(shù)據(jù)影響最大的是更改了封面圖片

    UI視覺(jué)設(shè)計(jì)在產(chǎn)品中的作用和價(jià)值

    五. 可訪問(wèn)性

    最后,界面中的圖標(biāo)、色彩、插圖以及其他類型的視覺(jué)元素可以使產(chǎn)品更容易訪問(wèn),特別不同用戶群在使用產(chǎn)品時(shí)。

    因此,我們可以說(shuō)圖形化的運(yùn)用提高了整體的理解力。此外,對(duì)于那些文本識(shí)別障礙(如閱讀障礙、閱讀困難或無(wú)法閱讀)的用戶來(lái)說(shuō),圖形化也會(huì)打破他們的感知界限。




    請(qǐng)輸入姓名或昵稱
    如果您有任何疑問(wèn)、需要更多信息或希望與我們建立合作請(qǐng)留言
    =

    本文來(lái)自網(wǎng)絡(luò),經(jīng)授權(quán)后發(fā)布,本文觀點(diǎn)不代表Infocode藍(lán)暢信息技術(shù)立場(chǎng),轉(zhuǎn)載請(qǐng)聯(lián)系原作者。

    (1)
    Infocode藍(lán)暢Infocode藍(lán)暢
    上一篇 2024年3月12日 下午5:13
    下一篇 2022年6月14日 下午11:30

    相關(guān)文章內(nèi)容推薦

    主站蜘蛛池模板: 久久人妻无码中文字幕| 无码日韩人妻av一区免费| 精品亚洲AV无码一区二区三区| 日韩精品无码一区二区视频| 亚洲AV无码一区东京热久久| 亚洲欧洲免费无码| 国产精品成人无码久久久久久 | 亚洲Av永久无码精品一区二区| 中文字幕无码无码专区| 精品日韩亚洲AV无码一区二区三区| 日韩精品无码久久一区二区三| 久久伊人亚洲AV无码网站| 久久久无码精品亚洲日韩蜜臀浪潮 | 亚洲精品无码午夜福利中文字幕 | 亚洲精品无码av人在线观看| 18禁网站免费无遮挡无码中文 | 欧洲精品久久久av无码电影| 无码人妻精品丰满熟妇区| 久久av无码专区亚洲av桃花岛| av无码东京热亚洲男人的天堂| 无码国产精品一区二区免费式芒果 | 日韩成人无码中文字幕| 亚洲中文无码亚洲人成影院| 亚洲AV无码久久| 日韩av无码中文无码电影| 少妇极品熟妇人妻无码| 午夜爽喷水无码成人18禁三级 | 亚洲精品无码你懂的网站| 国模无码一区二区三区| 午夜麻豆国产精品无码 | 亚洲AV无码一区二区三区牛牛| 中文无码伦av中文字幕| 在线观看免费无码专区| 日日日日做夜夜夜夜无码| 国产免费黄色无码视频| 东京热无码一区二区三区av| 国产成人精品无码一区二区| 红桃AV一区二区三区在线无码AV| 亚洲中文字幕伊人久久无码| 亚洲精品午夜无码电影网| 无码AV天堂一区二区三区|