今天跟你們分享一個產品設計,至于是哪家大廠的產品我就不點名了,有同類需求的讀者應該知道。
事情是這樣的。
我下周要出差北京去舉辦線下聚會和產品訓練營,所以昨天要提前訂機票。
看票的過程還是比較順利的,而且我也快速鎖定了一個時間的航班,然后準備下單。
我在機票詳情頁看到的價格是 567 元,如下圖。
![]()
在選購機票時,我一般會避開各種增值服務或者會員選項。
接下來點擊「選購」按鈕,我試著不選任意附加服務,包括保險、贈送的優惠券、以及會員等,看到的價格還是 567 元。
在這一步的頁面設計上,產品經理巧妙地把機票價格和機建燃油費區分開了,用 567 的大字顯示機票價格,然后在下方用 70 的小字顯示機建燃油。
![]()
實際上,最終需要支付的費用是 567 + 70 = 637 元,但視覺上看到的大字 567 就比直接顯示 637 要讓人更覺得便宜。
可能有讀者不理解這么設計有什么用,最終支付的不還是 637 元么?
其實很簡單,因為這么設計能提高這個頁面的轉化率,用戶看到 567 的數字比看到 637 的數字要更有概率點擊進入下一步。
好,那我們接著來到下一步。
![]()
你看,到這里價格就已經顯示成 637 了,然后又多出來兩個按鈕。
從第一視覺傾向來說,在不仔細閱讀文案的情況下大多數人應該會直接點擊右邊高亮的橙色按鈕「去支付」。
注意,去支付的大字下還有一行小字,寫著 +30 航空延誤險。
假設你沒看到這行小字就點擊了去支付,接下來還會來到下面這個頁面,提示你購買退票險。
![]()
同樣,確認購買的按鈕用橙色高亮來顯示,視覺上對用戶進行了干預式引導。
如果說購買退票險這一步還是比較好識別,且你成功躲過了,那再上一步的去支付環節,或許你某明奇妙附加了一個 30 元的延誤險。
最后,你會發現支付的價格會變成 667 元。
![]()
那種感覺,就像躲過了好幾顆子彈,最終被一個暗器所傷。
以上流程和經歷,是我真實操作過程中的記錄和體驗,因為我連續三次發現最終支付的價格比我最初看到的價格要貴 30 塊錢,但一直不知道哪里出了問題。
以為是機票臨時漲價,以為是過程中附加了其他服務,三次過后才發現「去支付」按鈕下那一行小字。
說實話,這種打怪通關的感覺是一點成就感也沒有。
正常來說,選購一項附加服務應該要由用戶勾選確認,至少要展示這項附加服務的完整說明和信息。
但是,這家大廠的產品經理把「去支付」和「購買延誤險」合并在一個按鈕操作里,一個動作完成兩個結果。
這絕對不是蠢,而是壞。
如果產品這么設計,用戶路徑搞得像踩雷通關,那還有什么體驗可言呢?
沒辦法,最終我還是在這里買了機票。
我沒有生氣,而是拿起了手里剛泡好的枸杞人參茶輕輕抿了一口。
心想,估計那個產品經理也是被逼的。
················· 唐韌出品 ·················
安可時刻
在一個業務主導的組織里,產品經理通常是沒有話語權的。
這不是現狀,而是常態。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.