移动应用 · 设计概念
学习应用
学习应用设计研究，展示课程发现、六课中的第二课与 33% 进度，并提供继续学习及加载状态。
以下是概念设计，并非客户项目。展示内容为静态效果图，名称和数据均为虚构。
设计出发点
帮助学习者选课后明确自己的学习位置。课时顺序与完成进度分别呈现，避免混淆。
- 面向谁
- 查找短课程并返回未完成学习内容的用户。
- 需要考虑的限制
- 课程和进度为示例。33% 是完成数量取整后的展示，不证明知识掌握程度，也不代表资格认证。
建议的操作流程
- 01
发现课程
课程界面提供学习选项，再进入具体课时。
- 02
查看第二课
课时页面标明当前是六课中的第二课。
- 03
了解完成进度
进度界面以 33% 演示课程完成情况。
为什么这样设计？
标明当前学习位置
返回课程时，标题和课时顺序提供上下文，不与播放、阅读控件混用。
定义何时算完成
进度需要明确计算规则。仅打开内容不能自动等同于掌握知识。
细看视觉设计
以下为建议的设计样式，均为静态示例，不是可操作功能或正式开发规范。
配色用途
学习背景
#F4F4FF
课时操作
#6159CB
课程文字
#282B49
字体与间距
信息清楚，下一步明确。
正文使用易读无衬线字体，区分课程标题、课时标题与顺序标记。
课程卡片按内容分组，课时区域保留阅读空间。继续按钮靠近对应的学习信息。
正常流程之外的状态
课程尚未开始
准备好后，可以从第一课开始。
进度已保存
六课中已完成两课，进度显示为 33%。
课时加载失败
未能加载本课，请重试；已保存的进度不会因此改变。
课程进度百分比应该如何解释？
百分比应对应明确的完成规则和课时数量。示例中两课占六课，四舍五入显示 33%，不能据此判断理解程度，后者需要另外评估。
