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