b端产品改版历程

跟无数个设计师一样，在一个项目中不断的对界面视觉优化、改版、对交互不断的探索、体验，认为是一件头疼崩溃的事情，然后接到需求还得微笑面对，哈哈哈，心里虽有一万个不愿意，但值得庆幸的是每一次的改版都能让我们收获颇多，这次b端产品的改版有幸全程跟进参与，这版算是一个在用户体验上的改版，我认为一个产品无论用户是谁都是一个需要get到他的作用的，所谓好的产品不仅仅是视觉上的漂亮（当然也很重要毕竟好看的皮囊能给人视觉上的舒适感），但更重要的还是我们的产品核心功能以及用户体验，本人只是互联网圈里众多设计师中的一枚，所以文章谨代表个人观点和感受，想把自己在项目中的经历分享出来大家一起学习，欢迎大佬批评指正。

项目背景

‘‘装修管家专注于中高端家装、家居的垂直细分领域，以装修管家服务团队为核心，以O2O服务型产品为驱动，不仅在装修过程的前、中、后期，为消费者提供全流程服务；同时为行业内的装修企业赋能，提升其工程交付能力、节省运营成本’’

这是官方给出的解释    呃，其实没有那么复杂 说人话就是

你要装修的话，没时间管装修的事，我们派个人帮你全程操心你家装修的事

至于为什么要改版？

从装修管家第一版上线开始到改版前通过用户（也就是我们的管家）的使用在暴露很多问题

1、功能分布太乱，没有抓住核心

2、管家实际工作场景与产品预想的不一样

3、管家反馈操作太繁琐，更愿意用纸质版（产品黑脸）

4、管家业务需求更改

5、产品交互逻辑以及界面操作不流畅

6、等等等等小问题

作为一次系统性的改版我们不仅仅是UI界面的改动，包括功能上的和交互逻辑上的改动都会考虑

所以我们的目标是

1、功能简化背后的故事

前期规划，找问题

产品出现问题时首先要找问题，回归到做产品的初衷-用户（管家）工作便捷，提高工作效率

a.调研用户(管家)

跟着管家一起工作，深入管家工作场景，了解工作情景，了解他们的工作习惯，在他们的工作过程中会遇到什么样的问题，多观察他们的状态，感受，以及心情

b.访谈用户(管家)

每周五公司会有管家大会，在这个时间会与管家以及管家经理谈谈工作中遇到的问题以及希望怎么解决问题，不同角色对于产品相对应的需求是什么，了解不同角色的需求不同就能有利于我们挖掘产品的痛点

c.整合结果以及问题

最初做管家端的时候是解决了管家的传统服务模式（拿着纸和笔记录上门服务的项目）

只考虑到这样做能解决管家便捷工作方式，而忽略掉管家实际上门的真实情况并不是我们所“认为”的那样 

管家去一个工地的真实情况是“时间短” “带工具” “高效率” 

而我们最初版本的设计功能太繁琐，一些没必要的功能点浪费管家时间，因为管家不是一天只上门服务一个工地。而是会出现多个工地，他们需要在炎热或者寒冷的天气带着工具去上门服务，已经很辛苦了 呜呜呜。。。

所以我们需要解决这些问题就是怎样让他们在这样的条件下尽量的高效完成工作

2、交互优化背后的扎心体验

交互体验其实就是产品的驱动力，清晰的交互逻辑可以使用户在使用的时候可以有很好的体验和感受，从而留住用户，不管b端还是c端产品都是一样的，核心都是为了有更好的操作体验

等等等。。。哎妈呀，问题越整越多

交互好不好，逻辑对不对，主要的是看用户在使用过程中的各种行为，我们在调研的过程中就会看到我们的产品哪里的逻辑不合乎管家的心里预期行为，就可以看出这个功能能否满足管家需求。。

