產品情感設計:如何降低用戶負面情緒|EP35

閱讀時間約 4 分鐘

用戶使用產品難免會遇到迷路、挫折、失敗,這時我們可以如何降低用戶負面情緒?如何藉由情感化設計強化用戶對產品的信任。

raw-image
誰適合看這篇文章?
✔ 對產品經理、產品企劃、產品策略、產品規劃有興趣的朋友

一、情感設計的場景

提到情感設計,最常發生的場景像是:

  1. 網路不好:用戶使用任何網站或 APP 都有可能會遇到網路不好,不論是網站本身問題或是用戶環境問題,如何優化離線狀態?
  2. 操作迷路:用戶在操作功能時,有可能操作失誤導致出現錯誤視窗、空白畫面,如何引導用戶到正確的地方?
  3. 慶祝成功:用戶成功操作完一輪,如何慶祝成功?鼓勵用戶多次使用?

二、情感設計的目的

觀察目前的產品設計,以及綜合美國認知心理學家唐納德.諾曼的《情感化設計》三維度,我認為加入情感設計有兩個目的:「減緩負面情緒」、「強化正向行為」。

raw-image

▍減緩負面情緒:

  1. 安全感:因步驟較多,需要讓用戶感到安心,引導下一步操作
  2. 焦躁感:因等待較長,需要讓用戶感到緩和,避免中途跳離
  3. 信任感:讓用戶操作完整個使用者流程,仍不會對品牌失去信任

▍強化正向行為:

  1. 品牌感:累積品牌在用戶的印象
  2. 成就感:創造操作後的成就感,達到口碑行銷
  3. 延續感:讓用戶願意長期使用,累積回流用戶

三、產品設計案例

具體都怎麼做呢?我整理幾個產品的 UI 元件和延伸的方向:

▍減緩負面情緒:

1. 安全感:目前步驟較多的產品像是求職平台(填一份平台內的制式履歷約 5 分鐘)、電商平台(選擇物流、折扣券、付款方式)、航空平台(選擇日期、定位、選配、付款),都會有「進度表 Stepper」 UI 元件。

Photo credit to : 華航、博客來

Photo credit to : 華航、博客來

Tips:有些平台在進度表的位置也會加上一些激勵文字,像是「只差一步就要完成了!」、「已經完成 OO% 囉,只差 A 步驟」。

2. 焦躁感:有些操作需要等 API 回傳資料,因此需要數秒到數分鐘不等的時間,多數平台會用「流程 Progress」這種 UI 元件。

Photo credit to : 元旦 GC

Photo credit to : 元旦 GC

Tips:上述是最基本的 UI 元件,但有些平台會再補上「正在撈取您的資料中 …」等打字機效果,讓用戶感受到平台是在運轉中、而非當機。

3. 信任感:操作完整個使用者流程,信任感可以來自多種管道,像是電商平台常在商品頁增加其他用戶的回饋、特殊商品標籤,或是求職平台也會在首頁增加使用者心得。

Photo credit to : KKday、Klook、518

Photo credit to : KKday、Klook、518

Tips:C 端平台最常見的是數量統計、有利於消費者的標籤、消費者評論、或平台價值觀 Slogan,角度通常是消費者最有感的關鍵字。

▍強化正向行為:

1. 品牌感:最常看到品牌敘述的通常都是首頁,透過各種企業 LOGO 、產品價值、產品特色、產品定位、產品理念,藉由第一眼的外觀視覺,強化用戶對品牌的第一印象。

Photo credit to : CakeResume

Photo credit to : CakeResume

Tips:品牌感除了自己寫產品價值,最常見的方式就是放企業專區(LOGO、合作夥伴評價)、消費者專區(購買評價、上課心得)。

2. 成就感:通常成就感除了介面操作的即時反饋之外,最常應用的是會員紀錄頁,像是任務中心、會員挑戰、成就徽章、等級經驗、記分板等元素。

Photo credit to : 商業思惟學院

Photo credit to : 商業思惟學院

Tips:成就感常伴隨遊戲化設計,以模型來說比較常聽到 PBL 機制,分別是點數(Points)、獎勵(Benefit)、排行榜(Leader board)。

3. 延續感:可以用「讓用戶感到隨機刺激」或「讓用戶定時有任務要完成」,前者像是 Facebook 動態牆,每次重新整理都對於動態感到新奇,後者則像是遊戲的每日打卡拿獎品,讓用戶必須要隔天回訪。

Photo credit to : Hahow

Photo credit to : Hahow

Tips:除了部分每日固定回訪的產品(e.g. 社交媒體平台、專案管理工具),延續感往往需要搭配遊戲化設計+情感化設計,才能讓用戶回訪。

四、總結

這篇根據《情感化設計》三維度,整理了「減緩負面情緒」、「強化正向行為」6 種特質,但撰寫過程中,發現每一個特質都能再獨立延伸成一篇專文,以「成就感」為利,不同產業的產品所設計出的方式差異就會很大,後續如有機會再陸續彙整每種特質的產品設計!

