高手案例实战！猫狗洗护预约小程序改版设计复盘

又回到改版系列的分享了，而我们今天的改版对象是一款线下宠物洗护小程序的预约流程，给自家猫、狗预约门店的洗护服务，包含基本的洗澡和相关口腔、毛皮的护理。

一、相关问题分析

接下来，我们展开对目标案例相关问题的分析，遵照从宏观到细节的顺序依次展开。

首先介绍这套流程的操作顺序，包含下面这些步骤：

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：确认预约订单

最后一步就是完成最后的订单预约了，检查预约信息，然后选择护理师，添加联系方式和备注，然后完成后续的支付流程即可。

最后可以看一遍总的原型图例：

时间关系不做最后的视觉输出，大家可以自己感受两个版本的前后变化和差异。

结尾

而优化的最终目标包含两个，一个是满足业务场景的需要（需求端），另一个是提高操作的效率和使用体感（体验端）。只有充分考虑这两个目标输出的方案，才能叫体验设计，且能对最终的体验设计方案给出清晰的分析思路说明。

所有产品设计、体验设计都是超出视觉设计的决策过程，思考和分析的目的是给出有说服力的结果，也就是说服其他人的逻辑，而不是做一套图让别人看好不好看！