举个栗子吧，我们通过美少女的威逼利诱对我们的管家们下手了，呃 。。当然不是这样，其实我们的管家还是很可耐的，哈哈，说正事，在使用的过程中问他“如果现在需要找一个订单，你会怎么去找？按照订单号、姓名、还是用户信息去找？”他回说“我会在列表里面找，按照订单号寻找”又问他“那为啥不试试搜索功能呢”然后他去使用了“结果点击我们的搜索的时候由于触控区域做的不完善首先是点了几遍没有反应（当然怪我们）然后终于有反应了，然后去输入的时候订单号其实不太记得，然鹅我们也没做模糊搜索，导致他放弃了又回到列表中找他需要的订单，而他也习惯了这样寻找他想要的订单，其实归根结底还是我们的搜索功能做的很不好，在旁边观察看他其实心里有一万只某某某奔腾而过，也有点愤怒了，（内心戏：我不用了，我想换回纸质表单可以吗）但是还是微笑着告诉我们挺好的。。。。

于是我们发粪图强努力改变这一切，然后向交互体验上下手了。。。

3、为什么要界面优化？

功能上交互上都在所变动，“界面”表示很难做啊，那你们都在改变，我也要改变一下，毕竟审美有疲劳，过去的皮囊配不上如今的灵魂嘛。。 哈哈 ，其实主要是考虑到业务调整功能变化之前的界面样式成就，视觉体验不好。。。

视觉方案探索

第一稿，先在视觉上先做出了优化。。

第二稿，对整个产品进行复盘，从原型开始

那么接下来就是产品的主色调性的选择

从最开始的管家服务业务中所有的延展设计都是我们的‘管家蓝’，管家的形象本身就是一种稳重正式的赶脚，所以考虑到为了避免强差色带给用户的识别成本过高，依旧选择蓝色系列配色，并在此基础上进行调整。

 

在正式进入界面设计之前，思考的设计理念。。。。

改版后的视觉效果图

订单首页

根据实际工作情景和用户调研显示管家进来之后首先关心的是自己有哪些工作等待自己去完成，工作流程主线分为三条，【待接单】-【已接单】-【已完成】，其中第一个待接单的工作是管家最为重要的一趴，如果不接单后续将无法进行，接单之后才能对客户进行服务

so…管家拿着待验收的任务上门服务了，开始每个节点的验收

重点来了，这里的验收节点文案超级复杂难懂，头大，也佩服我们的管家真的很腻害。。

添加验收项

前面有说到，管家会提前在不在场的时候创建好验收任务，but，什么事情都会有个特殊或者意外是不是呢，那遇到特殊情况咋整，总不能辛辛苦苦录入了半天的信息又返回去重新来吧，so，在上图中正在验收的过程中点击添加就会来到下图中来解决这个问题。。。

上传照片

验收任务中有合格项和不合格项，不合格的需要立即上传照片并说明原因，所以为了不打断他的操作，交互逻辑与用户心理上应是直接当前页面给他上传照片的操作

这个功能在外卖或者订餐服务中是最常见的，很快解决用户还得花时间是输入的问题，运用到我们这里能有效解决管家的时间和效率

好啦，到这里就差不多了，其实还有一些信息展示的列表页面，万变不离其中，只做信息展示基本都知道怎么肥事啦，就不多废话了

每个项目都有他的时间节点，迭代的也是，所以这版的时间规划并没有把【我的】模块进行改版，呃。。计划在下个小版本中，目前还在规划中，。。。单扣出一个功能都有很多的小点内容

管家V2.7.0整体界面

总结

以上就是管家端改版的前因后果，以及对体验的优化，每一次改版的背后都是小伙伴们辛苦的付出和努力，其实我们都知道还有很多需要改进和优化的地方，只是我们需要一步步来，做好每一步，任何一个阶段都会认真对待，无论是c端还是b端都是为了让用户更好的更舒服的体验产品带给他们的‘好处’，所以在这里写下改版历程，希望能带给大家一些有用的经验，在这个过程中我也不断的学习。

写这么多也挺不容易的[笑哭]，如果喜欢就给我个赞吧！