< WPS电子签V2.0迭代设计 >
从认知到签署
重构电子签体验
围绕新用户认知、合同发起、实名认证与合同管理等核心路径，重新梳理信息层级与操作引导，让用户在首次进入到完成签署的过程中，更快理解产品价值，并建立清晰、可信、可控的签署体验。
为什么做电子签？
用户层面
- 需求旺盛：WPS 海量用户在办公场景下，存在高频的合同签署需求
- 功能断点：从模板搜索到编辑下载，缺乏一键签署的闭环链路支持
- 管理成本：纸质合同类型多、总量大，存在管理难、邮寄慢、成本高的问题
产品层面
- 依托生态：基于 WPS 强大用户群体，打造原生的线上签署工具
- 高效集成：采用 H5 架构并绑定微信，实现 WPS 信息的一键调取与快速签署
社会层面
- 环境驱动：远程办公普及化，加速了电子签名在各行业的渗透
- 政策利好：政策法规不断完善，驱动底层技术（区块链/5G等）趋于成熟
- 技术赋能：云计算与 AI 技术的发展，扫清了电子签行业的底层技术障碍
我们要做成什么样？
跨端协同 · 高效签署
- 【多端联动】手机、PC 实时同步，打破办公场景限制。
- 【深度整合】结合 WPS 文档编辑能力，实现"编、发、签"一体化。
- 【极致体验】满足绝大部分个人及小微企业的合同签署需求。
安全合规 · 权威存证
- 【实名认证】基于 CA 证书与实名校验，确保签署身份真实可靠。
- 【防篡改技术】签署后快速查验，为每一份合同提供全链路证据闭环。
- 【云端存证】信息加密存储，防丢失、可追溯。
低碳管理 · 提效降本
- 【一站式管理】合同归档、下载、查询更便捷，缩短管理路径。
- 【无纸化办公】践行碳中和理念，消除打印与邮寄成本。
- 【资产数字化】将合同从传统纸质件转化为轻量化的数字资产。
V1.0现存问题
V1.0产品在上线使用中收到大量用户反馈，核心痛点集中于功能缺失、用户体验与用户信任三大维度，驱动本次V2.0全面改版
用户体验
发起签署与签署流程过于冗长复杂，导致用户操作出现间断
用户信任
品牌辨识度待提升，界面严谨性不足，用户对电子签章的法律效力存疑
功能缺失
入口聚焦性不足，缺乏流程引导，用户不知如何开始
梳理问题&解决方向
对现有问题进行"视觉"、"交互"、"体验"三个维度进行分析，总结出从这些维度去优化产品的方向
视觉层
- 部分图标大小、风格、复杂度不统一
- 界面样式缺乏严谨专业
- 页面元素主次、层级不清晰
- 部分文字大小不合适，影响用户体验
统一视觉设计风格，明确产品风格调性，强化品牌意识，更符合用户群体审美
交互层
- 功能繁杂，主次功能不够明显
- 部分功能在页面中多次出现
- 信息传达不够清晰
- 部分按钮失效
增强产品的品牌化，提高用户对平台的认知与粘性，优化交互，提升产品的使用体验
体验层
- 页面引导缺失，用户信任度不高
- 对于新用户学习成本较高
- 收发签流程不能很好适配用户需求
- 签署流程冗长，导致用户间断性操作
优化产品信息呈现方式，增加签署完成率，减少用户思考时间，让签署流程更顺滑
在明确了 1.0 版本功能散乱、信任感不足的痛点后，V2.0 的核心任务不仅是功能重组，流程优化，也是品牌认知的重建。我们需要通过视觉语言，将「安全、专业、高效」的产品内核具象化，建立起用户对数字化签署的信任壁垒
去掉不必要的装饰，让位于内容。大量留白和语义化间距，降低阅读负担。
严谨的栅格系统和克制的色彩分布，营造出如纸质合同般的正式感。
高对比度信息层级、极简路径指引，确保用户在 3 个点击内进入核心流程。
建立品牌视觉语言
通过整套视觉系统的规范与重塑，强化产品在签署场景中的正式感，建立起对线上签署的底层信任。将视觉语言全局统一，去繁就简，缩短用户对新功能的认知路径，帮助用户在操作中顺畅签署。
WPS电子签
品牌标志设计
在工具类产品的认知心理中，Logo 是建立用户安全感的第一触点。在 2.0 改版中，我先行启动了品牌标志的升级，期望通过一个更具记忆点、更专业的符号，确立产品的严谨基调，从而由点及面地将品牌化设计融入整个项目中
Logo设计
W + 笔尖设计提炼了金山办公最核心的「W」基因，确保用户在 WPS 生态体系下的认知连贯性。同时将「钢笔尖」这一负形融入其中。笔尖象征着签署的仪式感，W 代表着数字化的高效赋能。两者结合直观地传达了「数字化签署」的核心业务本质。
字体设计
24° 斜角 · 小圆角为了强化产品的法律严谨性，在设计中我舍弃了圆润的曲线处理，采用几何与 24° 标志性斜角切割。这种「切削感」赋予了标志质感与分量，在视觉上传递出不可篡改、安全合规的心理暗示，增强了用户对电子签章效力的信任。
视觉语言构建
从签署场景的严谨性出发，提炼出这套兼具专业度与生命力的色彩体系。品牌蓝色不仅是视觉语言，更是信任的底色
品牌色 #417FF9
- 【 视觉初印象 】：高饱和宝蓝色，奠定专业、稳重的品牌基调。
- 【 情绪引导 】：在冷静中注入活力，让签署过程不再枯燥。
- 【 核心价值 】：一眼识别的"WPS 蓝"，建立品牌心智的强连接。
20PX / 18PX / 16PX / 15PX / 14PX / 12PX
苹方 & 方正锐正黑
中文字体采用苹方&标题及强调文字采用方正锐正黑
设计语言构建
以 4px 为基础单位
4 / 8 / 12 / 16px
统一内容间距、组件留白与页面节奏
以 4px 为递进单位
4 / 8 / 12px
根据组件尺寸与层级，统一不同界面的圆角关系
图标体系设计
为每个场景的业务绘制统一质感图标，分为面性和线性图标，圆角、粗细、视觉比重需保持统一。对图标进行了风格化的设计，使图标更简洁、统一、直观，并对不同类型的图标做出了区分，结合场景更于识别。
新用户认知引导
进入首页前先展示电子签的介绍页，分为四个层级，"强调WPS支持线上签署"、"展示签署步骤"、"表明电子签的优势"以及"WPS电子签的功能介绍"
首页不应只是功能的入口，
而应是效率的起点。
1.0 的首页像一个「静态无主次界面」，功能展示不对等，用户进入后存在 2–3 秒的认知迟滞。
背景对比度过强易干扰视线，主文案无引导作用，签署入口碎片化（云文档 vs 模板），整体缺乏明确的行动指引。
/
H5端改版
从 "功能摆放" 到 "视觉引导"
针对 V1.0 认知模糊与入口分散的痛点，V2.0 确立了以"发起"为核心视觉锚点的引导方案。
品牌感知弱
Slogan 过于通俗，插图严谨性不足，无法支撑电子签的法律严肃性
交互路径断裂
模板签署与云文档签署被强行切分，占据大量视觉面积却增加了用户的选择负担
模板增多不适用
没有针对此条目进行解释说明，占据首页大部分视觉与交互区会让用户对接下来的操作很迷茫
合并模版展示模块
针对个人与企业用户有不同的合同模板，首页展示为 WPS 稻壳搜索最高的几种模板，点击更多则进入模板库
身份与权益外显
在页头集成"身份切换"与"可发起次数"，让用户对账号状态一目了然
步骤前置化
顶部清晰标注"简单 3 步"，将复杂的法律行为拆解为可预期的操作路径
签署效率首页解决了「签署入口」的问题，而发起签署流程则需要解决「效率」问题，本次改版核心在于「减少一次性填写表单负担」「认证后置」
发签主流程
个人用户发起签署-流程优化
信息填写繁琐
在 1.0 版本或传统电子签中，发起人像是一个「中心指挥官」，必须提前帮所有人填好姓名、手机号等信息才能开始。
1. 发起的简化
在云文档发起中，取消了手动输入详细信息的强校验。用户只需选择签署人数，系统将自动流转，设定人数签完后合同立即生效。
2. 操作重心的转移
将「录入信息的负担」从发起人身上移除。发起方只需关注合同内容本身，接收方在签署过程中完成身份确认。
3. 场景化的灵活匹配
「去中心化」思路非常适合熟人场景或面对面场景，通过链接分享即可完成权力的对接，无需逐一录入资料。
01-云文档发起流程
- 云文档发起是WPS电子签与竞品之间的差异，一、可以从云文档选择文件发起（数据表明约占发起方式的58%）；二、从模板发起的合同会保存在WPS个人云文档中，防止丢失，并可以再次选择发起
- 产品优势：确认合同内容时用户可以进行文档编辑或者与他人协作编辑，向较与竞品可以减少用户发起时发现需修改的重复发起的繁琐操作
02-模板发起流程
- 产品优势：WPS电子签有精选的合同模板可以帮助不会写合同的人，并且提供在线编辑，可以在合同模板中修改内容使之更符合自身需求
企业用户发起签署
企业用户发起一份合同相比个人用户会更要求严谨，所以在流程中需要先进行个人与企业身份认证，并且输入明确的签署方进行合同的发起（后续签署步骤基本相同，不赘述放图）
收签主流程
个人用户收签-流程优化
认证流程缺少场景区分
原流程中，无论是否指定签署方，用户都需先完成实名认证再进入签署。对于只设置签署人数的云文档场景，前置认证增加了操作步骤，也打断了签署流程。
1. 认证节点按场景调整
已设置签署方的模板合同，仍然先完成身份认证，再进入签署；未设置具体签署方的云文档合同，则调整为先签署、后认证。
2. 签署路径更加连贯
云文档收签不再在进入合同前强制实名认证，用户可以直接查看并签署合同，完成签署后再进行身份确认，减少流程中断。
3. 合同规则保持不变
此次优化只调整身份认证出现的时机，并未取消认证。签署人数达到发起方设定的要求后，合同仍按原有规则完成。
01-未设置签署方收签流程（云文档发起）
产品优势：
- a. 在交互上推后了用户实名的顺序，签署方在完成签署后再进行身份认证，让整个签署流程更顺滑，并且在产品迭代初期、个人身份认证后置更能捕捉用户行为，针对性的进行版本优化，相较竞品在c2c的流程上可以减少用户使用电子签的前期阻碍
- b. UI视觉层面，在签署信息概览页将主次划分明确，并且在底部展示品牌化Logo潜移默化提升用户信任感，提示标志了电子签的法律效益，增加用户安全感；在签署页面有动效引导用户完成签署；在进入身份认证时提前弹窗形式提醒让用户有心里预期，更流畅的完成签署
02-已设置签署方收签流程（模板发起）
产品优势：
- a. 在交互上，因为在模板发起中发签方已经设置了签署人的信息，所以在此签署流程中，签署方也需要先进行身份实名，完成签署后再进行意愿认证，完成签署后页面会展示签署进程，更直观的展现了当前合同签署状态
- b. UI视觉层面，在签署信息概览页将主次划分明确，并且在底部展示品牌化Logo潜移默化提升用户信任感，提示标志了电子签的法律效益，增加用户安全感；在签署页面有动效引导用户完成签署；在进入身份认证时提前弹窗形式提醒让用户有心里预期，更流畅的完成签署
企业用户发起签署
企业的签署相比个人更要求严谨，在签署流程中需要先进行个人与企业身份认证，与发起方设置信息一致，才能进行合同的签署（签署步骤与模板方式签署基本相同，不赘述放图）
合同管理
合同管理/合同详情涉及6种状态，不同状态下功能不同。在设计完主视觉后，依据所有状态交互进行拓展补充
企业身份体系
账户服务中心
设计价值验证
V2.1 版本上线后，新老用户单 UV 任务转化率保持在 16%~24% 之间，对比 V1.0 版本实现了跨越式增长，整体业务链路呈现稳步上升趋势。
单 UV 任务转化率稳定高位
签署路径大幅精简（体感数据）
新老用户完签数持续增长
随着"去中心化"逻辑的引入，完签率从 V1.0 到 V2.1 实现了质的飞跃。
随着 5 月末流程大版本发布，单 UV 任务完成率出现显著拐点，验证了交互优化对业务的直接拉动作用。
这次改版 让我理解了设计的本质：解决问题
面对 1.0 版本高流失率的挑战，还有很多用户在签署环节会因为「不信任感」「繁琐输入」而中途退出。选择打破常规的发签逻辑，用「去中心化」去对抗繁琐，通过品牌视觉的植入尝试在短的时间内建立信任。虽然目前在企业级复杂场景的适配上仍有迭代余地，但这次改版教会了我：设计决策必须有数据支撑。
这不仅仅是一个项目的完成，更让我学会了如何站在产品体验的角度思考业务增长，再用设计的手法去实现它。
