议程编辑器 · 交互方案实验室

每个方案都可以直接在手机 / 平板 / 电脑上试用对比,选一个你觉得最顺手的。

MVP-Timer-Lab 2026-08-29
板块 0

推荐方案 · 紧凑卡片式编辑器(消灭横滑)

外层 100% 宽,内部绝不横向滚动。整列自然纵向滚动。
✅ 推荐:字段全部落在屏宽内,横滑条整个删除;手机上也能单手改时长、调顺序。
板块 1

如果坚持保留宽表 · 三种「横滑显示条」替代

共用一份 840px 宽表格 mock(可视区 100%,溢出隐藏)。
字段区段: ① 环节 ② 角色·讲者 ③ 类型·时长 ④ 操作

方案 A · 视口比例条 minimap scrubber

像真滚动条但更粗;拖滑块、点轨道任意位置都能跳转。

0 / 840
优点
宽表也能「一下跳到」;滑动比例感强,不容易走过头。
缺点
占 56px 高;对超宽表仍需理解比例。
适用
桌面鼠标精确滚动;触屏大拇指也能拖。

方案 B · 分段吸附条 snap strip

四个大按钮当停靠点;点哪个就平滑滚到对应区段,下方细线显示整体位置。

优点
意图清晰;不需要瞄滑块点哪。
缺点
区段内仍需小幅度微调。
适用
完全不想拖滑块的人;最稳。

方案 C · 步进翻页 + 位置点 pager

左右两个大圆按钮,每按一次滚一个字段区段;中间 4 个位置点。

当前:① 环节
优点
触控目标最大;不会一下跳太远。
缺点
区段多时要按多次。
适用
老人 / 不熟悉手势;移动端首选。
板块 2

时长输入控件 · 三种替代「数字输入框」

当前值实时变化;尽量减少键盘输入。

方案 D · 步进器

− / + 大按钮 + 中央大数字,长按连发。

6 分钟
优点
精确可控;不依赖键盘。
缺点
大数(如 25)按 20 次才能到。
适用
需要偶尔微调;所有设备通用。

方案 E · 吸附滑块

刻度吸附到常用分钟,松手自动 snap 到最近。

6 分钟
1102030
优点
范围大时一滑到位;视觉直观。
缺点
细调不如步进器;小屏拇指可能挡住。
适用
精细调 1–30 分钟;桌面鼠标友好。

方案 F · 预设 chips + 自定义

常用分钟一键到位;「自定义」才展开数字键。

自定义 分钟
优点
95% 情况一键到位;学习成本零。
缺点
罕见值要展开自定义。
适用
手机上最快;推荐默认。
板块 3

选择建议

作者推荐组合

板块 0(紧凑卡片,消灭横滑)+ 板块 2 方案 F(预设 chips): 横滑条直接退役,时长 95% 的情况一键到位。

  • 宽表三方案(A / B / C)只在「坚持桌面宽表格」时才需要;其中 B 分段吸附最稳。
  • 若保留宽表又想避免滑块:C 步进翻页在触屏体验最好。
  • 若你想保留一些手动控制感:A 视口比例条对鼠标最友好。