「簡書」產品的情感化探索 什麼是情感化設計 探索情感化關鍵詞 情感指標理論依據 情感化的設計思路 情感化設計落地


什麼是情感化設計

情感化設計是基於產品的功能性和易用性後,追求的更高層次的目標。我們只有先了解產品的邏輯,全面理解分析後,才能做出不影響產品功能下的情感化設計。早在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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章