您的位置:首頁>設計>正文

互聯網產品情感化設計應用實例(上)

文/Kris發佈於1天前閱讀2286評論4喜歡2

閱讀2286

標籤:

產品經理產品設計

情感化設計是一個很寬泛的概念, 最早適用於日常生活中各種實物產品, 自從互聯網誕生以來, 情感化設計也逐漸應用到互聯網產品上, 今天分享的主題介紹一些互聯網產品在情感化設計上的應用實例, 給大家提供一些靈感, 後期可以更好地優化自己的產品。

一、什麼是情感化設計?

什麼是情感?

情感是人對外界事物作用于自身時的一種生理反應, 是由需要和期望決定的。 當這種需求和期望得到滿足時會產生愉快、喜愛的情感,

反之產生苦惱、厭惡。

什麼是情感化設計?

情感化設計最早由唐納德·諾曼在其同名書籍中提出, 是一種著眼於人的內心情感需求和精神需求的設計理念, 目標是在人格層面與用戶建立關聯, 使使用者在與產品互動的過程中產生積極正面的情緒。 這種情緒會逐步使用戶產生愉悅的記憶, 從而更加樂於使用你的產品。

Aarron Walter將情感化設計與馬斯洛需求層次理論聯繫起來, 按照產品特質, 將產品劃分為功能性、可依賴性、可用性和愉悅性這四個層面, 情感化設計則處於最頂層的“愉悅性”層面當中。 但目前絕大部分產品都停留在可用性這個層級, 很少有產品有精力去做到愉悅性, 其中的原因可能與公司戰略、目標有關係,

也有可能是產品經理意識的缺失。

二、為什麼做情感化設計?

情感化設計的產品更能俘獲使用者芳心, 提升產品滿意度; 當前市面上相同類型產品越做越像, 彼此之間的區別也越來越小, 同行業的產品使用者感知不到區別, 因此情感化設計可以是差異化的一個重要因素,
但不是決定因素。 隨著社會的進步, 用戶更注重情感訴求和心理訴求, 尤其以90後、95後為主, 更注重個性化、更注重個體主觀感受, 所以情感化設計更符合用戶心理訴求。

三、情感化設計應用實例

調動使用者情緒:又可以分為兩方面, 即帶動用戶情緒和轉化用戶情緒。

帶動用戶情緒:完成產品期望使用者做的事情、例如產品希望使用者體驗新功能, 此時就需要一些引導來説明使用者完成操作(例如產品的引導頁, 遊戲的引導頁);

1.全民K歌-引導頁:

很多用戶安裝APP後根本不會看引導頁, 直接跳過引導頁使用產品, 產品在引導頁上介紹的一些產品功能特性也就被忽略了。 為了抓住使用者的注意力, 部分APP開始採用短視頻來介紹產品特性,

相比較于簡單的文案+圖片形式, 視頻更容易讓使用者接受, 吸引力也更大。 讓使用者在體驗產品的第一步就能對產品產生好感。

此引導頁是個視頻, 所以我截了張圖讓大家感受一下。

2.嗶哩嗶哩APP-引導登錄:

登錄本來是一件用戶本身就不喜歡的事情, 直接彈出登錄視窗甚至會增加使用者的進一步反感。 (例如左圖)

blibli引導登錄時有趣的配圖可以分散用戶注意力, 減輕反感情緒;文案又告訴使用者兩個資訊, 一是你沒有登錄, 所以會出現提示你登錄的頁面;二是登錄後可以打開新世界的大門, 讓用戶產生一種好奇,新世界裡有什麼東西?讓使用者理解登錄的目的。

3.嗶哩嗶哩APP-新功能引導

採用和登錄頁相同的方法,有趣的配圖+俏皮的文案,提高引導過程的趣味性。當然文案的風格要和目標受眾的口味、喜好一致,如果嗶哩嗶哩的受眾不是95後,而是大爺大媽,用此種風格的文案就不合適了。

轉化用戶情緒:轉化使用者在使用產品中出現的負面情緒(例如淡化載入失敗時的沮喪、煩躁情緒或轉化為喜歡、開心的正面情緒);

在使用者使用產品的過程中,最容易出現負面的情緒的情況當然是載入失敗、載入中、下拉刷新和空頁面四個狀態了。

1.Chrome流覽器-載入失敗

頁面載入失敗時出現一隻恐龍,點擊空白鍵就可以玩類似于超級馬里奧的遊戲(強烈建議大家嘗試一下呦~),以此來分散用戶注意力,轉化沮喪、煩躁的負面情緒。我嘗試過,等玩了幾把遊戲之後,完全忘記了之前載入失敗的事情。可惜的是交互做的很委婉,很少有用戶發現。

2.美團外賣APP-載入失敗

通過詼諧的圖片和文案向使用者解釋載入失敗的原因,獲取用戶理解,減輕焦慮感。

