探索B端SaaS系统首页升级

Part 1 行业聚焦

F6智慧门店服务系统专注于汽车后市场领域，以服务维修厂为核心，提升其门店管理，车主营销，供应链管理，维修应用数据能力。我们作为B端产品本质是 解决组织痛点，实现商业价值！ 帮助维修厂赋能汽车后市场。

这是官方给出的解释

呃，其实说人话就是

你家要是开维修厂的话，我们的软件可以帮助你从多方面管理维修厂

那么在汽车后市场下的SaaS系统是否真的“好用”？最佳的SaaS产品设计，建立在对用户目标、痛点和期望的透彻理解之上

对于所有的设计师来说，项目要进行系统升级都是很重视也很头疼的一件大事。我们有幸在2020年初完整的跟进推动SaaS系统改版升级，并结合行业特色做了一些设计尝试，从UED专业视角，重新定义APP内体验规范及视觉风格的核心场景。

Part 2 我们的历史

作为B端汽修后市场一员，至2020年我们的APP已经5年了，亦然暴露了很多问题

上面版本，都有一个共性问题：早期一直围绕功能布局，首页利用率低。

如2019版首页：

用一句话总结就是B端很大一部分在于围绕功能所需，而不是他们想要的~

2020年2月开始，我们着手对B端首页进行一轮整体的改版，从 框架层、表现层以及品牌等方面 进行统一升级。

Part 3 设计目标

万事开头难，对于一个大的升级，制定规划尤为重要！随着产品功能不断完善和优化，加之设计趋势的日新月异，都驱动着产品不断经过设计推敲，进行着交互和功能上的优化，生成更高质量的产品。

明确目标： 针对SaaS系统体验改版升级

SaaS系统的B端用户一般都是公司级团体，例如像我们的用户就是维修厂企业，产品解决公司的某些问题，比如用它协同工作提高效率，所以在B端的设计上我们与c端还是会有一些差别，设计toC产品时需要设计师有创新精神，优化视觉与交互，同时注意每一个细节带来的设局变化，可能一个按钮改变了颜色就会带来数据变化，同时进行ABtest快速迭代输出方案。对于toB来说，需要交互尽量做到高效，视觉尽量有简洁性和安全感toB产品的视觉设计可以为效率让步，所以我们将体验带入线下场景中，进行实际的定性与定量的调研，来帮助我们进行设计。

得出用户的使用特性：

设计策略

1.聚焦核心价值，基于数据升级框架内容

在内容框架制定上，舍弃掉收纳业务模块，聚焦功能，提高常用功能曝光、丰富度提升以及首页的体验提效。

2.风格升级，塑造心智

视觉升级：内容栅格，丰富框架的同时避免给用户带来负担，强调版块特性，塑造商户心智感知，达成业务目标。

3.品牌升级，贯穿APP场景

品牌概念在于将新康众-F6品牌形象融入APP，提升商户认知，感知平台价值。从设计专业角度看，APP的品牌设计，有利于定义并统一APP体验规范。

Part 4 设计方案

在确定改版策略后，在设计初期，我们进行了多种不同风格的尝试，最终经过不断的风格尝试和自我否定后，确定了具有行业特色的轻量化设计，塑造用户感知。

1.图形规范

在汽车后市场商业操作系统中，新康众-F6聚焦做B类业务，直接服务对象是B类商户，业务细分为洗车、接车、维修、保养等，这些都具有一定的B类特质，故在APP业务常规图标的表达上，选定了扁平弱对比的设计规范，塑造B类场景商户的沉稳性及简约感。

2.运营规范

Banner升级：相对于C类用户，B类用户更偏理性，故选择更冷静的视觉感官与B类商户对话，而非渲染氛围引导点击。（上线后活动内容，按新、老两版规范设计投放 Banner，新版较老版 UV 约高出 58%）

内容场景（直播）互动化：抽象出直播间的版面，配合内容叠加形式设计。

3.商业价值

经营者使用B端产品不是为了个人偏好，而是为了“赚钱”。这次改版优化业务流程进而提升组织效率，这个并不会直接帮助经营者赚钱，那么它的价值主要体现在降本提效，原先高频操作都需要从首页门店管理进入后才能进入功能页，改版后提效翻倍，在体现情感化设计的同时满足商业价值。让商家愿意使用（活跃），最终觉得好用（复购），才能成为一个长期且良性的循环。