马蜂窝商家端体验升级项目总结

创作者： roctor MFW UED 

木架店家前台是面向全国所有木架店家的网络平台辅助工具，其主要就为店家提供更多各种经营方式辅助工具、店面数据挖掘、Jhansi及自学高速成长专精课程等，满足用户店家各配角核心成员的服务平台全信道工作市场需求。

随着公司的业务发展、密切合作店家数的急速增长，他们提供更多给店家的Web管理前台慢慢无法支撑力销售业务的复杂程度，在听觉和可视化上也累积了许多难题。由于旧系统控制技术架构的管制，许多难题都无法被化解。再者减少了店家的管理工作效率，另一方面间接地影响了网络平台在行业中的专精形像。因此此次工程项目主要就是透过对店家前台的听觉及可视化升级换代，为店家提供更多更快的新体验，提高店家满意率。

与此同时，店家前台模块F83E43Se性高，在做新体验升级换代的与此同时，透过抽象化重新整理店家前台模块库样式，促进控制技术小哥们儿一起将基础模块展开标识符PCB，很大提高了项目组协同工作效率。

在工程项目展开以后，他们透过不同平台搜集店家在产品新体验微观对目前前台的采用意见反馈，难题主要就分散在三方面：“找不出出口处”、“重要信息不简单”、“机能操作方式难”。紧密结合店家前台采用情景，最后分别从桁架、重要信息传达和国际品牌交互三各微观确认了下列3个结构设计准则，作为此次及之后木架店家端结构设计辅导。

▲ 结构设计最终目标

店家端含盖的店家工作情景复杂，对于一个庞大而复杂的系统而言，透过架构升级换代，提高其拓展性，以更快的支撑力未来销售业务发展。

首先，他们配合产品重新梳理了前台的机能架构，再基于销售业务机能确认桁架设计。

▲ 机能架构

最后确认的销售业务机能结构主要就分两个层级，第一级主要根据店家员工配角确认大的销售业务范畴，二级基于一级结构细分销售业务模块。接下来分别透过优化导航及页面结构，化解用户”找不出”这一难题。

导航部分

目前前台导航层级不清晰，同层级导航展示在不同区域，店家找机能主要就靠猜。首先他们透过统一导航位置，统一了用户对出口处位置的认知。再依据二级的机能结构，将二级菜单平铺展示不收起，方便用户快速定位到要找的模块，再次减少了用户找出口处的成本。

▲ 导航优化

页面容器

在一个页面内往往包含多个相对独立的子模块，且重要信息量大。目前前台页面中模块与模块之间没有明显的分割，听觉上无法快速聚焦至子模块。

此次他们在页面内用卡片作为容器承载内容，并且定义卡片的不同情景下的式样规范，使模块与模块之间的呈现更清晰，与此同时页面拓展性也更强。

▲ 页面布局优化

更简单的重要信息组织方式

前台每个销售业务模块之间属性差异巨大，但目前重要信息组织方式大多是以表格的方式呈现，重要信息展示工作效率低下。

▲ 原页面截图

透过深入了解每个销售业务情景，重新组织页面重要信息结构，对于数据类重要信息，透过可视化方式让数据呈现更简单。与此同时听觉元素尽量克制，在帮助用户化解难题的与此同时确保不打扰、不过度。

▲ 优化后部分页面截图

更扁平的可视化方式

透过梳理机能逻辑关系，优化可视化方式，减少页面跳转，让操作方式流程更扁平。与此同时合理运用导航定位，让用户随时随地清楚知道自己在哪，专注于当前任务。

▲ 产品编辑流程优化

国际品牌输出

透过重新定义颜色，icon等听觉元素，统一店家端品牌输出。

可视化意见反馈

统一前台模块及可视化方式，减少店家的认知和操作方式成本。与此同时优化重要信息意见反馈机制，让用户在遇到“难题”时也能够快速响应，对结果充分信任。

▲ 模块库部分展示

对于店家端辅助工具型产品，模块F83E43Se率高且在视觉上也没有太多个性化市场需求，那么可预见的无论是结构设计还是开发侧，都不可避免的有许多重复工作量。那么如何保证新体验一致性的与此同时提高B端产品的结构设计效能?

在工程项目之初，他们透过调研和控制技术同学沟通后决定根据“原子化设计（Atomic Design）”思路规划整个模块库架构。由于“原子化结构设计”本身与开发思路契合，所以当他们给控制技术同学提出这个方案时他们也很乐意配合去做。

由于时间紧迫，在工程项目过程中，他们先将典型模块式样提炼出来，然后从最基础的结构设计元素透过标识符PCB，然后再像堆积木一样将模块模块化，每新增模块都基于F83E43Se性考虑，再透过组合模块构建整个结构设计方案，在保证全站新体验一致性的与此同时也很大的提高了结构设计效能。

在整个工程项目结束后，他们不仅完成了整站的新体验升级换代，与此同时也搭建了之后可F83E43Se的模块库Breezy。

▲ Breezy模块库页面截图

店家端产品过去给人留下的总是“难用”的印象，此次改版升级换代也只算是B端产品向更快的新体验迈出的第一步，未来他们除了探索基于结构设计准则打造更快的店家端新体验以外，结构设计项目组也致力于在新体验升级换代和资源的投入找到最佳平衡点，在提高项目组工作效率的与此同时，结构设计师们也可以将重心上移，深入销售业务，挖掘更多价值从而更快的赋能旅游电商服务生态。

最后的最后，致敬所有参与工程项目的小伙伴们，感谢你萌的辛勤付出～（排名不分先后）

曹益睿、蔡蕾、贾祎明、梁力、彭雪瑶、韦江星、张闻显

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供更多重要信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。