合理的功能是良好的用戶體驗(yàn)基礎(chǔ)。但我們都只關(guān)注函數(shù)嗎?用戶是人，他們不僅有解決問題的邏輯，也有情緒支配他們的決定。支持這兩種方法的訣竅是將插圖應(yīng)用于web和移動(dòng)接口。讓我們看看它們是如何增強(qiáng)UI設(shè)計(jì)的。
一、什么是插圖？
插圖使一個(gè)故事的一個(gè)片斷可視化。它展示了一個(gè)過程、動(dòng)作、環(huán)境等的視覺解釋。它與純粹藝術(shù)的不同之處在于交流的目的:插圖提供信息，傳遞信息。它們通常是為某種目的而創(chuàng)建的，并集成到各種出版媒體中，包括印刷媒體和交互式媒體。插圖也成功地作為一種裝飾，添加風(fēng)格的環(huán)境或媒體應(yīng)用。
二、插圖對(duì)用戶體驗(yàn)的好處
在這個(gè)信息消費(fèi)迅速而龐大的時(shí)代，視覺效果的作用越來(lái)越大。根據(jù)S.Thorpe，D.Fize和C. Marlot 對(duì)人類視覺系統(tǒng)處理速度的探索，人們平均需要150毫秒來(lái)處理圖片，并且需要100毫秒才能理解其意義。圖片更容易記憶和回憶，不同語(yǔ)言的人，無(wú)論他們的閱讀能力如何，他們傳達(dá)的信息都是清晰的。這就是為什么信息圖、圖標(biāo)、插圖和其他圖形設(shè)計(jì)師的資產(chǎn)被廣泛使用的原因。
簡(jiǎn)單的說(shuō)，在UI中使用自定義插圖有五大好處 ：
-
它們比文本更快被感知，因此用戶可以快速覆蓋關(guān)鍵信息
-
它們支持頁(yè)面或屏幕的可視層次結(jié)構(gòu)
-
它們?cè)鰪?qiáng)了界面的美感和情感吸引力
-
它們激活了色彩、形狀和視覺隱喻的心理
-
這些都很吸引人，并吸引用戶注意必要的細(xì)節(jié)
應(yīng)用于網(wǎng)站和移動(dòng)應(yīng)用，首先，插圖是另一個(gè)功能元素，只有在那之后裝飾。要發(fā)現(xiàn)上面提到的所有好處，分析目標(biāo)受眾并找到有助于用戶導(dǎo)航和實(shí)現(xiàn)目標(biāo)的想法和隱喻是至關(guān)重要的。另一件事是UI插圖應(yīng)該是簡(jiǎn)潔的，并且適當(dāng)?shù)厥褂?過高的圖形強(qiáng)度會(huì)增加界面超載的風(fēng)險(xiǎn)。
三、UI插圖的類型
在現(xiàn)代界面中，我們可以找到各種風(fēng)格和方向表達(dá)在插圖中，從矢量圖像和圖標(biāo)到精心制作的數(shù)字藝術(shù)品。作為功能布局元素，它們可以滿足不同的需求和功能。
新員工培訓(xùn)
“入職”是從就業(yè)和人力資源領(lǐng)域引入U(xiǎn)X設(shè)計(jì)的概念。它處理一些步驟和技術(shù)，幫助新手理解接口如何工作。此外，當(dāng)新特性和更新被引入或用戶與非典型功能交互時(shí)，它也被應(yīng)用。
許多數(shù)字產(chǎn)品，包括像Dropbox和Slack這樣的大公司，有效地為這個(gè)目標(biāo)應(yīng)用了插圖。支持有意義的藝術(shù)作品的入職支持，允許更快的解釋功能，并使UI生動(dòng)。
主題
另一種類型的插畫是那些能立即設(shè)定網(wǎng)站或應(yīng)用的總體主題和情緒的插畫。它們呈現(xiàn)出強(qiáng)烈的視覺隱喻和聯(lián)想，從互動(dòng)的第一秒起就建立起一種情感訴求。它節(jié)省了用戶的時(shí)間和精力，支持積極的用戶體驗(yàn)和創(chuàng)造必要的氛圍。
教程
教程和工具提示插圖展示了可視化提示。這種類型激活了解釋的潛力，其主要目的是澄清或鼓勵(lì)具體的行動(dòng)。對(duì)于不喜歡或無(wú)法閱讀副本的人來(lái)說(shuō)，這種類型的圖像使UI更加友好。它尤其適用于屏幕空間有限的移動(dòng)界面。另一方面，這意味著即使是最細(xì)微的細(xì)節(jié)都應(yīng)該考慮清楚，不要引起誤解。顯然，教程插圖是針對(duì)青少年和兒童的應(yīng)用程序的一個(gè)好主意。
獎(jiǎng)勵(lì)
獎(jiǎng)勵(lì)是另一種流行的界面插圖。例如：徽章、貼紙、獎(jiǎng)?wù)?、星星、杯子以及其他類似的東西都為用戶體驗(yàn)增加了游戲化，標(biāo)志著用戶的進(jìn)步。有什么比感覺自己是贏家更甜蜜的呢?
吉祥物
吉祥物是人格化的角色，可以輕松地為界面添加擬人化。它們成為界面和用戶之間的一種溝通者。吉祥物對(duì)網(wǎng)站或應(yīng)用程序的聲音和語(yǔ)氣做出了很大貢獻(xiàn)，甚至可以成為產(chǎn)品的隱喻面孔。這些圖像的象征性使它們令人難忘：它們將生命注入到互動(dòng)之中。
娛樂
有時(shí)候，UI插圖的主要目的是娛樂用戶。你可能會(huì)說(shuō)它與功能無(wú)關(guān)，這可能是對(duì)的。但它直接關(guān)系到情感和審美滿足感。誰(shuí)說(shuō)美麗、時(shí)尚或者只是樂趣不能成為留住用戶的可靠因素?
寫在最后
Aarron Walter 在他的“ 為情感設(shè)計(jì)”一書中說(shuō)：“我們一直在設(shè)計(jì)可使用的界面，就像廚師烹飪可食用食物一樣。當(dāng)然，我們都想吃有營(yíng)養(yǎng)價(jià)值的可食用食品，但我們也渴望味道。當(dāng)我們能夠使界面既可用又令人愉快時(shí)，為什么我們滿足于使用它呢?插畫有一種強(qiáng)大的力量，它能給每一件接觸到的東西添加美感、情感甚至故事情節(jié)。這使得它們值得作為一種增強(qiáng)用戶界面的強(qiáng)大方式來(lái)考慮。