1.本能水平的設計
本能水平的設計的基本原理來自人類本能,這一層次的主要物理特徵是,視覺、聽覺、觸覺佔主要支配因素。一般人剛看到一個物品時就想要,往往是出於本能選擇好看的。
案例結合:
本能水平的設計,在移動端UI設計中的運用就是,視覺的體現(符合大眾的認知設計),我們的產品視覺要讓用户看到後就有想下載的衝動,所以由此可見設計師的重要性,顏值才是產品和用户的敲門磚。如下圖所示
兩款銀行類App,拋開不同銀行的情景,兩張界面同為銀行的首頁界面,如果選擇一個App留在手機中會怎麼選擇?我諮詢了100位親朋好友,最終選擇掌上生活的人佔82%;選擇交通銀行的佔18%。 所以通過這個測試我們可以看出視覺效果在產品初期的下載率上會起到決定性作用。請善待你身邊的設計師。
2.行為水平的設計
行為水平的設計注重的則是效用,物品功能好,簡單易懂,操作簡單,物理感覺(真實感覺)。以使用者為中心才是設計的核心。
案例結合:
上面説的視覺是敲門磚,那麼行為水平的設計就是決定願不願繼續交往的關鍵,也是提升用户體驗最關鍵的部分,即便在好看的設計,如果用户使用起來諸多不爽也是枉然,所以行為水平的設計都有什麼呢?下面整理了一部分的案例。
1)貼心的功能 共享單車系列的產品中,我最喜歡的產品就是7號單車,什麼原因呢?如下圖所示 圖中分別展示了摩拜單車和7號電車,7號單車在開車後的界面中有兩個操作,臨時鎖車和結束用車,這就是功能好,摩拜並沒有考慮到一個使用場景,我需要到達多個目的地且停留時間都很短的情況,如果不鎖車可能被別人偷騎走,鎖了車又回被別人再次開鎖騎走,所以就功能而言7號單車的體驗更好。
2)引導用户 產品初期和迭代都會存在用户不瞭解信息以及功能,所以我們需要用文字的形式幫助和引導用户去了解使用新的功能,就像老師一樣。如下圖所示 Keep選擇用包含圖標文字按鈕的組合引導用户如何去更好的使用Keep,微信則是用一個純文字的彈出來引導用户需要注意的事件。所以在產品中運用通俗易懂的圖文來告訴用户當下發生的事情和需要去執行的事情也是情感化設計的重要環節。
3.反思水平的設計
當用户在使用產品後,理性的思考往往會讓用户對產品做出一個評價。這個層次涉及文化、教育、個人經歷等各方面,一個人感覺很好,可能另一個人會覺得很討厭。每個人自我的感覺不一樣。
案例結合:
一説到平台中的點贊功能,大家想到的都是一個大拇指,所以用户也不會因為點餐而記住產品。所以我們需要反思那些常規且用户習慣的設計,如何可以做到即合理又有特點呢?如下圖所示
左側是微博的點贊圖標是常規的設計“大拇指”,不會給用户留下深刻的印象,而右側虎撲則是用來個燈泡圖標配上文字“亮了”,即有新意,又符合使用場景,增加用户的點擊慾望。可能有人會覺得反駁,這樣的形式增加了用户的學習成本,我們在前面講到我們需要反思的是那些常規且已經習慣設計,所以即便改變了造型,只要是符合用户使用習慣的反思,就不會增加用户的學習成本。產品不僅是所有功能的集合,他們真正的價值可以是滿足人們的情感需求,而其中最重要的需求就是建立自我形象與社會地位。 反思是包含並超越前兩個層次,我們要經常思考,為什麼同類型的產品,我們要選擇它,為什麼它給我留下了很深刻的印象,這都是反思水平的設計需要做的。
情感化設計的作用
1.緩解負面情緒
眾所周知,在生活中等待是最容易讓人產生負面情緒的,所以我們在設計也中也是如此,為了緩解用户因為等待所產生的焦慮,減少等待時間時是很必要的。但有的時候界面加載時間是受很多客觀因素影響的,沒有辦法保證其速度。所以我們就需要通過一些情感化設計來緩解用户的負面情緒。 案例結合:我們可以在需要用户等待的地方加入一些動畫效果,而不同的動畫效果也會有不同的情感傳達,如下圖所示 美團外賣的刷新加載,一隻袋鼠騎摩托的動畫,因為是送餐服務,所以時刻都在給用户傳達“快”是他們的宗旨(有趣的是,在App中袋鼠的動畫是受紅綠燈影響的,也傳遞了綠燈行,紅燈停的交通法則,很有意義),反觀土豆則是休閒娛樂的視頻,所以加載動畫也會傳達出很放鬆的情感。諸如此類的動畫在App上還有很多,只要在需要用户等待的場景下使用符合情境的動畫變會輕鬆的減少用户的負面情緒。
2.引導用户行為
人的記憶分為短期記憶和長期記憶,短期記憶也稱工作記憶,為完成任務而臨時存儲的信息,一般保留幾分之一秒到幾秒。而我們在使用手機時通常都是工作記憶。所以在設計中感情化設計可以幫助我們引導用户減輕用户的記憶負擔。
案例結合:
界面中標籤的切換功能,在同一模塊中選擇不同的頁籤他們的選中狀態的樣式是相同的。如下圖所示
不要增加用户的記憶負擔,避免同個操作在不同模式下有不同的效果。
情感化設計的風險
我們要知道情感化設計是為滿足用户的情感,有些情感化設計,是需要結合產品的定位,文化區域所決定的,事物是存在兩面性的,有的情感化設計會得到用户的喜愛和興趣,有的則會給用户帶來負面情緒。
1.產品定位不同 不同的產品定位需要更換不同的情感化設計,例如上面説到的,美團為了體現速度則用袋鼠騎摩托的動畫,而土豆主要是休閒視頻,所以動畫效果用的則是品牌人物在吃爆米花。兩者調換後效果就不會有那麼好的效果了。
2.時效性 情感化設計是有時效性的,不同階段所有用的設計也會有所區別,例如我們經常看到過節時期,都會把也寫宣傳界面做成符合節日的插畫,圖標等,但不可以長期使用的本文中舉的很多例子在目前的版本已經不再使用。如下圖所示 左側是餓了麼的常規首頁,右側是世界盃時期的界面設計,頁面的Banner以及金剛區圖標改版後都圍繞世界盃主題設計,迎合當時的氛圍,我想,喜歡世界盃的用户也會選擇有世界盃界面的外賣訂餐吧。但世界盃的時段一過還需要恢復為常規界面,這便是時效性。
總結
情感化設計的重要性:提升用户體驗,提升下載率,保證留存率,減少卸載率; 什麼是情感化設計:情感化設計是旨在抓住用户注意力、誘發情緒反應,以提高執行特定行為的可能性的設計; 情感化設計三要素:本能水平的設計、行為水平的設計、反思水平的設計; 情感化設計的作用:減少用户負面情緒,引導用户行為; 情感化設計風險:產品定位不同,情感化設計需要根據不同的產品定位設計,否則就會適得其反;時效性,應該節日活動的設計不可以常久使用,否則體現不出設計的特殊性和融合性。 海鹽社(公眾號) 作者:小溜Epik