設(shè)計沉思錄 | 插畫提升用戶體驗(yàn)
編輯導(dǎo)語:我們應(yīng)該都能感覺到,太多的文字看久了會比較疲勞,而且文字也不能完全的感受到想表達(dá)的情緒;這時候插畫就起到了很重要的作用,在使用某款軟件時,有趣可愛的插畫會讓你的等待時間不再焦躁;本文作者分析了關(guān)于插畫如何提升用戶體驗(yàn),我們一起來看一下。
如今互聯(lián)網(wǎng)產(chǎn)品設(shè)計越來越精美,如何標(biāo)新立異,使自己的產(chǎn)品在設(shè)計上能夠與其他產(chǎn)品形成差異化呢?
想要提升用戶體驗(yàn),首先要引起用戶的注意,那么將表現(xiàn)形式豐富的插畫運(yùn)用在APP及運(yùn)營設(shè)計當(dāng)中,自然成為很好的方式。
自從IOS 11開始,App Store中就使用了很多的插畫,增加使用場景,給用戶帶來了全新的體驗(yàn),可見大量采用插畫表現(xiàn)已是近些年互聯(lián)網(wǎng)產(chǎn)品的整體狀態(tài);因?yàn)橄噍^于文字,人類本能的更喜歡看畫,繪畫不僅表現(xiàn)形式豐富,有時還有“一圖勝千言”的作用。
插畫運(yùn)用到產(chǎn)品設(shè)計中也有很豐富的表現(xiàn)形式,常見有扁平、肌理、描邊、手繪、立體等等風(fēng)格;應(yīng)用場景也從運(yùn)營活動、H5、banner設(shè)計,到新手引導(dǎo)、開屏、功能介紹、icon、缺省頁、logo等等,可以說覆蓋了到了產(chǎn)品設(shè)計的各個方面。
那么插畫是怎樣提升用戶體驗(yàn)的呢?
具體可以從信息傳達(dá)和情感表達(dá)兩部分體現(xiàn):
一、信息傳達(dá)
1. 承載更多信息,更直觀
58房產(chǎn)今年的春運(yùn)活動中的游戲任務(wù)是集齊卡片,這套卡片不僅是游戲的道具,還展示了房產(chǎn)現(xiàn)有的品牌和特色功能。
這些產(chǎn)品介紹如果只是文字的描述就很蒼白無趣,但通過插畫的使用,生動直接的體現(xiàn)了每個業(yè)務(wù)的特點(diǎn);并描繪出用戶的體驗(yàn)場景,展示了我們的服務(wù),同時讓我們的業(yè)務(wù)和品牌在游戲娛樂中得以傳播。
游戲卡片設(shè)計
2. 降低理解成本,提高信息傳達(dá)效率
這是租房頻道中視頻看房的拍攝引導(dǎo)動畫,通過扁平插畫和動效的結(jié)合,直觀地演示了幾個拍攝技巧;這種通俗易懂的方式降低了學(xué)習(xí)成本,對比文字或真人教學(xué)無趣枯燥的形式,小動畫的出現(xiàn)無疑是更吸引人的。
新手引導(dǎo)
3. 激發(fā)想象力
這兩幅分別是前幾年趕集APP在端午節(jié)和教師節(jié)的開屏畫面,當(dāng)時趕集網(wǎng)的產(chǎn)品核心是增強(qiáng)社交屬性,突出人與人之間的關(guān)系。
所以在創(chuàng)作時就構(gòu)思了相應(yīng)的故事場景,和很多開屏設(shè)計只是節(jié)日元素堆砌形成差異化;且這種故事性的插畫能夠激發(fā)用戶的想象力,讓人結(jié)合自身展開聯(lián)想,更有參與感。
開屏設(shè)計
二、情感表達(dá)
1. 降低不良情緒
插畫在app中最常用的使用場景之一就是缺省圖,通過幽默或者溫馨的小圖,有時舒緩了一些尷尬的情況,有時也起到了提醒作用,降低了用戶可能會出現(xiàn)的不良情緒;甚至增加了些許溫暖,也為產(chǎn)品增色。
這些是為房產(chǎn)頻道探索設(shè)計的2.5D風(fēng)格的缺省圖:
缺省頁設(shè)計
2. 滿足對未知的探求,好奇心
這張圖曾出現(xiàn)在趕集APP首屏廣告位中,是當(dāng)時半年內(nèi)點(diǎn)擊數(shù)據(jù)第一名的banner。
這張文案和插畫相得益彰的banner,能在30多個banner中脫穎而出,說明了其足夠吸引人,激發(fā)了用戶的好奇心去點(diǎn)擊。
Banner設(shè)計
3. 增加氣氛
在APP中,更換皮膚是增加節(jié)日或者活動氣氛最直接的方式了。
這是商業(yè)地產(chǎn)近期的運(yùn)營活動——辦公季的金剛位icon設(shè)計,活動需要穩(wěn)重中帶有優(yōu)惠的氣質(zhì);所以結(jié)合產(chǎn)品特點(diǎn),設(shè)計了十棟造型不同的辦公大樓,加以動感的氣球和彩帶裝飾點(diǎn)綴,整體氣氛油然而生。
皮膚設(shè)計
4. 增加趣味性
插畫在運(yùn)營活動中的應(yīng)用就更加廣泛了,這是18年房產(chǎn)春運(yùn)活動中的游戲頁面,采用當(dāng)年的生肖狗作為游戲的主人公:狗哥帶著金鏈子,叼著雪茄——這樣一個形象就代表了平臺,給用戶傳達(dá)出我們有錢有獎要送的信息。
用戶在參與游戲,猛戳按鈕的時候,看到倒計時,刺激性的提示語,小狗幽默搞笑的表情和動作,聽到歡樂的狗叫聲;就會產(chǎn)生濃厚的興趣、緊迫感和想要點(diǎn)擊的沖動,進(jìn)而刺激參與活動,并持續(xù)玩下去。
活動期間,這個游戲很受歡迎,整個活動的最終效果也不錯。
運(yùn)營活動設(shè)計
5. 增加美感
作為繪畫藝術(shù)的應(yīng)用,插畫最重要的價值自然還有增加美感,讓人賞心悅目;用戶在使用產(chǎn)品的同時,美麗的插畫能使人放松下來,精神愉悅。
產(chǎn)品設(shè)計如果能夠多維度的滿足用戶,讓用戶流連忘返,不正是我們設(shè)計師的追求嗎?
三、總結(jié)
通過一系列案例可以看出,插畫在產(chǎn)品設(shè)計中的應(yīng)用不僅可以傳達(dá)信息,還能表達(dá)情感,是非常豐富且實(shí)用的表現(xiàn)形式。
它就像是連接產(chǎn)品與用戶之間的橋梁,通過插畫不同的表現(xiàn)形式可以欣賞到一路不同的風(fēng)景,傳達(dá)不同的信息和情感;豐滿了產(chǎn)品的同時也愉悅的用戶,用戶體驗(yàn)自然得到提升。
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計中心(微信公眾號@58UXD)
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!