若對這系列有興趣也可以持續觀看:

《思維的創意想像》是工作之餘發起的 Side Project,因為近期快速吸收各種資訊跟商業知識(Input),但一直沒有地方輸出(Output),因此想透過這系列記錄學到的內容,包含商業知識、產業洞見,或是職場分享等等,目前已有產品開發、客戶成功、社群行銷、思維增長、職場日記等系列文章。
留言0
查看全部
發表第一個留言支持創作者!
「產品策略如何決定」是做產品最常遇到的難題之一,誰來決定產品要開發哪些項目?到底是用戶驅動比較好還是數據驅動?這篇想記錄我在不同產品團隊遇到的抉擇。
飛輪模型(Flywheel)怎麼展?如何將飛輪上的節點應用到產品開發?這篇想記錄我在求職平台的成長飛輪模型。
為了確保產品順利開發完成並上線,產品經理需要擁有自己的一套原則/產品思維,包括需求分類、用戶體驗、問題導向、數據驅動等,才能讓讓產品團隊更有效地執行項目、降地風險,最終交付解決用戶需求且具有競爭力的產品。
產品研究實習生怎麼帶?實習內容要做什麼?競品分析、產品研究、產品規劃,哪一項比較適合給實習生製作?這篇想記錄近期的規畫方向,未來會持續優化帶領原則和方法。
產品經理每天都在立場的抉擇,像是哪個功能先做?哪個畫面比較重要?重要版面要留給誰?從高層主管到行銷業務,從 APP 評論到使用者訪談,收集了產品意見後要怎麼改?這篇想記錄我近期的產品職場日記。
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
「產品策略如何決定」是做產品最常遇到的難題之一,誰來決定產品要開發哪些項目?到底是用戶驅動比較好還是數據驅動?這篇想記錄我在不同產品團隊遇到的抉擇。
飛輪模型(Flywheel)怎麼展?如何將飛輪上的節點應用到產品開發?這篇想記錄我在求職平台的成長飛輪模型。
為了確保產品順利開發完成並上線,產品經理需要擁有自己的一套原則/產品思維,包括需求分類、用戶體驗、問題導向、數據驅動等,才能讓讓產品團隊更有效地執行項目、降地風險,最終交付解決用戶需求且具有競爭力的產品。
產品研究實習生怎麼帶?實習內容要做什麼?競品分析、產品研究、產品規劃,哪一項比較適合給實習生製作?這篇想記錄近期的規畫方向,未來會持續優化帶領原則和方法。
產品經理每天都在立場的抉擇,像是哪個功能先做?哪個畫面比較重要?重要版面要留給誰?從高層主管到行銷業務,從 APP 評論到使用者訪談,收集了產品意見後要怎麼改?這篇想記錄我近期的產品職場日記。
產品新功能上線時,往往會需要在畫面附近加上引導,但引導要怎麼加?這篇整理 5 個常見引導位置,包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。
你可能也想看
Google News 追蹤
Thumbnail
趁著難得的連續假期,相信不少人選擇到充滿歷史感的台南走走。到了台南別忘了選一份充滿在地情感的伴手禮,與親朋好友或是同事一同分享旅行的愉悅。
Thumbnail
你是不是常常會很苦惱,不知道產品企劃應該要怎麼做呢?又或者是你好不容易終於完成了一份產品企劃,跟老闆提案時,卻被老闆慘電,叫你打掉重練?如果你有過這樣的經驗呢,就繼續往下把這篇文章看完吧~~芽芽整理了自己在做產品企劃時常用的4W1H架構,和大家分享,幫助大家提升企劃提案的成功率哦!
Thumbnail
產品可供性affordance指的是產品具有的標籤式的使用的特徵。通常來說,產品可供性affordance是透過產品的外觀、形狀、材料、色彩等因素所表現出來的指示性使用的特徵。例如,一把椅子的形狀和材料可以表現出來吸引人坐下的特徵,一支筆的形狀和材料可以表現出來吸引人握住的特徵。這些特徵有助于消費者
Thumbnail
身為產品經理很常收到來自四面八方的想法,雖然非常歡迎這些好意,卻又不得不作出殘酷的抉擇。對於新產品的構想,哪些概念是有價值的?哪些又是必須捨棄的呢?也許我們可以參考以下三個條件。
Thumbnail
今天的主題延續上一篇關於無障礙網站的主題,想要跟大家聊聊關於alt圖片替代文字應該寫些什麼比較好呢? 看完本篇文章你將會收穫: ・什麼是 alt 圖片替代文字 ・什麼場合會需要用到alt圖片替代文字? ・alt替代文字的失敗案例 ・應該怎麼去寫alt 圖片替代文字?
Thumbnail
最近面試一個社交App的產品經理職缺,在面試過程中,面試官對自己的產品進行調研,問我App的哪個部分需要改善,可以做得更好? 我們聊到了一個叫“八卦”的功能模塊(如下圖),我很好奇請教了對方產品經理,為何要設計這個功能?是想要滿足什麼需求嗎?因為這個信息不斷的彈出來,其實很打擾,不管是App
Thumbnail
這篇我主要會來介紹《我的第一套桌遊設計書》這個產品,為什麼要強調透過微桌遊來融入教學?20張卡牌能夠設計出一款桌遊嗎?也許,我們能夠先想想看,一款規則好上手且遊戲時間少的遊戲,能為老師帶來什麼樣的好處?
Thumbnail
我們看產品電視廣告或購物頻道會聽到「忠實用戶」,這個字對我們來說太熟悉,寫廣告文案時很常用,但如果你要推銷產品給外國顧客,要在英文平面或數位廣告中用這個字時,你知道它的英日文會怎麼說嗎?今天看到一個國外廣告用了一個很簡單的講法,我們馬上來現學一下。
Thumbnail
適合讀者:想進入產品經理的專案經理、剛入門到進階的產品經理和產品設計師 整理來自各個大神推薦的 PM 書單, PM 技能又深又廣,再加上各種領域課程無法每場都參與,所以只能選擇用閱讀來補充相關知識。
Thumbnail
花70%的時間在研究和分析上,而非設計 用戶研究對於產品經理來說是非常重要的,通常規模較大的公司會成立專門的用戶體驗設計部門(UED Center)來負責,除了專業性較高之外,也能夠避免產品經理帶入自身的偏見。 如果有UED的人負責做用研,那是不是產品經理就不需要做了呢?
Thumbnail
趁著難得的連續假期,相信不少人選擇到充滿歷史感的台南走走。到了台南別忘了選一份充滿在地情感的伴手禮,與親朋好友或是同事一同分享旅行的愉悅。
Thumbnail
你是不是常常會很苦惱,不知道產品企劃應該要怎麼做呢?又或者是你好不容易終於完成了一份產品企劃,跟老闆提案時,卻被老闆慘電,叫你打掉重練?如果你有過這樣的經驗呢,就繼續往下把這篇文章看完吧~~芽芽整理了自己在做產品企劃時常用的4W1H架構,和大家分享,幫助大家提升企劃提案的成功率哦!
Thumbnail
產品可供性affordance指的是產品具有的標籤式的使用的特徵。通常來說,產品可供性affordance是透過產品的外觀、形狀、材料、色彩等因素所表現出來的指示性使用的特徵。例如,一把椅子的形狀和材料可以表現出來吸引人坐下的特徵,一支筆的形狀和材料可以表現出來吸引人握住的特徵。這些特徵有助于消費者
Thumbnail
身為產品經理很常收到來自四面八方的想法,雖然非常歡迎這些好意,卻又不得不作出殘酷的抉擇。對於新產品的構想,哪些概念是有價值的?哪些又是必須捨棄的呢?也許我們可以參考以下三個條件。
Thumbnail
今天的主題延續上一篇關於無障礙網站的主題,想要跟大家聊聊關於alt圖片替代文字應該寫些什麼比較好呢? 看完本篇文章你將會收穫: ・什麼是 alt 圖片替代文字 ・什麼場合會需要用到alt圖片替代文字? ・alt替代文字的失敗案例 ・應該怎麼去寫alt 圖片替代文字?
Thumbnail
最近面試一個社交App的產品經理職缺,在面試過程中,面試官對自己的產品進行調研,問我App的哪個部分需要改善,可以做得更好? 我們聊到了一個叫“八卦”的功能模塊(如下圖),我很好奇請教了對方產品經理,為何要設計這個功能?是想要滿足什麼需求嗎?因為這個信息不斷的彈出來,其實很打擾,不管是App
Thumbnail
這篇我主要會來介紹《我的第一套桌遊設計書》這個產品,為什麼要強調透過微桌遊來融入教學?20張卡牌能夠設計出一款桌遊嗎?也許,我們能夠先想想看,一款規則好上手且遊戲時間少的遊戲,能為老師帶來什麼樣的好處?
Thumbnail
我們看產品電視廣告或購物頻道會聽到「忠實用戶」,這個字對我們來說太熟悉,寫廣告文案時很常用,但如果你要推銷產品給外國顧客,要在英文平面或數位廣告中用這個字時,你知道它的英日文會怎麼說嗎?今天看到一個國外廣告用了一個很簡單的講法,我們馬上來現學一下。
Thumbnail
適合讀者:想進入產品經理的專案經理、剛入門到進階的產品經理和產品設計師 整理來自各個大神推薦的 PM 書單, PM 技能又深又廣,再加上各種領域課程無法每場都參與,所以只能選擇用閱讀來補充相關知識。
Thumbnail
花70%的時間在研究和分析上,而非設計 用戶研究對於產品經理來說是非常重要的,通常規模較大的公司會成立專門的用戶體驗設計部門(UED Center)來負責,除了專業性較高之外,也能夠避免產品經理帶入自身的偏見。 如果有UED的人負責做用研,那是不是產品經理就不需要做了呢?