跳过正文

作业交互设计UI产品手册

目录

移动端功能
#

1.1 首页功能
#

Q: 移动端首页包含哪些基础元素?
A: 包含题目次序显示区(左侧显示当前题号)、题目总数显示区(右侧显示包含小题的总数)以及底部导航按钮。

1.2 答题页交互
#

Q: 如何切换题目?
A:

  • 中间题目:通过底部蓝色「下一题」按钮切换
  • 最后一题:答题后自动跳转全屏答题卡
  • 滑动支持:可滑动屏幕切换题目(需在绿框区域内操作)

Q: 选项状态有哪些类型?
A:

  • 默认态
  • 点击选中态
  • 已答状态(显示答题结果)

1.3 完型填空 & 阅读理解
#

Q: 序号联动如何操作?
A:

  • 点击任意序号时,同步高亮关联内容区域
  • 选中序号时显示相邻内容
  • 支持三种浮层高度调节:默认半屏/下拉仅显序号/上拉展开

Q: 答题卡如何自适应显示?
A:

  • 根据题目数量自动调整高度
  • 最低高度显示基础操作栏,最高高度显示完整题目列表

1.4 解析页功能
#

Q: 解析页如何区分答题结果?
A:

  • 单选题:正确显示蓝色标记,错误显示红色标记
  • 完型/阅读题:通过序号颜色区分正确(蓝)、错误(红)、未答(灰)状态
  • 解析内容默认收起,点击可展开详细说明

网站端功能
#

2.1 布局适配
#

Q: 网页端如何适配不同分辨率?
A:

  • 宽度范围:520px(无左右边距)至1200px(固定120px边距)
  • 内容区域自动居中,题文分离式双栏布局

2.2 题型交互
#

Q: 阅读理解题如何操作?
A:

  • 左侧题干区固定高度可上下滑动
  • 右侧题目区同步滑动
  • 点击右侧序号自动定位对应题目位置

Q: 完型填空题的特殊交互?
A:

  • 左右侧序号点击双向联动
  • 右侧仅显示单题内容
  • 支持四种序号状态:默认/选中/已答/已答选中

2.3 答题卡管理
#

Q: 如何快速查看答题进度?
A:

  • 底部吸附式答题卡默认显示已答数量/总数
  • 点击展开完整题目列表,再次点击恢复吸附状态

组卷功能
#

3.1 编辑模式
#

Q: 如何配置新试卷?
A:

  • 左侧配置区:点击题型后显示对应参数栏
  • 中部展示区:实时显示题目信息,点击可直接编辑
  • 右侧答题栏:支持拖拽调整题目顺序,同步高亮定位修改内容

Q: 题目状态如何区分?
A:

  • 默认态
  • 编辑态(蓝色边框)
  • 悬浮态(阴影效果)
  • 高亮提示态(黄色闪烁)

3.2 预览模式
#

Q: 如何切换预览状态?
A:

  • 点击「试卷预览」按钮后:
    • 左右侧边栏自动隐藏
    • 所有内容转为只读模式
    • 再次点击恢复三栏编辑布局

(注:手册内容严格基于文档描述,已过滤版本信息、交互细节说明等非用户指导性内容)

魔果云课
作者
魔果云课
魔果云课是一家专业的在线教育解决方案提供商,致力于为客户提供一站式的在线教育服务。

相关文章

魔果云课服务号模板消息产品手册
商品详情页产品手册
拼团分享页产品手册
教学界面数据展示手册
教师主页产品使用手册
教师端直播间产品手册