什麼是情感化設計
情感化設計是基於產品的功能性和易用性後,追求的更高層次的目標。我們只有先了解產品的邏輯,全面理解分析後,才能做出不影響產品功能下的情感化設計。早在2002年,美國認知心理學家Donald Norman就提出了這一概念,他將產品特質劃分爲功能性、有用性、易用性和愉悅性四個層面,由低到高,而情感化設計則處於頂端位置。
探索情感化關鍵詞
調研
我們調研了簡書的核心用戶與忠誠用戶羣,調研了 4977 位用戶,回收有效樣本爲 4975份。
以下是部分調研結果:
年齡範圍
其中95&90後佔比最多,佔43.3%。
性別分佈
女性用戶佔比較高,女性佔比54.8%,男性佔比45.2%。
對簡書的印象
當問到偏向於用哪個詞定義簡書時,用戶大多覺得是:溫暖/有溫度佔比27%。
結論:
核心用戶羣爲95後與90後用戶,女性相較而言較多。
學歷以本科爲主,在讀學生居多。
核心用戶對簡書的形容詞是:溫暖有人情味且文藝的。
因此不管是視覺層面還是文案互動,以及運營手法,都要更加趨於「年輕化」、「有溫度」、「有趣味」。
情感指標理論依據
查閱了現有的情感化理論文獻如:普拉切克情緒輪、和諾曼的三層次理論。
普拉切克的情緒心理進化論:
關於情緒,羅伯特·普洛特契克提出了8中情緒,分別是:生氣(Anger)、厭惡(Disgust)、恐懼(Fear)、悲傷(Sadness)、期待(Anticipation)、愉悅(Joy)、驚喜(Surprise)、信任(Trust)。
但情緒輪盤被用在這裏似乎有點太簡單了,而且並沒有歸納“自豪”和“羞恥”這兩種情緒。所以不大適合於情感化的理論依據。
諾曼的三層次理論:
美國認知心理學家 Donald Norman 關於“情感化設計”的解讀。
Donald Norman 在認知心理學的基礎上提出了設計的三個層次,即:本能(visceral)、行爲(behavior)、反思(reflective)的設計。
本能層:產品外觀、風格,給人的第一感覺。產品是否美觀
行爲層:泛指交互。用戶使用產品時是否覺得易用?好用?
反思層(提升用戶粘度的關鍵):情感聯繫。一款好的產品能夠和用戶建立起情感聯繫,能讓人產生共鳴。
諾曼的三層次理論比較分散,從結論倒推肯定會有遺漏。情感化更多是從本能層和行爲層出發,反思層需要用戶對產品產生共情心理,不大適用於此次我們進行的情感化升級。
所以有沒有更適合作爲情感化理論依據的文獻呢?
參考 Ant Design 情感化設計 引用的代爾夫特研究室提煉的情感指標:
代爾夫特大學積極情感研究實驗室立足於基礎理論模型,採集大量樣本進行調研分析,提煉了人類的25個正面情感指標和36個負面情感指標。
圖片內容源自ant design 情感化設計
基於這61個情感指標,我們在簡書產品的基礎上進行分析提煉。
最終提煉出適合簡書產品的以下8個情感指標:
正向:愉悅、驚喜、信任、自豪
負向:失望、疑惑、焦慮、挫折
情感化的設計思路
1.(探索) 提取情感化關鍵詞。
我們需要找到用戶情感的訴求點,或者我們想傳達的情感價值觀。並將這些關鍵詞提取出來,作爲設計的核心關鍵詞。由調研得出我們的情感化關鍵詞爲:「年輕化」、「有溫度」、「有趣味」。
2.(聚焦)尋找理論依據。
正向:愉悅、驚喜、信任、自豪
負向:失望、疑惑、焦慮、挫折
3. (設計)尋找切入點。
探尋情感化的切入點,系統性地盤點產品中哪些場景需要做情感化設計、怎麼做、做到什麼度,圍繞情感化關鍵詞,轉化成解決方案。
從用戶的使用路徑着手,從情感指標理論依據出發,系統地繪製用戶體驗地圖。通過用戶每個階段的行爲和痛點以及驚喜點,整理出情緒曲線,努力把用戶的情感“低點”拉平,“高點”更高,打造屬於簡書產品的情感化設計。
把“低點”拉高:
讓用戶感受到焦慮的地方:系統奔潰、頁面404、網速不好等。
讓用戶感受到疑惑挫折的地方:新功能不知如何使用等。
讓“高點”更高:
讓用戶感受到驚喜的地方:一些“Aha”瞬間,隱藏在設計裏的小彩蛋,文案語言風格有趣味偏向年輕化。
讓用戶感受到自豪的地方:獲得認證徽章,獲得較難得到的徽章。
4. (落地)具體方案細節設計,設計落地
情感化設計落地
情緒曲線“低點”拉高案例:
緩解用戶失望、焦慮、挫折、疑慮等負面情緒。
案例一:引導說明設計
緩解用戶疑慮的情緒
氣泡引導
氣泡引導對用戶的干擾性小,無強迫性,用戶可以選擇忽略,是一種較爲友好的方式。氣泡引導還運用了emoji,更貼合「有趣味」的情感化關鍵詞。
首頁遇見不喜歡的文章引導用戶可以點X關閉,
案例二:空狀態頁面設計
緩解用戶疑慮、挫折、生氣等情緒。
1.空狀態頁面
相較於冰冷且毫無人情味的界面說明,報錯信息,通知以及反饋,一些另類好玩的插畫會讓整個設計變得更加有趣生動。爲用戶營造出符合他當時行爲和感知的情景,轉移用戶的注意力或化解用戶因等待、失敗等場景引起的負面情緒。
2.數據預加載(啓動頁面)的狀態
降低用戶等待數據加載時的焦急感。
情緒曲線“高點”更高案例:
提升用戶的愉悅、驚喜、信任、自豪的正面情緒。
案例一:文本設計
讓用戶感受到愉悅、驚喜。
貼合「有溫度」、「有趣味」的情感化關鍵詞。
直擊心靈的文本設計也是實現與用戶情感交流的重要途徑。語言和圖形一樣,是傳達信息的重要手段,同時也是情緒的主要載體。富有人情味的文案可以幫助產品增添溫度。相較於冰冷且毫無人情味的界面說明,報錯信息,通知以及反饋,帶有情感,溫暖,貼心的文本設計,更能激發用戶好感,引導用戶行爲的同時,加深用戶對產品的認可和喜愛。
1.下拉無更多內容時提示:我是有底線的。
2.發佈文章成功提示
你的每一次創作,都應該得到鼓勵。
3.小島模塊的點贊、發帖成功的 toast 提示。
文案與emoji的趣味化,簡單有力。小島模塊增加互動率,隨機提示設計,每次點贊和發佈的提示不同,有的是誇獎、有的是暖心告白、有的是引導用戶繼續發帖。這樣設計,更有驚喜感,更能激發了用戶的好奇心,並不斷操作嘗試。
3.消息提示文案的語氣
以簡書的新功能——小島,相關提示爲例:
成爲島主:恭喜你,你已成爲《XXX》小島島主!我們的征途是星辰大海!
被加入黑名單:你由於在《xxx》小島裏做壞事,被官方關進了本島小黑屋,理由:xxx。今後你將不能在再次加入該小島。如有疑問,可簡信聯繫對方/官方。
卸任島主:你已卸任《XXX》小島島主,並將島主交接給暱稱233!小島會一直在這裏,等你重新起航!
案例二:Emoji的應用
在通知消息中,比起冷冰冰的通知以及反饋,emoji能夠更能激發用戶好感,讓用戶產生共情。委婉而不失趣味性的emoji,讓頁面更具吸引力的同時,也能夠有效地緩解用戶的負面情緒。
案例三:人文關懷類提示
提升用戶的信任感。
1.在簡書搜索「自殺」字眼時會彈出提示。
告訴用戶如果你或別人正在經受困難,甚至想自殺或者傷害自己。我們可以幫助你,你並不是孤單。
一個好的產品不僅僅是以盈利爲目的,更要有社會責任感與人文關懷。更貼合「有溫度」的情感化關鍵詞。
案例四:儀式感的節日提示
提升驚喜感。
1.簡書週年紀念彩蛋
2.節日開屏設計
通過情感化設計營造節日氛圍,拉近了產品與用戶之間的聯繫,助於提升用戶對產品的好感度。
案例五:徽章設計,成就激勵
提升用戶的成就感與自豪感等正面情緒。
徽章和等級功能一般屬於產品的成長/成就體系當中,其目的基本都是爲了激勵用戶去完成產品需要的行爲,這類功能,能夠使產品獲得更精準的用戶量化區分,提升產品使用頻次,停留時長等目標,完成用戶忠誠度、使用粘性、活躍度等指標。同時用戶可獲得一定的榮譽感、自信心、身份認同等。
徽章的魅力不在於徽章本身,而是它包含的價值和情感。
舊版徽章
舊版徽章的問題:徽章類型,紅、藍、綠等顏色邏輯關係比較混亂,圖形的運用亦如是:圓形與多邊形的圖形運用毫無章法。
舊版交互:
舊版本徽章系統,點某個徽章跳轉到徽章說明頁,用戶瞭解徽章需要一個個點擊,跳轉到冗長的徽章解釋說明頁。用戶時間成本變高,且徽章系統整體感缺失,比較零碎。
改版時的思考:
如何區分不同徽章的不同功能?如何讓徽章系統更成體系?如何讓徽章系統看起來更偏向於年輕化?如何加深用戶的“成就感”“榮譽感”等正面情緒?
以此問題爲基礎進行了視覺與交互升級。
改版新後徽章系統
運用更高飽和度的漸變色,傳遞全新的視覺感受,且更符合「年輕化」的定位。
將徽章系統分類成3個體系:
1.身份認證類徽章:對應行爲成就(較難獲得,成就感高,以紅色區分)
2.活動類徽章:對應行爲獎勵(較易獲得且更新較快,成就感低,以藍色區分)
3.會員徽章:身份的象徵(以金屬色區分)
新版交互:
改版後將用戶所有的徽章排列出,點擊後彈框跳出一小段解釋說明,較舊版來說更直觀清晰。考慮到用戶想露出覺得最能彰顯自己榮譽感的徽章,增加了徽章排序功能。用戶最喜歡或用戶覺得得到最有價值的徽章會將加在用戶名稱旁,讓用戶獲得更強的"成就感"與“自豪感”。
徽章系統的改版是把情感化設計作爲切入點,結合業務迭代落地的較貼合的案例。
案例六:微交互的應用
1.會變身的 TAB icon
瀏覽首頁的信息流時,當上滑屏幕閱讀一定數量的信息後,頁面底部Tab欄的「首頁」icon會自動變成「刷新」的圖標。點擊「刷新」按鈕,不僅可以實現從當前頁面回到頂部的操作,還會自動更新一組新的推薦內容。這裏按鈕的巧妙轉變,是對用戶在閱讀場景中行爲需求的預判,在無形中爲瀏覽信息提供了便利,優化了用戶體驗。
2.及時反饋
點贊按鈕的觸動反饋
觸動反饋可以彌補異常情況,如網絡延遲,用戶進行某些操作後可能需要等待一段時間才能收到反饋,如果時間過久,用戶會懷疑是自己操作不當。但如果加入振動反饋,會在其他反饋信息出現前打消用戶的顧慮。
總結
數據反饋
情感化升級後也持續關注核心頁面的各種轉化數據,在優化調整後,依然保持了數據的高轉化率,驗證了設計優化的方向是正確的。
雖然情感化設計本身並不能帶來直接的收益,但它有助於激發用戶強烈的情感共勉,這種情感本身等同於高留存和好口碑。情感化設計是任何公司都應該重視並且利用的增長黑客,在如今競爭激烈的市場環境中,能幫助產品更快地脫穎而出。
情感化設計不是一蹴而就,它需要設計師不停地磨礪自己的情感化思維,運用到實際的業務當中去。
關於情感化我們還在路上。
參考文獻:
Ant Design 情感化設計:https://zhuanlan.zhihu.com/p/55364776
設計師,如何製作用戶體驗地圖:https://www.zcool.com.cn/article/ZOTEyMzg0.html