往期案例；

又回到改版系列的分享了，而我們今天的改版對象是一款線下寵物洗護小程序的預約流程，給自家貓、狗預約門店的洗護服務，包含基本的洗澡和相關口腔、毛皮的護理。

一、相關問題分析

接下來，我們展開對目標案例相關問題的分析，遵照從宏觀到細節的順序依次展開。

首先介紹這套流程的操作順序，包含下面這些步驟：

1. 寵物選擇：選擇自己要做洗護的寵物（有多寵家庭）
2. 選擇套餐/洗護項目：選擇想要的洗護套餐或者洗護的類型
3. 洗護增項：給洗護過程添加額外的服務項目，如刷牙、耳部護理等
4. SPA服務：給寵物增加額外的SPA護理服務
5. 訂單確認：確認預約的門店、時間、護理師和聯系人信息
6. 完成預約：完成相應支付鎖定洗護服務訂單

而在業務端，除了基礎洗護選擇外，套餐、增項、SPA等服務很少會在線上下單（尤其是新客），都需要到門店進行溝通/推薦后才會選擇。

結合上面這些信息，我們就可以先做一個初步的分析結論：

問題1：增項服務的在操作中占比過大，需要強制顧客操作才能跳過，但實際上顧客在這個階段很少會選擇這些增項。

問題2：預約時間選擇放最后，很可能會出現想要預約的時間段預約不到或全滿的問題，這樣前面做的選擇就全部失效。

然后我們在到細節的頁面中分析具體的問題：

問題1：信息不夠直觀

在服務選擇頁中包含的信息量是不少的，主要有寵物、套餐、服務選擇、洗護列表，且缺乏主次。已知目前對于顧客來說最重要的就是洗護，那么其它信息的干擾性會放大，對完成主要選擇目標并不友好。

問題2：下一步操作繁瑣

底部欄的下一步，用于切換項目的 TAB，必須切換到SPA標簽后再點下一步才進入支付階段。先不管項目類型的切換，從完成項目選擇到確認訂單的按鈕，不應該使用相同的操作名稱。

問題3：詳情展示和加購操作不合理

套餐、洗護、SPA等重要服務都有詳情介紹，會有個模態面板來展示這些信息，但是這個面板展示靠下，看起來并不舒服，且選擇按鈕的視覺權重、位置也并易于操作。

問題4：SPA中的選項沖突

SPA護理本質上是單選，選擇一個新的就會取消掉舊的，但是牙齒SPA和身體SPA是兩個類型，所以它們兩者之間并不沖突，但列表中并沒有體現出來。

以上就是對當前產品體驗問題的基本分析，已經足夠我們去創建后續的優化方案了，其它細節點我就不一一羅列出來了。

二、體驗改版說明

在改版中，首先優化操作流程，順序如下：

1. 步驟1：選擇寵物和預約的時間，然后進入下一步
2. 步驟2：先選擇套餐或洗護項目，增項和SPA是洗護項目的下級選項，可以直接略過進入訂單頁
3. 步驟3：在訂單頁中確認相關預約信息和選項，提交訂單

步驟1：寵物和時間選擇

該頁面除了選擇寵物外，聚合了預約時間設置的組件。除了查看可預約時間外，還可以完成對時間的短期鎖定，確保不會后面服務選完了，下單的時候發現被別人搶了。

步驟2：選擇服務頁面

選擇服務頁面主要優化顯示空間和信息展示的方式，簡化了寵物的顯示，且移除了項目的選項卡，且保證目前的六個洗護項目在首屏都能展示到。

點擊套餐或者項目后，展開的彈窗也進行一定的優化，換成一般的彈窗，將價格和選購按鈕放到底部，更符合操作邏輯，且操作區域更大。

接著在完成洗護類型選擇后，展開面板彈出下級的增項和SPA選項，想要選擇附帶服務可以在這里完成，不想選也可以直接點擊確認進入下一頁中。

最后針對套餐的選擇上，也做了一定的優化，套餐選擇后不停留在原地，而是直接打開對應洗護面板并跳轉到該位置上，可以直接看到套餐包含的內容有哪些，且彈出節省價格的提示氣泡。

步驟3：確認預約訂單

最后一步就是完成最后的訂單預約了，檢查預約信息，然后選擇護理師，添加聯系方式和備注，然后完成后續的支付流程即可。

最后可以看一遍總的原型圖例：

時間關系不做最后的視覺輸出，大家可以自己感受兩個版本的前后變化和差異。

結尾

而優化的最終目標包含兩個，一個是滿足業務場景的需要（需求端），另一個是提高操作的效率和使用體感（體驗端）。只有充分考慮這兩個目標輸出的方案，才能叫體驗設計，且能對最終的體驗設計方案給出清晰的分析思路說明。

所有產品設計、體驗設計都是超出視覺設計的決策過程，思考和分析的目的是給出有說服力的結果，也就是說服其他人的邏輯，而不是做一套圖讓別人看好不好看！

歡迎關注作者的微信公眾號：「超人的電話亭」