UI插畫設(shè)計如何提升用戶體驗

人是高度視覺化的生物亿傅,能夠即時處理大量的視覺信息,據(jù)統(tǒng)計我們所獲取的90%的信息都是視覺化的淤年。單一圖像比起大塊的文本對于用戶而言更容易消化吸收钧敞。因此蜡豹,在許多情況下,靜態(tài)的圖片能夠傳達出相當(dāng)復(fù)雜多樣的想法溉苛,尤其是在進行大范圍展示的時候镜廉,它比文本的表現(xiàn)力要強的多。人的大腦對與圖像信息的處理速度要比識別文本要快得多愚战。

長期以來娇唯,圖片都作為UI界面中最具有表現(xiàn)力的元素而存在,而最近幾年寂玲,插畫在UI中出現(xiàn)的比例越來越高塔插,在許多地方都有替代圖片的趨勢。其實原因并不復(fù)雜拓哟,插畫比起圖片可控性更強佑淀,更容易發(fā)揮創(chuàng)意,營造氛圍彰檬,傳遞信息伸刃。從內(nèi)容到技術(shù)細節(jié),插畫都在某種程度上超過現(xiàn)成的圖片逢倍。

插畫的特點

實際上捧颅,現(xiàn)在我們所說的插畫(illustration)的詞根 illustrate 原本的含義是“澄清,說明”较雕。在現(xiàn)代平面設(shè)計中碉哑,插畫是頗為常用的展示性元素,是視覺傳達的重要工具亮蒋。插畫在設(shè)計作品中扣典,常常用來引導(dǎo)、啟發(fā)和呈現(xiàn)信息慎玖,更有針對性地贮尖、視覺化地同用戶進行交流。真正高效的插畫一定是有針對性的趁怔,易于識別的湿硝,并且能夠被不同的用戶輕松理解的。

首頁插畫

好的網(wǎng)頁設(shè)計設(shè)計對于潛在用戶的影響是巨大的润努。許多用戶在判斷一個企業(yè)关斜、團隊或者品牌的優(yōu)劣的時候,他們的網(wǎng)站的優(yōu)劣是一個重要的判據(jù)铺浇。這也是為什么現(xiàn)如今網(wǎng)頁設(shè)計師們都在想盡一切辦法提升網(wǎng)頁的用戶體驗痢畜。這一點,網(wǎng)頁和現(xiàn)實世界是一樣的,好的第一印象往往源自于優(yōu)秀的視覺效果丁稀。吸引用戶繁涂,激發(fā)想象力,這樣才能和用戶構(gòu)建起緊密的關(guān)聯(lián)二驰。獨特而傳神的插畫的價值就在這里扔罪,尤其是當(dāng)這些獨特的插畫呈現(xiàn)在打開率最高的網(wǎng)頁首頁上的時候。和品牌氣質(zhì)所匹配的插畫不僅能夠幫網(wǎng)站篩選用戶桶雀,而且能夠強化品牌屬性矿酵。

吉祥物

品牌所傳遞的感受、氣質(zhì)最好的落腳點就是品牌代言人和品牌吉祥物矗积。吉祥物能夠讓虛擬的品牌調(diào)性更加真實全肮,作為品牌的外化表現(xiàn),吉祥物能夠讓品牌給人更加值得信賴的感覺棘捣,讓品牌更加富有吸引力辜腺。吉祥物的呈現(xiàn)形式很多,在網(wǎng)頁上乍恐,它通常是以插畫的形式出現(xiàn)的评疗。吉祥物在UI界面中出現(xiàn),能夠賦予界面交互以生命力茵烈,保持用戶持續(xù)的注意力百匆,成為整個用戶體驗中無法忽略的重要元素,提升整體的參與度呜投。

新手教程和新用戶引導(dǎo)流程

插畫還有一個重要功能加匈,就是提供視覺引導(dǎo)。插畫能夠?qū)?fù)雜的概念簡化為易于理解的視覺信息仑荐,圖片比文字的吶喊更加響亮雕拼,這也是為什么插畫會常常運用到新手教程和新用戶引導(dǎo)流程中來。

新手教程和新用戶引導(dǎo)流程常常會介紹應(yīng)用或網(wǎng)頁的主要功能粘招、優(yōu)點啥寇,插畫以圖形化的形式為用戶提供上下文環(huán)境,讓界面所要傳遞的信息更加明朗男图,幫助用戶明白如何執(zhí)行當(dāng)前步驟示姿,怎么進入下一步甜橱。當(dāng)頁面或者APP采用極簡設(shè)計的時候逊笆,界面搭配一幅簡單的插畫來傳遞關(guān)鍵性的信息,不需要太多的文本就可以了岂傲。

