亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

400-611-9921

當前位置:首頁 > 新聞資訊 > 建站知識
這6種使用插畫的方法可以提升網(wǎng)站用戶體驗

2017-12-29

2636

相比于文字,視覺對于用戶的影響更為直接、明顯。人們對于圖形和視覺信息的處理速度更快,這是深入人類基因的基本特征。這也是為什么圖片和插畫對于設(shè)計有著巨大的影響。

在現(xiàn)代的用戶界面當中,圖片和插畫和文本內(nèi)容同樣是核心的交互元素,而插畫作為一種承載著多樣藝術(shù)風(fēng)格和內(nèi)容的視覺載體,它可大可小,可以作為主視覺而存在,也同樣可以作為點綴和裝飾,甚至可以作為小圖標成為交互的關(guān)鍵因素。今天縱天廣州網(wǎng)站建設(shè)公司的文章我們會從現(xiàn)代UI設(shè)計的角度,來回顧一下插畫的主要功能。

插畫是如何提升用戶體驗的

和其他的視覺元素相似,插畫可以是用戶和界面之間進行溝通的有效工具。精心制作的插畫對于用戶體驗有著明顯的提升:

吸引用戶的注意力,以視覺的方式提供關(guān)鍵的、易于理解的信息。
將復(fù)雜的信息清晰地勾勒出來。使用視覺化的內(nèi)容來呈現(xiàn)想法,甚至不需要過多的語言來說明。
可以吸引用戶。漂亮的插畫能夠引起用戶對于產(chǎn)品本社你的興趣。
激發(fā)用戶的想象力。插畫有著融合現(xiàn)實和想象的可能。


1、更快地呈現(xiàn)主要特點


正如同前文所述,插畫有著強大的闡釋能力。在網(wǎng)頁和APP設(shè)計當中,有許多不同的插畫展現(xiàn)形式來提升界面的用戶體驗。最典型的,就是新用戶第一次打開APP的時候,會看到帶有插畫的新用戶引導(dǎo)流程,視覺化的設(shè)計讓用戶可以更快了解APP的特色和使用技巧。插畫讓設(shè)計師避免了在屏幕上放置大量的文本說明。

插畫讓設(shè)計師可以更好地呈現(xiàn)產(chǎn)品不同的功能模塊。

插畫還可以更好地展現(xiàn)不同的服務(wù)套餐之間的差異。

最重要的是,插畫能夠通過幽默有趣的展現(xiàn)形式,讓產(chǎn)品顯得更加富有人性化。

這是Google 的報錯頁面。


2、創(chuàng)造更多難忘的體驗

我們?nèi)粘J褂玫腁PP和網(wǎng)站其實非常多,但是真正能夠創(chuàng)造令人難忘體驗的產(chǎn)品并不多。

作為設(shè)計師,想創(chuàng)造一個令人難忘的體驗,我們需要真正了解人類大腦的運作方式。Barbara Fredrickson 和 Daniel Kahneman 曾經(jīng)提出了一種啟發(fā)式的“高峰期規(guī)則”,根據(jù)這一規(guī)則,人們更加傾向于基于他們感受的高峰期(情緒和體驗最強烈的時刻)來判斷體驗或者經(jīng)驗,相反,不會根據(jù)體驗的平均值來判斷一個事務(wù)的好壞。無論這種高峰期是愉快還是不愉快,他們的效果最終都會保留到最終的評判。

換句話來說,在我們回憶過往的體驗之時,其實是更加傾向于回憶當時的關(guān)鍵性事件,而非完整地回憶整個過程。所以,在進行設(shè)計的時候,盡量創(chuàng)造一個令人足夠愉悅的快樂體驗,能夠更好地提升品牌知名度和好評度。

在許多產(chǎn)品設(shè)計的時候,吉祥物被視作為創(chuàng)造優(yōu)秀體驗的重要載體,因為它常常作為品牌和用戶之間產(chǎn)生情感聯(lián)系的載體。

Silverback 是一款 Mac平臺的應(yīng)用程序,它使用大猩猩來作為吉祥物。


3、創(chuàng)造與用戶直接聯(lián)系的體驗


每個用戶同產(chǎn)品進行互動都是一次獨立的歷程,每個歷程背后都藏著用戶想通過產(chǎn)品達成的目標。如果能將整個歷程轉(zhuǎn)化為角色化的歷程,并且將用戶目標設(shè)置為整個歷程的終點,那么插畫能夠成為勾連用戶和用戶歷程的載體。

Omono 就是一個很好的案例。這款應(yīng)用使用貓頭鷹來引導(dǎo)用戶逐個通過不同的界面,完成任務(wù),讓產(chǎn)品以更加友好的方式呈現(xiàn)在用戶面前,幫助他們達成目標。


4、強化已有的概念


插畫不僅僅能夠進行具體的說明,還能夠為網(wǎng)站或者APP強化整體的風(fēng)格,在視覺上提供支撐。插畫能夠結(jié)合品牌的LOGO、字體、色彩對于整個產(chǎn)品產(chǎn)生顯著的影響。當設(shè)計師開始根據(jù)特定的風(fēng)格定位來制作插畫的時候,能夠通過元素的融合和調(diào)整,營造出更為自然協(xié)調(diào)的感覺。為了達到這個目標,插畫的一致性一定要特別注意。一旦做好,插畫能夠很好的強化已有的概念。



5、讓交互更加鮮活

現(xiàn)在面對APP和網(wǎng)頁的時候,我們很少將他們視作為靜態(tài)頁面了,因為交互的概念已經(jīng)深入習(xí)慣了,轉(zhuǎn)場動效和動畫作為界面和界面、狀態(tài)和狀態(tài)之間的連接普遍存在,他們彌合了體驗之間的裂縫,讓產(chǎn)品更加自然。同樣的,插畫在這個環(huán)節(jié)也是廣泛存在,它們提供了真正令人難忘的體驗,讓交互更加富有生命力。

就像提供專業(yè)文檔服務(wù)的 Readme.io,每次用戶輸入密碼的時候,都會看到微笑的動態(tài)插畫。人們喜歡這樣的設(shè)計,這會讓產(chǎn)品顯得更加人性化。


6、增加游戲化的體驗

游戲化設(shè)計是目前越來越流行的提升用戶參與度的技術(shù)。設(shè)計師可以在界面中采用插畫來強化游戲化的設(shè)計,無論是用戶歷程還是成就系統(tǒng),都非常適合使用插畫來呈現(xiàn)。


本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技

標簽:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁設(shè)計公司,廣州網(wǎng)站設(shè)計公司,網(wǎng)站建設(shè) 廣州,廣州 網(wǎng)站建設(shè),廣州企業(yè)網(wǎng)站建設(shè),營銷型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計,廣州網(wǎng)站開發(fā),網(wǎng)站制作設(shè)計

免費咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護中,請放心填寫
關(guān)閉
免費獲取方案