互聯網產品情感化設計應用實例（上）
閱讀2286
標籤：
產品經理產品設計情感化設計是一個很寬泛的概念，最早適用於日常生活中各種實物產品，自從互聯網誕生以來，情感化設計也逐漸應用到互聯網產品上，
一、什麼是情感化設計？
什麼是情感？情感是人對外界事物作用于自身時的一種生理反應，是由需要和期望決定的。當這種需求和期望得到滿足時會產生愉快、喜愛的情感，反之產生苦惱、厭惡。
什麼是情感化設計？情感化設計最早由唐納德·諾曼在其同名書籍中提出，
Aarron Walter將情感化設計與馬斯洛需求層次理論聯繫起來，按照產品特質，將產品劃分為功能性、可依賴性、可用性和愉悅性這四個層面，
二、為什麼做情感化設計？
三、情感化設計應用實例
調動使用者情緒：又可以分為兩方面，即帶動用戶情緒和轉化用戶情緒。帶動用戶情緒：完成產品期望使用者做的事情、例如產品希望使用者體驗新功能，此時就需要一些引導來説明使用者完成操作（例如產品的引導頁，遊戲的引導頁）；
1.全民K歌-引導頁：
很多用戶安裝APP後根本不會看引導頁，直接跳過引導頁使用產品，產品在引導頁上介紹的一些產品功能特性也就被忽略了。
此引導頁是個視頻，所以我截了張圖讓大家感受一下。
2.嗶哩嗶哩APP-引導登錄：
登錄本來是一件用戶本身就不喜歡的事情，直接彈出登錄視窗甚至會增加使用者的進一步反感。（例如左圖）
blibli引導登錄時有趣的配圖可以分散用戶注意力，減輕反感情緒；文案又告訴使用者兩個資訊，一是你沒有登錄，所以會出現提示你登錄的頁面；二是登錄後可以打開新世界的大門，讓用戶產生一種好奇，新世界裡有什麼東西？讓使用者理解登錄的目的。
3.嗶哩嗶哩APP-新功能引導
採用和登錄頁相同的方法，有趣的配圖+俏皮的文案，提高引導過程的趣味性。當然文案的風格要和目標受眾的口味、喜好一致，如果嗶哩嗶哩的受眾不是95後，而是大爺大媽，用此種風格的文案就不合適了。
轉化用戶情緒：轉化使用者在使用產品中出現的負面情緒（例如淡化載入失敗時的沮喪、煩躁情緒或轉化為喜歡、開心的正面情緒）；
在使用者使用產品的過程中，最容易出現負面的情緒的情況當然是載入失敗、載入中、下拉刷新和空頁面四個狀態了。
1.Chrome流覽器-載入失敗
頁面載入失敗時出現一隻恐龍，點擊空白鍵就可以玩類似于超級馬里奧的遊戲（強烈建議大家嘗試一下呦~），以此來分散用戶注意力，轉化沮喪、煩躁的負面情緒。我嘗試過，等玩了幾把遊戲之後，完全忘記了之前載入失敗的事情。可惜的是交互做的很委婉，很少有用戶發現。
2.美團外賣APP-載入失敗
通過詼諧的圖片和文案向使用者解釋載入失敗的原因，獲取用戶理解，減輕焦慮感。
載入失敗時，駱駝表現出沮喪的表情，正好也體現了用戶的此時的心情，獲取同理心，拉近與用戶的距離；載入中的時候，駱駝走動，增加等待時的趣味性。都可以轉化用戶的負面情緒。
在減少用戶等待載入或刷新時焦慮感方面，採用一隻萌萌噠袋鼠，是一個外賣小哥的形象，很好地傳達了產品的調性。
5.網易蝸牛讀書APP-下拉刷新
充滿趣味的文案，可以分散用戶等待的注意力，減少焦慮感。
6.騰訊體育APP-下拉刷新
籃球是騰訊體育APP標誌性的運動專案，籃球運動中表示正在刷新，進球表示刷新成功。刷新動畫符合app的產品定位，並且增加了極大的趣味性
7.全民K歌APP-空頁面
大部分產品的空頁面設計平平淡淡，放一個毫無關聯的圖示，冷冰冰的文案就草草了事，例如“暫無數據”，給用戶的感覺就是在和一台毫無感情的伺服器進行交流。（例如左圖，好在文案上還有一個語氣詞，沒那麼生硬。）
全民K歌：圖片用吉祥物表達空資料時的憤怒、焦躁心情；俏皮的文案，指引用戶去唱歌，點擊可直接進入錄製歌曲模組，快捷入口又可以提升唱歌模組的活躍度。
sad~ 經過我的多次嘗試，可能是因為圖太多，一篇文章裡無法些呈現全部內容，所以只能補充一篇下文了，大家可以搜索“互聯網產品情感化設計應用實例（下）”查看剩餘內容哦~
文/Kris
本文由 @Kris 原創發佈於產品壹佰，未經許可，禁止轉載。
所以我截了張圖讓大家感受一下。2.嗶哩嗶哩APP-引導登錄：
登錄本來是一件用戶本身就不喜歡的事情，直接彈出登錄視窗甚至會增加使用者的進一步反感。（例如左圖）
blibli引導登錄時有趣的配圖可以分散用戶注意力，減輕反感情緒；文案又告訴使用者兩個資訊，一是你沒有登錄，所以會出現提示你登錄的頁面；二是登錄後可以打開新世界的大門，讓用戶產生一種好奇，新世界裡有什麼東西？讓使用者理解登錄的目的。
3.嗶哩嗶哩APP-新功能引導
採用和登錄頁相同的方法，有趣的配圖+俏皮的文案，提高引導過程的趣味性。當然文案的風格要和目標受眾的口味、喜好一致，如果嗶哩嗶哩的受眾不是95後，而是大爺大媽，用此種風格的文案就不合適了。
轉化用戶情緒：轉化使用者在使用產品中出現的負面情緒（例如淡化載入失敗時的沮喪、煩躁情緒或轉化為喜歡、開心的正面情緒）；
在使用者使用產品的過程中，最容易出現負面的情緒的情況當然是載入失敗、載入中、下拉刷新和空頁面四個狀態了。
1.Chrome流覽器-載入失敗
頁面載入失敗時出現一隻恐龍，點擊空白鍵就可以玩類似于超級馬里奧的遊戲（強烈建議大家嘗試一下呦~），以此來分散用戶注意力，轉化沮喪、煩躁的負面情緒。我嘗試過，等玩了幾把遊戲之後，完全忘記了之前載入失敗的事情。可惜的是交互做的很委婉，很少有用戶發現。
2.美團外賣APP-載入失敗
通過詼諧的圖片和文案向使用者解釋載入失敗的原因，獲取用戶理解，減輕焦慮感。
載入失敗時，駱駝表現出沮喪的表情，正好也體現了用戶的此時的心情，獲取同理心，拉近與用戶的距離；載入中的時候，駱駝走動，增加等待時的趣味性。都可以轉化用戶的負面情緒。
在減少用戶等待載入或刷新時焦慮感方面，採用一隻萌萌噠袋鼠，是一個外賣小哥的形象，很好地傳達了產品的調性。
5.網易蝸牛讀書APP-下拉刷新
充滿趣味的文案，可以分散用戶等待的注意力，減少焦慮感。
6.騰訊體育APP-下拉刷新
籃球是騰訊體育APP標誌性的運動專案，籃球運動中表示正在刷新，進球表示刷新成功。刷新動畫符合app的產品定位，並且增加了極大的趣味性
7.全民K歌APP-空頁面
大部分產品的空頁面設計平平淡淡，放一個毫無關聯的圖示，冷冰冰的文案就草草了事，例如“暫無數據”，給用戶的感覺就是在和一台毫無感情的伺服器進行交流。（例如左圖，好在文案上還有一個語氣詞，沒那麼生硬。）
全民K歌：圖片用吉祥物表達空資料時的憤怒、焦躁心情；俏皮的文案，指引用戶去唱歌，點擊可直接進入錄製歌曲模組，快捷入口又可以提升唱歌模組的活躍度。
sad~ 經過我的多次嘗試，可能是因為圖太多，一篇文章裡無法些呈現全部內容，所以只能補充一篇下文了，大家可以搜索“互聯網產品情感化設計應用實例（下）”查看剩餘內容哦~
文/Kris
本文由 @Kris 原創發佈於產品壹佰，未經許可，禁止轉載。