校园快递代取预约小程序
三款原型工具对比
1.Axure RP
适用领域:大型商用后台系统、复杂 APP、需要输出正式产品文档的商用项目。
优点:①高级交互逻辑强大,支持变量、动态面板、循环列表;②可一键导出标准化 PRD 需求文档;③离线本地存储,适配涉密项目。
缺点:①收费昂贵,学习难度大,新手入门周期长;②不支持云端协同;③做简易小程序原型冗余繁琐。
2. 墨刀
适用领域:小程序、APP 快速原型、课程设计、毕业设计、初创产品原型。
优点:①云端在线使用无需安装,拖拽式操作上手简单;②一键生成原型分享链接;③内置大量手机 / 小程序现成组件。
缺点:①复杂交互功能受限,无法做复杂数据逻辑;②免费版限制页面与项目数量;③PC 端网页原型组件偏少。
3.Mockplus 摹客
适用领域:全端原型(APP + 网页 + 小程序)、小组团队协同开发项目。
优点:①支持多人实时在线协作批注;②自带自动切图、标注功能,对接前端开发;③海量行业成品模板。
缺点:①高阶交互功能需要付费;②功能繁多,新手找功能繁琐;③导出文档规范性不如 Axure
界面介绍
界面 1:首页(第一张图)
界面功能:项目启动首页,提供进入下单页、订单页两个核心入口。
界面组成:顶部标题「校园快递代取服务」、【下单】蓝色按钮、【查看订单】蓝色按钮、手机系统状态栏。
前置条件:用户打开小程序,默认进入本页面。
后置条件:点击【下单】跳转预约填写页面;点击【查看订单】跳转订单详情页面。
操作步骤
① 打开小程序加载首页;
② 点击【下单】→跳转下单填写页面;
③ 点击【查看订单】→跳转订单详情页面。
界面 2:预约下单填写页(第二张图)
界面功能:选择快递驿站、填写取件码、收货楼栋、预约派送时段,提交生成代取订单。
界面组成:驿站下拉选择框、取件码输入框、宿舍楼栋输入框、派送时段下拉框、底部【下单】按钮。
前置条件:首页点击【下单】按钮跳转至此页面。
后置条件:填写信息后点击下单,提交成功跳转「下单成功页」。
操作步骤
① 下拉选择驿站(北区驿站);
② 在输入框依次填写取件码、宿舍楼栋;
③ 下拉选定派送时间段;
④ 点击底部【下单】,跳转下单成功页面。
界面 3:下单成功提示页(第四张图)
界面功能:反馈订单提交结果,提供快捷查看订单入口。
界面组成:居中文字「下单成功」、【查看订单】按钮。
前置条件:下单填写页点击提交下单,订单创建成功后跳转本页。
后置条件:点击【查看订单】按钮,跳转订单详情页面。
操作步骤
① 查看页面下单成功提示;
② 点击【查看订单】,跳转订单详情页面。
界面 4:订单详情页面(第三张图)
界面功能:展示订单编号、订单配送状态,支持一键返回首页。
界面组成:「订单编号」「订单状态」文本、【返回主页】蓝色按钮。
前置条件:①首页点查看订单;②下单成功页点查看订单,均可进入本页面。
后置条件:点击【返回主页】按钮,回到小程序首页。
操作步骤
① 浏览订单编号与订单状态信息;
② 点击【返回主页】,回到初始首页。
三、页面整体切换流程
打开小程序 → 首页
首页点击【下单】 → 下单填写页 → 提交下单 → 下单成功页 → 点击查看订单 → 订单详情页 → 返回主页 → 首页
首页直接点击【查看订单】 → 订单详情页 → 返回主页 → 首页





浙公网安备 33010602011771号