富有吸引力的插畫和強互動性的功能讓剛剛進入新用戶引導(dǎo)流程的用戶對APP產(chǎn)生興趣难裆,從中感到快樂的用戶會更加渴望使用APP。到了現(xiàn)在這個時間點,插畫和動效往往會搭配起來使用乃戈,達到最大化的效果褂痰。

使用插畫能將一個漫長無聊的教程變?yōu)橐欢斡腥さ穆贸獭O啾扔趶?fù)雜的文本解釋症虑,圖像缩歪、插畫和動效能讓用戶更輕松吸收和理解。即使你不會繪制復(fù)雜的插畫谍憔,簡單的漫畫也能夠達到類似的效果匪蝙。

獎勵界面插畫

對于游戲我們這代人應(yīng)該有所接觸,甚至非常熟悉习贫。幾乎每個游戲在達成成就逛球、闖過關(guān)卡之后,都會出現(xiàn)獎勵界面苫昌,“解鎖成就”這個詞就是由此而來的颤绕。解鎖成就為什么對于用戶這么重要呢?一方面,緊張的游戲過程帶來的成就感讓用戶感到快感祟身,另一方面奥务,解鎖成就的獎勵界面能夠給用戶一種屏幕背后有個真實的人在為他們慶賀。這是一種情感上的交互袜硫。

獎勵機制的核心在于汗洒,通過積極的情緒刺激來建立情感聯(lián)系。這種積極的情緒激勵嚴格意義上算是情感化設(shè)計的范疇父款,情感上的引導(dǎo)會讓用戶關(guān)注到他們想看的內(nèi)容溢谤,或者讓他們看的內(nèi)容,部分應(yīng)用的缺陷甚至可以被用戶所忽略憨攒。

成就徽章是成就系統(tǒng)中最常見的元素世杀,一系列設(shè)計精巧的徽章圖標(biāo)加上游戲和用戶互動,能夠讓用戶逐步沉迷到這套體系當(dāng)中肝集。

精致的插畫出現(xiàn)在成功狀態(tài)的頁面當(dāng)中瞻坝,能夠讓你的用戶感覺到被重視。

結(jié)語

插畫增強用戶體驗是客觀存在的杏瞻,它是提高UI吸引力的強大工具所刀。雖然插畫的運用并沒有太多硬性的規(guī)定,但是務(wù)必記住一點:確保插畫的可用性捞挥。插畫最終是要應(yīng)用到產(chǎn)品當(dāng)中浮创,成為產(chǎn)品和品牌的一部分。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末砌函,一起剝皮案震驚了整個濱河市斩披,隨后出現(xiàn)的幾起案子溜族,更是在濱河造成了極大的恐慌,老刑警劉巖垦沉,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件煌抒,死亡現(xiàn)場離奇詭異,居然都是意外死亡厕倍,警方通過查閱死者的電腦和手機寡壮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來讹弯,“玉大人诬像,你說我怎么就攤上這事≌⒂ぃ” “怎么了坏挠?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長邪乍。 經(jīng)常有香客問我降狠,道長,這世上最難降的妖魔是什么庇楞? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任榜配,我火速辦了婚禮,結(jié)果婚禮上吕晌,老公的妹妹穿的比我還像新娘蛋褥。我一直安慰自己,他們只是感情好睛驳,可當(dāng)我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布烙心。 她就那樣靜靜地躺著,像睡著了一般乏沸。 火紅的嫁衣襯著肌膚如雪淫茵。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天蹬跃,我揣著相機與錄音匙瘪,去河邊找鬼。 笑死蝶缀,一個胖子當(dāng)著我的面吹牛丹喻,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播翁都,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼碍论,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了荐吵?” 一聲冷哼從身側(cè)響起骑冗,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤赊瞬,失蹤者是張志新(化名)和其女友劉穎先煎,沒想到半個月后贼涩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡薯蝎,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年遥倦,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片占锯。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡袒哥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出消略,到底是詐尸還是另有隱情堡称,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布艺演,位于F島的核電站却紧,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏胎撤。R本人自食惡果不足惜晓殊,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伤提。 院中可真熱鬧巫俺,春花似錦、人聲如沸肿男。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽舶沛。三九已至痴昧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間冠王,已是汗流浹背赶撰。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留柱彻,地道東北人豪娜。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像哟楷,于是被迫代替她去往敵國和親瘤载。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容