议程编辑器 · 交互方案实验室
每个方案都可以直接在手机 / 平板 / 电脑上试用对比,选一个你觉得最顺手的。
MVP-Timer-Lab
2026-08-29
✅ 推荐:字段全部落在屏宽内,横滑条整个删除;手机上也能单手改时长、调顺序。
字段区段:
① 环节
② 角色·讲者
③ 类型·时长
④ 操作
方案 A · 视口比例条 minimap scrubber
像真滚动条但更粗;拖滑块、点轨道任意位置都能跳转。
- 优点
- 宽表也能「一下跳到」;滑动比例感强,不容易走过头。
- 缺点
- 占 56px 高;对超宽表仍需理解比例。
- 适用
- 桌面鼠标精确滚动;触屏大拇指也能拖。
方案 B · 分段吸附条 snap strip
四个大按钮当停靠点;点哪个就平滑滚到对应区段,下方细线显示整体位置。
- 优点
- 意图清晰;不需要瞄滑块点哪。
- 缺点
- 区段内仍需小幅度微调。
- 适用
- 完全不想拖滑块的人;最稳。
方案 C · 步进翻页 + 位置点 pager
左右两个大圆按钮,每按一次滚一个字段区段;中间 4 个位置点。
当前:① 环节
- 优点
- 触控目标最大;不会一下跳太远。
- 缺点
- 区段多时要按多次。
- 适用
- 老人 / 不熟悉手势;移动端首选。
方案 D · 步进器
− / + 大按钮 + 中央大数字,长按连发。
- 优点
- 精确可控;不依赖键盘。
- 缺点
- 大数(如 25)按 20 次才能到。
- 适用
- 需要偶尔微调;所有设备通用。
方案 E · 吸附滑块
刻度吸附到常用分钟,松手自动 snap 到最近。
- 优点
- 范围大时一滑到位;视觉直观。
- 缺点
- 细调不如步进器;小屏拇指可能挡住。
- 适用
- 精细调 1–30 分钟;桌面鼠标友好。
方案 F · 预设 chips + 自定义
常用分钟一键到位;「自定义」才展开数字键。
- 优点
- 95% 情况一键到位;学习成本零。
- 缺点
- 罕见值要展开自定义。
- 适用
- 手机上最快;推荐默认。
作者推荐组合
板块 0(紧凑卡片,消灭横滑)+ 板块 2 方案 F(预设 chips):
横滑条直接退役,时长 95% 的情况一键到位。
- 宽表三方案(A / B / C)只在「坚持桌面宽表格」时才需要;其中 B 分段吸附最稳。
- 若保留宽表又想避免滑块:C 步进翻页在触屏体验最好。
- 若你想保留一些手动控制感:A 视口比例条对鼠标最友好。
设备宽度