项目背景

相对于买家操作系统来说，商家后台操作系统有着多线程多功能的特点。商家用户很可能要面对大量的表格，表单，数据，以及进行各种复杂的操作和设置。2016年我开始负责后台商家后台操作系统的交互设计工作时，发现当时的后台存在术语不统一，相似页面布局不一致，同一行为的交互方式和视觉展示不一致等问题，给商家用户的操作效率和体验感受带来很大的影响。

另外，我们还发现，虽然商家后台涉及的功能和页面繁杂，但很多页面和操作控件存在极大的相似性，如果能将这些重复使用率高的控件和页面进行梳理，一方面，统一布局和交互控件能将降低用户的认知和学习成本；另一方面，可以极大地提高和开发人员的协同及开发效率。

在此情况下，我们团队以Ant Design提供的控件库为基础，结合自身的平拍风格和网站特点，建立了一个控件库，以便统一商家端Web和APP端的交互设计规范，提升团队开发迭代效率。

再比如，商家操作会有高概率的操作反馈和消息提示。在旧版本的web和app端多以使用弹框为主。虽然弹框提示能起到非常强的警示作用，但是却阻断了用户的操作流，在很多情况下是影响用户体验的。因此，根据反馈对用户的打扰程度，从轻到重分为三种。

Web端操作系统组件库 (截选)

APP端操作系统组件库 (截选)

小结

目前呈现的只是控件库的初版，相对比较粗略。建立组件库是一个长期的工作，需要和UI设计师，产品经理一起协作，随着项目的推进和功能的增删，不断地更新和迭代。