• <bdo id="i4g44"></bdo>
    <code id="i4g44"><tr id="i4g44"></tr></code>
    <strike id="i4g44"></strike>
    <bdo id="i4g44"></bdo>

    UI視覺設計在產品中的作用和價值

    UI設計(或稱界面設計)是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI,互聯網常用的UI設計是虛擬UI,UI即User Interface(用戶界面)的簡稱。
    好的UI設計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現軟件的定位和特點。

    今天我們來聊一下UI視覺設計在產品中的作用和價值:

    用戶界面

    因此人們通常認為,在用戶界面上使用一些視覺元素,諸如:插畫、圖形、色彩、排版、圖標等會給我們設計的產品帶來比較好的視覺吸引力。
    ?

    UI視覺設計在產品中的作用和價值

    但是這些視覺元素有效嗎?它們對我們有什么好處?他們的影響是什么?最后,是什么讓我們相信它們在用戶與產品的交互中起著重要的作用?

    為了回答這些問題,我做了一次調研,采訪了各類設計師,調查了一些關于用戶行為的研究。因此,我總結了5個理由來解釋:為什么視覺設計對于用戶行為和整體產品體驗如此重要:

    一. 加速視覺感知

    視覺感知是向大腦發送信息最有效、最快的方式之一。
    ?
    根據《思考,快與慢》的作者丹尼爾·卡尼曼的說法,這是因為我們的大腦有兩個系統,第一個系統稱為:系統1(感性思維,依賴于情感、記憶和經驗作出迅速的反應和判斷),第二個系統為:系統2(理性思維,通過調動注意力來分析、思考、解決問題,并作出決定。
    ?
    關鍵是當我們使用插畫、圖形、色彩等視覺元素時,我們的大腦會立即運行系統1,因此我們所吸收信息的速度要快得多,比如當我們看到下圖時,會立即觸發系統1,只有在遇到問題時我們才會切換至系統2。
    ?

    UI視覺設計在產品中的作用和價值

    根據S.Thorpe 的一項研究表明,人類視覺系統中的處理速度非常快,大腦處理圖像只需要150ms,而理解圖像的意思僅需要100ms。

    UI視覺設計在產品中的作用和價值

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

    UI視覺設計在產品中的作用和價值

    此外,圖標的復雜度影響視覺識別。如下圖,數據顯示:鬧鐘的識別率為100%,而日歷的識別率只有40%。

    UI視覺設計在產品中的作用和價值

    二. 加強長期記憶

    即使圖片只展示一次,人類也具有令人驚艷的長期記憶的能力。這使得我們在產品設計中使用視覺元素成為用戶體驗的一種方式。

    研究表明,當被要求在兩個不同的測試中記住612張圖片時,觀眾在6秒內命中率高達98%。與單詞或短句記憶測驗相比,這一比率下降到88%。

    UI視覺設計在產品中的作用和價值

    實驗還表明,圖片記憶始終優于語言記憶

    第一,因為圖像的記憶能力幾乎是無限的。

    第二,因為圖像比文本有更好的記憶率。而且,生動的圖像比正常的圖像能更好的保存在我們的大腦中。

    UI視覺設計在產品中的作用和價值

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

    UI視覺設計在產品中的作用和價值

    三. 觸發愉悅感

    通過研究專家Piotr Winkielman與John T. Cacioppo的一項名為“頭腦輕松,面帶微笑”的研究中表明,當我們的大腦通過少量的認知就可以快速理解時,我們的身體就會做出積極的反應,從而觸發一種愉悅感

    UI視覺設計在產品中的作用和價值

    實驗讓參與者觀察一系列圖像,同時監控他們的表情。由于表情的變化過于微妙和短暫,觀察者無法察覺,所以在臉頰、眉毛和眼睛周圍放置了設備,以監測圖像上情緒波動的跡象。

    UI視覺設計在產品中的作用和價值

    研究表明:當圖像更容易識別時,人們會漏出輕微的笑容和額頭放松。這似乎是系統1的一個特點,即認知舒適度與良好的感覺有關

    因此,由于視覺元素的使用首先驅動了系統1的快速和自動化識別,可以說這些視覺元素的使用也為用戶在使用產品的過程中提供了愉悅感。

    四. 引導注意力

    視覺元素可以改善整個界面導航。字體、留白、CTA、排版和圖像等都可以作為模塊間的可視分隔符,使用戶可以清楚地看到前面發生的事情。

    尼爾森的一項研究表明,盡管文本內容占用了316%的屏幕空間,但用戶看圖片的時間比看文本的時間多10%。

    UI視覺設計在產品中的作用和價值

    我們來看下Uber是如何通過更改視覺元素來優化著落頁的?

    UI視覺設計在產品中的作用和價值

    通過替換第一頁的封面圖片和排版,100%的測試人員可以看到標題,而在上一個版本中只有90%的測試人員看到,這意味著有10%的人沒有注意到標題內容。

    UI視覺設計在產品中的作用和價值

    UI視覺設計在產品中的作用和價值

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

    為什么會有這些變化呢?

    盡管進行了一些排版細微上的調整,比如將標題字號放大、加粗、優化文本等,但是對數據影響最大的是更改了封面圖片

    UI視覺設計在產品中的作用和價值

    五. 可訪問性

    最后,界面中的圖標、色彩、插圖以及其他類型的視覺元素可以使產品更容易訪問,特別不同用戶群在使用產品時。

    因此,我們可以說圖形化的運用提高了整體的理解力。此外,對于那些文本識別障礙(如閱讀障礙、閱讀困難或無法閱讀)的用戶來說,圖形化也會打破他們的感知界限。




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

    本文來自網絡,經授權后發布,本文觀點不代表Infocode藍暢信息技術立場,轉載請聯系原作者。

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

    相關文章內容推薦

    主站蜘蛛池模板: 始兴县| 金昌市| 拉萨市| 鄂尔多斯市| 杂多县| 陆丰市| 精河县| 凤庆县| 来安县| 措勤县| 忻州市| 富川| 阿鲁科尔沁旗| 贞丰县| 女性| 丹巴县| 丰台区| 永济市| 社会| 金坛市| 丹东市| 唐海县| 波密县| 茌平县| 香河县| 勃利县| 琼中| 诸城市| 通榆县| 大足县| 农安县| 原阳县| 白玉县| 油尖旺区| 扶沟县| 囊谦县| 饶河县| 台安县| 玛曲县| 广宗县| 商南县|