08 · 原型线框图 — 乘客端(qz-rider)
说明:线框图以 ASCII 呈现,尺寸为手机竖屏(约 30 字符宽)。标注了每个页面的关键交互。设计规范:主色 #0A84FF(轻舟蓝)、圆角 16px、卡片式布局;底部 Tab 固定 5 个:首页 / 订单 / 会员 / 我的。
1. 首页(叫车 · 默认态)
┌────────────────────────────┐
│ 09:41 ▂▄▆█ 信号 电量100│
│ ┌────────────────────────┐ │
│ │ │ │
│ │ [地图区域] │ │
│ │ ●我在这 │ │
│ │ ╲ │ │
│ │ ╲ 规划路线 │ │
│ │ ○目的地 │ │
│ │ │ │
│ └────────────────────────┘ │
│ ┌─ 我在这 ▼ ──── 目的地 ▼ ─┐│
│ │ 西湖文化广场 杭州东站 ││
│ └──────────────────────────┘│
│ ┌────────────────────────┐ │
│ │ 经济型 推荐 3家可比价 │ │
│ │ 曹操出行 23.04元·3分钟 │ │
│ │ 佣金0.23元(1%) │ │
│ │ 省2.56元·司机多赚3.61元 │ │
│ │ T3出行 23.04元·2分钟 │ │
│ │ 佣金0.23元(1%) │ │
│ │ 省2.56元·司机多赚3.61元 │ │
│ │ 出租车 打表价·2分钟 │ │
│ │ [ 查看全部比价 ] │ │
│ └────────────────────────┘ │
│ [ 一键叫车 · 最优 ]│
│ 本单佣金0.23元(1%)·省2.56元·司机多赚3.61元│
│ 首页 订单 会员 我的 │
└────────────────────────────┘
交互说明 - 自动定位 + POI 吸附;点击"目的地"进入搜索页(支持语音/历史/收藏)。 - 报价卡片为聚合结果:每家独立报价,价格最低标"推荐"角标;每卡展示"佣金 X 元(1%) · 省 Y 元(10%) · 司机多赚 Z 元";点击"查看全部比价"进入比价页。 - "一键叫车"默认选择综合分最优(价格 0.4 + 接驾 0.3 + 服务 0.2 + 品牌 0.1)。 - 底部常驻信任文案"本单佣金 0.23 元(1%)· 省 2.56 元 · 司机多赚 3.61 元",强化"省 10% + 多赚近 20%"心智(比价提示)。
2. 比价页(选车)
┌────────────────────────────┐
│ ‹ 选择车型 杭州东站 │
│ 📊 同行程市场参考价 25.6元 │
│ 轻舟实付 23.04元·省2.56元(10%)
│ 司机到手22.81元(市场仅19.2)│
│ 经济型 ▸ 舒适型▸ 商务型▸ │
│ ┌────────────────────────┐ │
│ │ [最便宜] 曹操出行 │ │
│ │ 预估 23.04元 │ │
│ │ 佣金0.23元(1%)·接驾3分钟 │ │
│ │ 司机到手 22.81元 │ │
│ │ [选曹操] │ │
│ └────────────────────────┘ │
│ ┌────────────────────────┐ │
│ │ T3出行 │ │
│ │ 预估 23.04元 │ │
│ │ 佣金0.23元(1%)·接驾2分钟 │ │
│ │ 司机到手 22.81元 │ │
│ │ [选T3] │ │
│ └────────────────────────┘ │
│ ┌────────────────────────┐ │
│ │ 出租车(打表计价) │ │
│ │ 打表价 · 信息费1~3元 │ │
│ │ [呼叫] │ │
│ └────────────────────────┘ │
│ 计价: 市场价×90%=实付 · 平台佣金1% │
└────────────────────────────┘
交互说明 - 顶部比价提示条:市场参考价 vs 轻舟实付(省 10%)+ 司机收入对比(多赚近 20%,数据源见 14 文档 §8)。 - 卡片按综合分排序,但价格必须全部可见(透明化要求);每卡标注佣金金额与司机到手。 - 点击"计价"可查看 1% 佣金与让利 10% 规则公示;"选"后进入下单确认(可选券/会员抵扣试算)。
3. 下单确认 → 呼叫中
┌────────────────────────────┐
│ ‹ 确认订单 │
│ ┌────────────────────────┐ │
│ │ ● 西湖文化广场 │ │
│ │ ╎ │ │
│ │ ○ 杭州东站 约12.5km │ │
│ └────────────────────────┘ │
│ 车型: 经济型 · 曹操出行 │
│ 预估 23.04元 (佣金0.23元) │
│ 优惠: [无可用券] [会员-2元] │
│ ┌────────────────────────┐ │
│ │ 呼叫中… 已广播3家运力方 │ │
│ │ ⠋ 等待接单 (18s) │ │
│ │ [取消] [加小费5元] │ │
│ └────────────────────────┘ │
│ 佣金0.23元(1%)·省2.56元·司机多赚3.61元│
└────────────────────────────┘
交互说明 - 60s 无人接单:自动二次广播 → 提示切换车型/加小费/转出租车。 - 乘客可同时查看各家接单状态(谁先接单谁服务)。
4. 行程中(司机已接驾)
┌────────────────────────────┐
│ 09:41 ▂▄▆█ 信号 电量100│
│ ┌────────────────────────┐ │
│ │ [地图-实时轨迹] │ │
│ │ ● 车辆位置 │ │
│ │ ── 预计3分钟到达 │ │
│ │ │ │
│ │ 🛡 安全中心 📞 联系司机 │ │
│ └────────────────────────┘ │
│ 浙A·D12345 T3出行 王师傅 │
│ 5座白色 · 评分4.9 │
│ 预计 12.5元 · 上车前免费取消 │
│ [发送到达提醒] [紧急联系] │
└────────────────────────────┘
交互说明 - 行程中顶部悬浮安全胶囊:一键报警 / 行程分享 / 录音(依法告知)。 - 虚拟号通话 + 站内 IM;司机到达后推送 + 响铃。
5. 行程中(已上车)
┌────────────────────────────┐
│ ┌────────────────────────┐ │
│ │ [地图-路线] │ │
│ │ 剩余 8.2km · 18分钟 │ │
│ │ 当前里程 4.3km │ │
│ └────────────────────────┘ │
│ 实时计费(市场同口径) │
│ 车费 里程费 4.3km×1.8=7.74 │
│ 时长费 12min×0.3=3.60 │
│ ─────────────────────── │
│ 车费小计 11.34 + 佣金0.11 │
│ 当前预估 11.45元 │
│ [修改目的地] [加停靠点] │
│ 安全中心: 录音中 行驶平稳 │
└────────────────────────────┘
交互说明 - 实时计费明细滚动更新;改目的地/加停靠点需司机确认并重新计价。 - 到达终点自动结束计费并触发免密支付。
6. 支付完成 · 账单明细
┌────────────────────────────┐
│ 🎉 行程完成 │
│ ┌────────────────────────┐ │
│ │ 车费(司机到手,曹操) 22.81│ │
│ │ ├ 里程费 5km×1.8 9.00│ │
│ │ ├ 时长费 22min×0.3 6.60│ │
│ │ └ 起步价含 7.21│ │
│ │ 平台佣金(1%) 0.23 │ │
│ │ ───────────────────────│ │
│ │ 实付 23.04 │ │
│ │ [已自动扣款 · 微信支付] │ │
│ └────────────────────────┘ │
│ 💡 市场平台同行程约 25.6元 │
│ 本单省 2.56元(10%) │
│ 司机多赚 3.61 元 │
│ [分享让利卡] [评价司机] │
│ [申请发票] [联系客服] │
└────────────────────────────┘
交互说明 - 账单强制拆分"车费(司机到手)+ 佣金金额(1%) + 比价提示";分享让利卡文案:"本单平台佣金仅 0.23 元(1%),市场平台抽成约 6.4 元——你省 2.56 元,司机多赚 3.61 元。"(口碑杠杆) - 评价:星级 + 标签(准时/平稳/车辆整洁…)+ 文字;差评需补充原因。
7. 订单中心
┌────────────────────────────┐
│ ‹ 我的订单 全部 ▾ │
│ [进行中] [待支付] [已完成] │
│ ┌────────────────────────┐ │
│ │ ● 西湖文化广场→杭州东站 │ │
│ │ 今天 14:20 · 经济型·T3 │ │
│ │ 12.50元 已完成 [详情] │ │
│ └────────────────────────┘ │
│ ┌────────────────────────┐ │
│ │ ● 公司→机场 昨天 08:10 │ │
│ │ 舒适型·曹操 86.00元 │ │
│ │ 已完成 已开票 [详情] │ │
│ └────────────────────────┘ │
│ ┌────────────────────────┐ │
│ │ ● 家→公司 周一 08:00 │ │
│ │ 经济型·T3 18.00元 │ │
│ │ 已取消(司机未接单) [详情] │ │
│ └────────────────────────┘ │
└────────────────────────────┘
交互说明 - 状态 Tab + 月份筛选;订单详情含全链路时间线、轨迹回放、费用明细、发票与投诉入口。
8. 会员中心
┌────────────────────────────┐
│ ‹ 轻舟会员 │
│ ┌────────────────────────┐ │
│ │ 🚀 轻舟月卡 19.9元/月 │ │
│ │ 每月6张2~5元券 │ │
│ │ 专属客服 · 优先应答 │ │
│ │ 生日礼包 · 通勤权益 │ │
│ │ [ 立即开通 · 首月9.9 ] │ │
│ └────────────────────────┘ │
│ 本月权益进度 │
│ 券: ▓▓▓░░░░░░ 3/6 已使用 │
│ ┌────────────────────────┐ │
│ │ 成长值 1,280/2,000 白银 │ │
│ │ 邀请好友 → +100成长值 │ │
│ └────────────────────────┘ │
│ 权益说明 自动续费管理 │
└────────────────────────────┘
交互说明 - 券在结账时自动择优抵扣;补贴券成本由平台承担,不减少司机收入。 - 成长值体系:消费/评价/邀请获得,等级解锁更多权益(留存钩子)。
9. 优惠券
┌────────────────────────────┐
│ ‹ 优惠券 [可领取] │
│ ┌────────────────────────┐ │
│ │ [可用] [已用] [已过期] │ │
│ └────────────────────────┘ │
│ ┌──────────┐ ┌──────────┐ │
│ │ 立减券 │ │ 通勤券 │ │
│ │ ¥5.00 │ │ ¥3.00 │ │
│ │ 满15可用 │ │ 工作日早晚│ │
│ │ 12-31到期│ │ 高峰可用 │ │
│ └──────────┘ └──────────┘ │
│ ┌────────────────────────┐ │
│ │ 邀请好友得5元券 │ │
│ │ [分享给好友] │ │
│ └────────────────────────┘ │
│ 规则: 券不减少司机收入 │
└────────────────────────────┘
交互说明 - 券与会员券取最优不可叠加;一口价订单可用;券金额由平台承担。
10. 预约用车
┌────────────────────────────┐
│ ‹ 预约用车 │
│ ┌────────────────────────┐ │
│ │ ● 家 │ │
│ │ ○ 杭州东站 │ │
│ │ 📅 明天 07:30 │ │
│ │ 提前30分钟~7天可预约 │ │
│ └────────────────────────┘ │
│ 车型: 经济型 · 预估 25~32元 │
│ ┌────────────────────────┐ │
│ │ [确认预约] │ │
│ └────────────────────────┘ │
│ 预约单将提前广播给运力方 │
│ 发车前一小时确认派车结果 │
└────────────────────────────┘
11. 安全中心
┌────────────────────────────┐
│ ‹ 安全中心 │
│ ┌────────────────────────┐ │
│ │ 🔴 [ 一键报警 ] │ │
│ │ 报警后同步位置至110平台 │ │
│ └────────────────────────┘ │
│ 行程分享 ── 开启 微信好友 │
│ 行程录音 ── 开启(依法告知) │
│ 夜间守护 ── 开启 23点-5点 │
│ 紧急联系人: 妈妈 138****0000│
│ [添加] [修改] │
│ 安全课堂: 乘车安全指南 │
│ 未成年人: 14岁以下需陪同 │
└────────────────────────────┘
交互说明 - 一键报警:拨打 110 + 实时位置推送 + 平台安全组介入。 - 行程录音需双方知情同意(隐私合规,见 06 文档)。
12. 个人中心
┌────────────────────────────┐
│ ‹ 我的 │
│ ┌────────────────────────┐ │
│ │ (头像) 张三 │ │
│ │ 138****0000 · 已实名 │ │
│ │ 轻舟白银会员 ▸ │ │
│ └────────────────────────┘ │
│ 我的订单 优惠券 推广中心 │
│ 企业出行(员工) 支付方式 │
│ 紧急联系人 安全设置 隐私中心 │
│ 客服与帮助 设置 │
│ 推广有礼: 邀请好友打车赚佣金 │
└────────────────────────────┘
13. 登录 / 注册
┌────────────────────────────┐
│ 轻舟出行 │
│ 抽成直降80% · 打车更便宜 │
│ ┌────────────────────────┐ │
│ │ +86 [1___________] │ │
│ │ [ 获取验证码 ] │ │
│ │ 登录即同意《用户协议》 │ │
│ │ 《隐私政策》《定位授权》 │ │
│ └────────────────────────┘ │
│ [ 微信一键登录 ] │
└────────────────────────────┘
交互说明 - 位置授权单独弹窗(敏感个人信息单独同意);支持游客浏览地图但叫车需登录。 - 企业员工入口:输入企业邀请码/手机号自动识别企业账户。
14. 推广中心(邀请好友赚佣金)
┌────────────────────────────┐
│ ‹ 推广中心 │
│ ┌────────────────────────┐ │
│ │ 🎁 我的专属邀请码 │ │
│ │ QZ8888 │ │
│ │ [分享海报] [复制链接] │ │
│ └────────────────────────┘ │
│ 累计收益 128.00元 │
│ 可提现 36.50元 | 待生效 24.00元│
│ ┌────────────────────────┐ │
│ │ 邀请进度 │ │
│ │ 已邀请12人 · 已首单6人 │ │
│ │ 复购中3人 · 再邀请3人升级 │ │
│ └────────────────────────┘ │
│ [ 提现 ]│
│ 满10元可提 · T+1审核到账 │
│ 规则: 好友首单得8元 · 30天第3单再得5元
│ 团队等级: 白银(邀请10人) ▸ │
│ 我的邀请记录 ▸ 收益明细 ▸ │
│ 合规提示: 实名推广 · 层级≤2级 │
└────────────────────────────┘
交互说明 - 邀请码/海报/链接三渠道分享,扫码自动绑定邀请关系。 - 收益状态:待生效(冻结 7 天防刷单)→ 已生效 → 已提现;退款单佣金自动回滚。 - 提现走微信零钱/支付宝,个税由平台代扣;详见 15-推广分佣系统设计。
页面清单汇总
| # | 页面 | 优先级 | MVP | 关联模块 |
|---|---|---|---|---|
| 1 | 首页叫车 | P0 | ✅ | 调度/比价 |
| 2 | 比价页 | P0 | ✅ | 报价聚合 |
| 3 | 下单确认/呼叫中 | P0 | ✅ | 订单 |
| 4 | 行程中-接驾 | P0 | ✅ | LBS |
| 5 | 行程中-计费 | P0 | ✅ | 计价 |
| 6 | 支付完成/账单 | P0 | ✅ | 支付/清分 |
| 7 | 订单中心 | P0 | ✅ | 订单 |
| 8 | 会员中心 | P1 | ⬜ P1 | 营销 |
| 9 | 优惠券 | P0 | ✅(简版) | 营销 |
| 10 | 预约用车 | P1 | ⬜ P1 | 调度 |
| 11 | 安全中心 | P0 | ✅ | 安全 |
| 12 | 个人中心 | P0 | ✅ | 用户 |
| 13 | 登录注册 | P0 | ✅ | 用户 |
| 14 | 推广中心 | P0 | ✅ | 推广分佣 |