產品摩擦設計:讓使用者再次確認的必要性|EP62

更新於 2024/09/17閱讀時間約 4 分鐘

產品設計階段我們常追求流暢的使用者體驗,希望用戶能夠輕鬆、直觀地完成各種操作,但有些刻意設計的「摩擦」反而能提升產品體驗,這篇想記錄「摩擦設計」(Friction Design)的概念,以及在實際工作中的應用。

raw-image

一、為什麼需要摩擦設計

⠀⠀

做產品設計最常聽到「Don’t make me think」,那何時會需要摩擦設計?

「Don’t make me think」是史蒂夫·克魯格(Steve Krug)提出的著名設計原則,強調產品使用流程應該簡單直觀,不要讓用戶過多思考,這一原則在大多數情況下確實適用。

但某些特定場景下,我們需要用戶停下來思考一下,以避免潛在的風險或失誤,這些場景包括:

  1. 不可逆的操作:刪除帳號、永久刪除資料等。
  2. 付款金錢交易:線上支付、轉帳等。
  3. 個資隱私相關:授權訪問個人資料、分享位置等。
  4. 提出重要決策:提交申請、確認預訂等。
  5. 潛在危險操作:系統重置、格式化設備等。

在這些情況下,適當的摩擦設計可以幫助用戶再次確認自己的決定,避免造成不必要的損失或麻煩。

⠀⠀


⠀⠀

二、摩擦設計的原理和應用

⠀⠀

摩擦設計的核心原理是在用戶執行某些重要或不可逆操作時,故意增加一些「阻力」,迫使用戶停下來思考,這種設計可以:

  1. 提高用戶的注意力:增加額外步驟,讓用戶更專注當前的操作。
  2. 減少錯誤操作:給予用戶反悔的機會,降低無意識操作的風險。
  3. 增強安全感:讓用戶感受到產品對重要操作的重視,提升信任度。
  4. 教育用戶:通過適當的提示,幫助用戶理解某些操作的潛在影響。
raw-image

摩擦設計的應用方式包括但不限於:

  • 二次確認彈窗
  • 強制等待時間
  • 要求輸入特定文字
  • 滑動解鎖

⠀⠀


⠀⠀

三、摩擦設計的案例

⠀⠀

  1. Apple iPhone的「滑動解鎖」:使用者需要滑動螢幕才能解鎖手機,這個動作通常不會在口袋中意外觸發,可以有效防止誤觸。
  2. Gmail 的「取消傳送」功能:發送信件後,Gmail 可以設定指定時間來取消,提供使用者一個「後悔」的機會。
  3. Amazon 的「一鍵下單」與確認頁面:亞馬遜提供了快速下單的選項,但在最後一步仍然會顯示訂單確認頁面,讓使用者有機會檢查訂單詳情。
  4. Facebook 的帳號刪除流程:臉書設計了一個複雜的帳號刪除流程,包括多次確認、30 天等待期等,以確保使用者真的想要刪除帳號。
  5. 股票交易 APP 的交易確認:許多股票交易 APP 會在使用者下單時顯示交易彈窗,並要求再次確認,以防止錯誤交易。

這些案例都巧妙地運用了摩擦設計,在不過分影響用戶體驗的前提下,有效地降低了風險。

⠀⠀


⠀⠀

四、產品經理如何學習摩擦設計

⠀⠀

作為產品經理,學習摩擦設計可以從兩個方面入手:

  1. 深入了解用戶行為:通過自己畫出使用者流程,可以了解使用者在哪一個重點環節需要「多次確認」,避免在無意識下操作不可逆的步驟。
  2. 研究競品案例:觀察同行業其他產品的摩擦設計案例,自己走過一次使用者路徑,確認他們在哪些點會讓使用者停下。

⠀⠀

比較大方向的原則是:

有可能會讓使用者後悔的行為,通常需要增加摩擦設計。

像是上面提到的 (1) 不可逆的操作、(2) 付款金錢交易、(3) 個資隱私相關、(4) 提出重要決策、(5) 潛在危險操作。

⠀⠀

在實際工作中,還有一些判斷步驟:

  1. 平衡體驗與安全:增加摩擦同時,可以考慮提供選項,讓使用者自行選擇是否跳過某些確認步驟。
  2. 告訴使用者阻力原因:明確告訴用戶接下來他即將做的行為會影響什麼,避免讓使用者感覺到操作不流暢。
  3. 多和設計師討論:和設計團隊討論過往產品設計有沒有類似的規範可依循,避免自己增加太多、或沒想到的阻力設計。

⠀⠀


⠀⠀

五、結論

⠀⠀

摩擦設計是一把雙面刃,正常運作下可以有效降低用戶的錯誤操作,減少產品維運或被客訴的成本,但過度使用也可能導致用戶體驗下降。

好的摩擦設計應該是幾乎不被用戶察覺的(我也正在學習怎麼適度增加摩擦在產品上),能在使用者要做出重大決策時發揮作用,既不會讓用戶感到煩躁,又能有效防止「後悔」。