載入失敗時,駱駝表現出沮喪的表情,正好也體現了用戶的此時的心情,獲取同理心,拉近與用戶的距離;載入中的時候,駱駝走動,增加等待時的趣味性。都可以轉化用戶的負面情緒。

在減少用戶等待載入或刷新時焦慮感方面,採用一隻萌萌噠袋鼠,是一個外賣小哥的形象,很好地傳達了產品的調性。

5.網易蝸牛讀書APP-下拉刷新

充滿趣味的文案,可以分散用戶等待的注意力,減少焦慮感。

6.騰訊體育APP-下拉刷新

籃球是騰訊體育APP標誌性的運動專案,籃球運動中表示正在刷新,進球表示刷新成功。刷新動畫符合app的產品定位,並且增加了極大的趣味性

7.全民K歌APP-空頁面

大部分產品的空頁面設計平平淡淡,放一個毫無關聯的圖示,冷冰冰的文案就草草了事,例如“暫無數據”,給用戶的感覺就是在和一台毫無感情的伺服器進行交流。(例如左圖,好在文案上還有一個語氣詞,沒那麼生硬。)

全民K歌:圖片用吉祥物表達空資料時的憤怒、焦躁心情;俏皮的文案,指引用戶去唱歌,點擊可直接進入錄製歌曲模組,快捷入口又可以提升唱歌模組的活躍度。

sad~ 經過我的多次嘗試,可能是因為圖太多,一篇文章裡無法些呈現全部內容,所以只能補充一篇下文了,大家可以搜索“互聯網產品情感化設計應用實例(下)”查看剩餘內容哦~

文/Kris

本文由 @Kris 原創發佈於產品壹佰,未經許可,禁止轉載。

讓用戶產生一種好奇,新世界裡有什麼東西?讓使用者理解登錄的目的。

3.嗶哩嗶哩APP-新功能引導

採用和登錄頁相同的方法,有趣的配圖+俏皮的文案,提高引導過程的趣味性。當然文案的風格要和目標受眾的口味、喜好一致,如果嗶哩嗶哩的受眾不是95後,而是大爺大媽,用此種風格的文案就不合適了。

轉化用戶情緒:轉化使用者在使用產品中出現的負面情緒(例如淡化載入失敗時的沮喪、煩躁情緒或轉化為喜歡、開心的正面情緒);

在使用者使用產品的過程中,最容易出現負面的情緒的情況當然是載入失敗、載入中、下拉刷新和空頁面四個狀態了。

1.Chrome流覽器-載入失敗

頁面載入失敗時出現一隻恐龍,點擊空白鍵就可以玩類似于超級馬里奧的遊戲(強烈建議大家嘗試一下呦~),以此來分散用戶注意力,轉化沮喪、煩躁的負面情緒。我嘗試過,等玩了幾把遊戲之後,完全忘記了之前載入失敗的事情。可惜的是交互做的很委婉,很少有用戶發現。

2.美團外賣APP-載入失敗

通過詼諧的圖片和文案向使用者解釋載入失敗的原因,獲取用戶理解,減輕焦慮感。

載入失敗時,駱駝表現出沮喪的表情,正好也體現了用戶的此時的心情,獲取同理心,拉近與用戶的距離;載入中的時候,駱駝走動,增加等待時的趣味性。都可以轉化用戶的負面情緒。

在減少用戶等待載入或刷新時焦慮感方面,採用一隻萌萌噠袋鼠,是一個外賣小哥的形象,很好地傳達了產品的調性。

5.網易蝸牛讀書APP-下拉刷新

充滿趣味的文案,可以分散用戶等待的注意力,減少焦慮感。

6.騰訊體育APP-下拉刷新

籃球是騰訊體育APP標誌性的運動專案,籃球運動中表示正在刷新,進球表示刷新成功。刷新動畫符合app的產品定位,並且增加了極大的趣味性

7.全民K歌APP-空頁面

大部分產品的空頁面設計平平淡淡,放一個毫無關聯的圖示,冷冰冰的文案就草草了事,例如“暫無數據”,給用戶的感覺就是在和一台毫無感情的伺服器進行交流。(例如左圖,好在文案上還有一個語氣詞,沒那麼生硬。)

全民K歌:圖片用吉祥物表達空資料時的憤怒、焦躁心情;俏皮的文案,指引用戶去唱歌,點擊可直接進入錄製歌曲模組,快捷入口又可以提升唱歌模組的活躍度。

sad~ 經過我的多次嘗試,可能是因為圖太多,一篇文章裡無法些呈現全部內容,所以只能補充一篇下文了,大家可以搜索“互聯網產品情感化設計應用實例(下)”查看剩餘內容哦~

文/Kris

本文由 @Kris 原創發佈於產品壹佰,未經許可,禁止轉載。

Next Article
喜欢就按个赞吧!!!
点击关闭提示