UI/UX 设计示意案例

教育机构活动报名页

把报名流程压缩到三步,减少中途放弃

提交报名
01现状走查02流程重排03原型验证04规范交付

界面为流程示意,不涉及真实客户名称与经营数据

教育培训 · UI/UX 设计

CONTEXT

背景与目标

原报名页一屏十几个字段,家长填到一半常放弃。咨询入口藏在页面底部,客服要反复问同样的问题。

项目目标

减少报名页的填写负担,让家长在手机上完成报名与课程咨询。

PROCESS

完整过程

按家长的实际操作路径走一遍报名流程,记录其中停顿、犹豫与重复填写的位置。

产出:问题清单与操作路径图

把必填项拆成两步、选填项后置,把报名与咨询合并为一条路径。

产出:用户流程图

做出可点击原型,请几位家长在手机上完成一次报名,观察卡在哪一步。

产出:交互原型与验证记录

整理字号、间距、按钮与表单状态的规范,方便后续活动页复用。

产出:视觉稿与设计规范

阶段标签对应合作流程页的步骤,点击可查看该阶段的产出物与配合事项。查看完整合作流程

DECISIONS

关键决策

影响方案走向的取舍,通常比功能多少更决定项目能不能顺。

必填项分两步收

一屏塞满字段会让人先放弃。分成基本信息和课程意向两屏,完成感更强。

报名与咨询合并

把课程咨询做成报名路径中的一个选项,减少客服重复询问与家长二次填写。

DELIVERY

交付内容

上线时按这份清单逐项对照验收,避免「做完」和「能用」之间的差距。

  • 报名流程与操作路径图01
  • 交互原型与验证记录02
  • 移动端视觉稿03
  • 表单状态与组件规范04
  • 给开发的设计标注05

RESULT

上线后的变化

  • 报名流程从五步减少到三步
  • 咨询与报名在同一条路径里完成

结果以流程变化描述,不引用虚构的经营数字。

所属服务

UI/UX 设计

先让流程说得通,再让界面好看

产品界面改版设计系统与组件规范原型验证
查看服务详情

你的项目属于哪一类?

说明业务场景即可,我们先判断范围,再一起确认方案与报价。