这套问卷App设计用暖灰、黑色与橙色组成轻量填答页。文本、多选、单选和量表采用不同控件,题号、进度与Next却保持相近位置。后台另以卡片和表格管理调查,两类状态也应该分清。
核心结论
- 题型控件各有形式,题号进度与前后动作保持稳定。
- 回答值、个人提交与整份调查状态分别属于不同对象。
开始页给填写者一个投入预期
介绍页先写问卷主题和简短说明,时长提示靠近正文,橙色Start位于底部。读者在第一题之前就能看见大概问什么,不必边填边猜这份调查是否适合自己。
旁边开放题给大文本框,多选题将标签分组,Other另有输入。版式骨架相近,题型变化主要发生在题目下面,返回与Next继续留在底部。这是问卷界面设计中很实用的稳定:答案方式不同,动作查找不用每题重学。
界达设计会让题型规则再清楚一点。可选几项、Other是否另计、字数限制怎样处理,最好用文字说明。橙色选中样式可以提供反馈,不能自行说明全部回答条件。

进度在上,量表回答在题目下面
单选页用带圆点的长条选项,当前项橙色;量表页上方保留Question 4/10和进度,下方滑条在0到100之间选择。一个数字表示位置,另一个表示回答,两者空间上分开。
这种量表界面值得保留。读者能知道答到哪里,也能知道自己给了什么值。量表两端含义、当前值和未答默认状态还应说明,返回后是否保留答案也需要检查。
界达设计会分别评审退出未提交、已保存草稿与最终提交。题号走到最后不等于调查记录已经提交,进度颜色不能替代结果反馈。
量表控件也需要在更大文字和键盘操作中保留当前值。拖动是一种输入方式,邻近数值可以提供精确调整,题目、范围端点和当前答案共同出现。连续填写多题时,题干长度变化不宜把下一步按钮反复推到不同位置。

管理后台的状态属于整份调查
后台Recent卡片在上,条件与表格在下,Draft、Pending、Active用蓝、橙、绿等轻色区分。表格将名称、状态、日期和参与者放在同一记录里,与手机里的一题进度明显不同。
卡片便于最近查找,表格便于横向比较,两者应读取同一份调查身份与状态。图中 Global Attitudes Toward AI at Work 在近期卡里标为Draft,在表格里标为Active。如果它们指向同一份调查,应核对状态来源;若展示的是不同版本,也应给出区分线索,不能只靠相同名称让管理者猜。
参与人数、目标人数、尚未开始的日期也应有准确说明。界达设计会先分清填写者的草稿和管理者的调查阶段,再统一颜色;两端共用一个“完成”词,往往会掩盖实际对象。

常见问题
答题进度和调查状态有什么区别?
进度说明某人答到哪一题,调查状态说明整份问卷处在哪个管理阶段。最终提交还需要明确结果。
设计检查清单
- 说明多选数量与量表端点含义。
- 核对近期卡与表格使用同一状态来源。
让填写和管理各有清楚状态
如果你的调研或表单产品需要整理多题型、草稿与管理后台,可以从答案规则和记录状态开始讨论。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。


















