这套问卷App设计用暖灰、黑色与橙色组成轻量填答页。文本、多选、单选和量表采用不同控件,题号、进度与Next却保持相近位置。后台另以卡片和表格管理调查,两类状态也应该分清。

核心结论

  • 题型控件各有形式,题号进度与前后动作保持稳定。
  • 回答值、个人提交与整份调查状态分别属于不同对象。

开始页给填写者一个投入预期

介绍页先写问卷主题和简短说明,时长提示靠近正文,橙色Start位于底部。读者在第一题之前就能看见大概问什么,不必边填边猜这份调查是否适合自己。

旁边开放题给大文本框,多选题将标签分组,Other另有输入。版式骨架相近,题型变化主要发生在题目下面,返回与Next继续留在底部。这是问卷界面设计中很实用的稳定:答案方式不同,动作查找不用每题重学。

界达设计会让题型规则再清楚一点。可选几项、Other是否另计、字数限制怎样处理,最好用文字说明。橙色选中样式可以提供反馈,不能自行说明全部回答条件。

Surveys左侧主题介绍与3 min、Start,中间开放文本题,右侧多选标签及Other输入
开始页和前两种题型|开始前说明主题与投入,作答时换成对应输入控件。

进度在上,量表回答在题目下面

单选页用带圆点的长条选项,当前项橙色;量表页上方保留Question 4/10和进度,下方滑条在0到100之间选择。一个数字表示位置,另一个表示回答,两者空间上分开。

这种量表界面值得保留。读者能知道答到哪里,也能知道自己给了什么值。量表两端含义、当前值和未答默认状态还应说明,返回后是否保留答案也需要检查。

界达设计会分别评审退出未提交、已保存草稿与最终提交。题号走到最后不等于调查记录已经提交,进度颜色不能替代结果反馈。

量表控件也需要在更大文字和键盘操作中保留当前值。拖动是一种输入方式,邻近数值可以提供精确调整,题目、范围端点和当前答案共同出现。连续填写多题时,题干长度变化不宜把下一步按钮反复推到不同位置。

Surveys单选列表的圆点橙色选中与右侧Question 4/10、40%进度及0到100量表80
答题页上部和输入区|题号进度与量表回答分层,两个百分比概念不互相替代。

管理后台的状态属于整份调查

后台Recent卡片在上,条件与表格在下,Draft、Pending、Active用蓝、橙、绿等轻色区分。表格将名称、状态、日期和参与者放在同一记录里,与手机里的一题进度明显不同。

卡片便于最近查找,表格便于横向比较,两者应读取同一份调查身份与状态。图中 Global Attitudes Toward AI at Work 在近期卡里标为Draft,在表格里标为Active。如果它们指向同一份调查,应核对状态来源;若展示的是不同版本,也应给出区分线索,不能只靠相同名称让管理者猜。

参与人数、目标人数、尚未开始的日期也应有准确说明。界达设计会先分清填写者的草稿和管理者的调查阶段,再统一颜色;两端共用一个“完成”词,往往会掩盖实际对象。

Surveys后台的Draft、Pending、Active近期卡和下方含Status、Start Date、Respondents的表格
后台近期卡与数据表|同名AI问卷显示Draft与Active,需核对调查身份、版本和状态来源。

常见问题

答题进度和调查状态有什么区别?

进度说明某人答到哪一题,调查状态说明整份问卷处在哪个管理阶段。最终提交还需要明确结果。

设计检查清单

  • 说明多选数量与量表端点含义。
  • 核对近期卡与表格使用同一状态来源。

让填写和管理各有清楚状态

如果你的调研或表单产品需要整理多题型、草稿与管理后台,可以从答案规则和记录状态开始讨论。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可一起梳理页面内容、界面结构与实现需求。

联系界达设计,聊聊你的项目