## ##

        想要提升用戶體驗,這6種使用插畫的方法頗為不錯

        2017-12-27 10:17:23 閱讀 281117 本文來源:優秀網頁設計
        分享至:

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

        在現代的用戶界面當中,圖片和插畫和文本內容同樣是核心的交互元素,而插畫作為一種承載著多樣藝術風格和內容的視覺載體,它可大可小,可以作為主視覺而存在,也同樣可以作為點綴和裝飾,甚至可以作為小圖標成為交互的關鍵因素。今天的文章我們會從現代UI設計的角度,來回顧一下插畫的主要功能。


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

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

        吸引用戶的注意力,以視覺的方式提供關鍵的、易于理解的信息。

        將復雜的信息清晰地勾勒出來。使用視覺化的內容來呈現想法,甚至不需要過多的語言來說明。

        可以吸引用戶。漂亮的插畫能夠引起用戶對于產品本社你的興趣。

        激發用戶的想象力。插畫有著融合現實和想象的可能。

        1、更快地呈現主要特點

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

        20171227094909833.gif

        插畫讓設計師可以更好地呈現產品不同的功能模塊。

        20171227095507276.png

        插畫還可以更好地展現不同的服務套餐之間的差異。

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

        20171227095709403.png

        這是Google 的報錯頁面。


        2、創造更多難忘的體驗

        我們日常使用的app和網站其實非常多,但是真正能夠創造令人難忘體驗的產品并不多。

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

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

        在許多產品設計的時候,吉祥物被視作為創造優秀體驗的重要載體,因為它常常作為品牌和用戶之間產生情感聯系的載體。

        20171227100052357.png

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


        3、創造與用戶直接聯系的體驗

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

        20171227100620946.jpg

        Omono 就是一個很好的案例。這款應用使用貓頭鷹來引導用戶逐個通過不同的界面,完成任務,讓產品以更加友好的方式呈現在用戶面前,幫助他們達成目標。


        4、強化已有的概念

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

        20171227100932306.jpg


        5、讓交互更加鮮活

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

        20171227101122641.jpg

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


        6、增加游戲化的體驗

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

        20171227101149160.png

        本文轉自優設(uisdc.com/6-ways-illustration-improves-ux)

        原作者丨Nick Babich

        譯者丨陳子木

        責任編輯:mr

        認可我的創作,就鼓勵一下吧

        0人打賞
        分享至:

        聯系客服

        故障反饋