如對這系列文章興趣可以再觀看:

《思維的創意想像》是工作之餘發起的 Side Project,因為近期快速吸收各種資訊跟商業知識(Input),但一直沒有地方輸出(Output),因此想透過這系列記錄學到的內容,包含商業知識、產業洞見,或是職場分享等等,目前已有產品開發、客戶成功、社群行銷、思維增長、職場日記等系列文章。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
近期公司不斷討論「高績效團隊」,也讓我不斷思考一個高績效的產品開發團隊如何組成?事前要有哪些共識和建立什麼文化?我以「結果、流程、承諾、溝通」這四個面向來整理。
在我近 1–2 年的產品經理職涯,不斷思考初階 PM 和中階 PM 的差異是什麼,除了時間積累,在能力和思維上還能如何提升?經過各方的文章、影片、課程,這篇我會記錄我觀察到的初階產品經理要繼續累積的關鍵特質。
以產品經理的日常工作,常會收到不同部門的各種需求,像是功能優化、Bug 修復、文案調整,這些「需求」也可以說是對產品的「要求」,因為需求方通常僅根據自己的角度傳遞想法,但產品往往需要綜合多方使用者的描述,將這些「要求」轉化為通用、或是最有價值的需求。
品經理再往上晉升的道路是什麼?這篇是電商產品經理的自問自答,由自身來剖析成長之路,並綜合《俞軍產品方法論》的「產品經理的選拔與成長」章節,一起拆解晉升、成長、價值。
API(Application Programming Interface,應用程式介面)可以視為不同軟體系統之間的溝通橋梁,讓雙邊可以交換數據並執行各種功能。這篇會記錄產品經理一定要知道的幾個 API 概念,像是常見的錯誤代碼以及不同的 HTTP 方法(如 PUT、GET、POST)和實際案例說明
面試產品經理要怎麼準備?原本是行銷領域是否可以轉職?大學期間要準備什麼作品?這篇會從「心態準備、求職面試、學習資源」三大方向來拆解產品經理的轉職之路。
近期公司不斷討論「高績效團隊」,也讓我不斷思考一個高績效的產品開發團隊如何組成?事前要有哪些共識和建立什麼文化?我以「結果、流程、承諾、溝通」這四個面向來整理。
在我近 1–2 年的產品經理職涯,不斷思考初階 PM 和中階 PM 的差異是什麼,除了時間積累,在能力和思維上還能如何提升?經過各方的文章、影片、課程,這篇我會記錄我觀察到的初階產品經理要繼續累積的關鍵特質。
以產品經理的日常工作,常會收到不同部門的各種需求,像是功能優化、Bug 修復、文案調整,這些「需求」也可以說是對產品的「要求」,因為需求方通常僅根據自己的角度傳遞想法,但產品往往需要綜合多方使用者的描述,將這些「要求」轉化為通用、或是最有價值的需求。
品經理再往上晉升的道路是什麼?這篇是電商產品經理的自問自答,由自身來剖析成長之路,並綜合《俞軍產品方法論》的「產品經理的選拔與成長」章節,一起拆解晉升、成長、價值。
API(Application Programming Interface,應用程式介面)可以視為不同軟體系統之間的溝通橋梁,讓雙邊可以交換數據並執行各種功能。這篇會記錄產品經理一定要知道的幾個 API 概念,像是常見的錯誤代碼以及不同的 HTTP 方法(如 PUT、GET、POST)和實際案例說明
面試產品經理要怎麼準備?原本是行銷領域是否可以轉職?大學期間要準備什麼作品?這篇會從「心態準備、求職面試、學習資源」三大方向來拆解產品經理的轉職之路。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
「這個成份很少見效果更好」 你賣的是保養品?還是保養的品牌?  「我要做品牌」老闆堅定的說 Angel:「你怎麼銷售品牌?」 老闆:「我的產品是用最新的技術成份。」 Angel:「是獨家嗎?」 老闆:「不是,但現在做的人不多。」 以上的內容 你聽見的是產品?還是品牌? 賣保養品想做
Thumbnail
夏日穿搭主打舒適、清涼感,讓我們使用 UV 膠製作清冷感的飾品吧✨~
近期收到了一個新上市的行動電源,掛上大公司的品牌聚集數十項功能於一身的新品,讓身為使用者的我迫不及待拆開包裝,期待完美的產品體驗。 一開始使用感受都挺良好的,一度還後悔自己沒有囤貨,錯失了那麼好的產品,但是,還好我並沒有失心瘋,因為產品到手後的半年,問題出現了,原本應該可以好好開機的行動電源,
Thumbnail
在現代生活中,矽膠已成為不可或缺的材料,應用範圍可從家居用品到工業設備甚至醫療設備,矽膠產品以其獨特的性能和多樣的應用方式,深受消費者和企業的青睞。本文將帶您逐步了解矽膠產品的各種服務與應用,探索其在不同領域中的重要角色。
Thumbnail
當您要形容一樣東西很光滑或很勻稱時,您會想到哪一個英文單字呢?我想大部份人第一個聯規到的一定是smooth這個字。而smooth除了光滑之外,還有順暢的,平穩的,香醇的,圓滑的和能言善道的等等意思。今天,我們就來聊一聊英語之中含有smooth這個常用字的一些有趣用法,也希望大家都能夠喜歡。
Thumbnail
汽車胎壓設定指南 在汽車性能優化和安全駕駛中,正確的胎壓設定起著至關重要的作用。無論是日常駕駛還是賽道競速,胎壓影響著車輛的操控性、燃油經濟性以及輪胎的壽命。本篇文章將從專業的角度出發,深入探討胎壓設定的基礎理論、影響因素以及實際應用技巧,幫助車主們充分了解如何根據不同的駕駛需求設置合適的胎壓。
Thumbnail
序   有鑑於用一般膠水的時候,是用久了或不常用的時候,在海綿頭的地方、剩下膠的時候一直等待膠水流到出口,或者塗抹時沒辦法在那邊邊角角塗完整,就是會覺得可惜,所以最近常常會找其他品牌或設計的膠水來用用看,而近期發現了這兩種膠水,覺得設計不錯跟大家分享,如果有其他新發現或設計也可以分享討論唷~
Thumbnail
「抱著產品睡」這個話題有一股獨特的溫馨和親密感,彷彿在訴說著一段微妙的愛情故事,這不再僅是產品,更像是一位陪伴者是那個在我們最需要的時候,總是在身邊的朋友。 每當我們擁有了新的產品,無論是一支智能手機、一部平板還是一組耳機,都宛如迎接了一位新的成員,這個時候我們會仔細地摸索每一個按鈕
Thumbnail
Having been engaged in research and design of consumer electronics products for many years, I have concluded that a good product design needs to meet
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
「這個成份很少見效果更好」 你賣的是保養品?還是保養的品牌?  「我要做品牌」老闆堅定的說 Angel:「你怎麼銷售品牌?」 老闆:「我的產品是用最新的技術成份。」 Angel:「是獨家嗎?」 老闆:「不是,但現在做的人不多。」 以上的內容 你聽見的是產品?還是品牌? 賣保養品想做
Thumbnail
夏日穿搭主打舒適、清涼感,讓我們使用 UV 膠製作清冷感的飾品吧✨~
近期收到了一個新上市的行動電源,掛上大公司的品牌聚集數十項功能於一身的新品,讓身為使用者的我迫不及待拆開包裝,期待完美的產品體驗。 一開始使用感受都挺良好的,一度還後悔自己沒有囤貨,錯失了那麼好的產品,但是,還好我並沒有失心瘋,因為產品到手後的半年,問題出現了,原本應該可以好好開機的行動電源,
Thumbnail
在現代生活中,矽膠已成為不可或缺的材料,應用範圍可從家居用品到工業設備甚至醫療設備,矽膠產品以其獨特的性能和多樣的應用方式,深受消費者和企業的青睞。本文將帶您逐步了解矽膠產品的各種服務與應用,探索其在不同領域中的重要角色。
Thumbnail
當您要形容一樣東西很光滑或很勻稱時,您會想到哪一個英文單字呢?我想大部份人第一個聯規到的一定是smooth這個字。而smooth除了光滑之外,還有順暢的,平穩的,香醇的,圓滑的和能言善道的等等意思。今天,我們就來聊一聊英語之中含有smooth這個常用字的一些有趣用法,也希望大家都能夠喜歡。
Thumbnail
汽車胎壓設定指南 在汽車性能優化和安全駕駛中,正確的胎壓設定起著至關重要的作用。無論是日常駕駛還是賽道競速,胎壓影響著車輛的操控性、燃油經濟性以及輪胎的壽命。本篇文章將從專業的角度出發,深入探討胎壓設定的基礎理論、影響因素以及實際應用技巧,幫助車主們充分了解如何根據不同的駕駛需求設置合適的胎壓。
Thumbnail
序   有鑑於用一般膠水的時候,是用久了或不常用的時候,在海綿頭的地方、剩下膠的時候一直等待膠水流到出口,或者塗抹時沒辦法在那邊邊角角塗完整,就是會覺得可惜,所以最近常常會找其他品牌或設計的膠水來用用看,而近期發現了這兩種膠水,覺得設計不錯跟大家分享,如果有其他新發現或設計也可以分享討論唷~
Thumbnail
「抱著產品睡」這個話題有一股獨特的溫馨和親密感,彷彿在訴說著一段微妙的愛情故事,這不再僅是產品,更像是一位陪伴者是那個在我們最需要的時候,總是在身邊的朋友。 每當我們擁有了新的產品,無論是一支智能手機、一部平板還是一組耳機,都宛如迎接了一位新的成員,這個時候我們會仔細地摸索每一個按鈕
Thumbnail
Having been engaged in research and design of consumer electronics products for many years, I have concluded that a good product design needs to meet