汪圈 · 遛狗小程序 — 可交互原型 V1
首版聚焦遛狗单机闭环,覆盖从「打开小程序」到「第一次遛狗」的完整路径。点击屏幕内的按钮可真实跳转、切换状态。橙色虚线框是给开发的交互/逻辑注释,不属于界面本身。完整流程:登录(0a) → 建档(0b) → 首页(1) → 遛狗(2) → 成果卡(3) → 沉淀(4)。底部导航「记录 + 遛狗 + 我的」三 Tab;广场、附近、排行榜、信息站均为 pending。
主行为入口
进行中状态
暂停状态
危险/二次确认
开发注释
0a欢迎 / 微信授权登录
登录即代表同意 用户协议 与 隐私政策
注释:首次打开的第一屏。微信授权登录后,若用户尚未建档任何狗狗 → 直接进建档页(0b);已建档老用户 → 跳过,直接进首页。协议/隐私为必须的合规要素。
登录 → 新用户进建档页;老用户直接进首页。
0b建档 / 编辑狗狗(同一表单)
注释:建档与编辑复用此表单(编辑时预填已有值,标题改「编辑资料」)。仅名字、犬种必填——降低首次门槛。犬种用于狗步换算系数;体重可选做二次校准。完成后进首页,首页即出现这只狗。
完成 → 首页(狗狗已建档)。狗狗主页右上「编辑」也进此页(预填)。
0c多狗选择(点遛狗时)
仅多狗用户出现;单狗用户点遛狗直接进遛狗中。选定 → 遛狗中。
1我的(启动后默认页)
我的
我的狗狗
注释:启动后默认进此页。单只狗时点中央「遛狗」按钮直接开始;多只狗弹出选择。「添加狗狗」为多狗预留。
点豆豆卡片或「成就」→ 狗狗主页;点中央橙色按钮 → 开始遛狗。
2遛狗中 · 进行态
遛狗中
地图轨迹(首版可后置)
便便打卡
豆豆 · 柯基
注释:计时器每秒自增(演示中模拟)。便便打卡为行内开关,遛狗中即时记录。底部可切换当前遛的是哪只狗(单狗不显示箭头)。距离/狗步在未授权定位时降级隐藏。
结束这次遛狗?
豆豆已经走了 12 分钟,
确认结束并生成成果卡。
「暂停」→ 暂停态;「结束」→ 二次确认 → 成果卡。
2b遛狗中 · 暂停态
已暂停
计时已停止
豆豆 · 柯基
注释:暂停时停止计时,时长/数据置灰,避免误以为仍在记录。主按钮变「继续」(提示恢复)。遛狗常有等狗、捡便便的停顿,暂停防止污染数据。
「继续」→ 回到进行态;「结束」→ 成果卡。
3成果卡(遛完总结)
豆豆今天走了
3,480 狗步
超过了昨天的 2,900 步
补充(可选,跳过也能保存)
注释:所有需要输入的字段集中在此页且全部选填——遛狗时用户腾不出手。视角是「豆豆走了」非「你遛了」。分享为首选项(拉新入口)。「完成」后记录沉淀进狗狗主页。
「完成」或「分享」→ 沉淀进狗狗主页近期记录。
4狗狗主页
成就墙3 / 12
近期记录
今天 早上
12分34秒 · 1.2km · 3480狗步
昨天 傍晚
18分02秒 · 1.8km · 5100狗步
注释:累计选「次数/公里/连续天数」,不要配速/卡路里——记录陪伴厚度而非运动表现。成就墙露灰锁制造收集欲。点近期记录可回看成果卡。
返回 → 我的页;近期记录 → 回看成果卡。
5遛狗历史 + 手动补记
注释:右上「+」= 手动补记入口(忘记开 App 时事后补)。规则:补记可维持连续打卡不断签,但不计入排行榜(防刷量)。补记记录带标识区分。
手动补记
忘记开 App 也能补上这次遛狗
补记不影响连续打卡,但不计入排行榜。
右上「+」→ 弹出补记表单。
6记录 Tab(左侧 Tab)
记录
成就墙
全部 3/12 ›
遛狗历史
+ 补记
本周
今天 早上 · 豆豆
12分34秒 · 1.2km · 3480狗步
昨天 傍晚 · 豆豆
18分02秒 · 1.8km · 5100狗步
注释:「记录」Tab = 成就墙概览(横向)+ 遛狗历史。成就墙点任意处或「全部 3/12」→ 完整成就页。补记入口在此页和成就页都可达。这是左侧 Tab,解决之前底部双「遛狗」重名问题。
成就墙概览 → 完整成就页;「+ 补记」→ 补记弹层;历史项 → 回看成果卡。
6b记录 Tab · 空状态(新用户)
记录
豆豆已经在门口等了
第一次遛狗,从下面那个橙色按钮开始。走完一程,这里就有它的第一条记录啦。
注释:新用户第一次进「记录」Tab 的空状态。文案俏皮且把视线引向中央遛狗按钮,"带豆豆出门"按钮 = 第二条引导路径。成就墙不藏,显示全灰待解锁(含"首遛"),制造期待。遛完第一次即切换到正常态(第 6 屏)。
遛完第一次 → 切换为正常态(第 6 屏)。「带豆豆出门」或中央按钮 → 开始遛狗。
7成就(完整页 · 两入口共用)
已解锁
未解锁
百里同行
累计遛狗满 100 公里 · 还差 8 km
注释:「记录」Tab 和「我的→成就」两个入口指向同一页,文案统一叫「成就」,避免用户误以为是两个东西。未解锁项显示进度(还差 X),强化收集与坚持动机。成就基于「连续/累计/场景」而非「最多」。
从「记录」Tab 或「我的→成就」均到达此页。返回回到来源页。