个人中心 - 卓越教育

卓越 学习机 UI设计

个人成长中心是学习机中的核心激励场景,承担学生成长档案展示、学习成果反馈、成就沉淀及个性化形象塑造等功能。随着学习任务、积分体系及学科成长内容不断丰富,原有个人页已难以有效承载用户成长反馈与持续激励需求。 本次设计以“让学习成果可视化”为核心目标,围绕成长感知、身份认同与长期激励三个维度重构页面体验。通过构建数字宇宙空间站场景,将学生个人形象作为视觉中心,结合积分、成就、勋章及学习日报等数据反馈,打造更具沉浸感的成长空间。 设计过程中重点强化学习成果的即时反馈与长期积累价值,通过积分系统、成就展示及勋章收藏等机制,将抽象的学习行为转化为可感知、可展示、可积累的成长资产。同时引入装扮系统与角色成长概念,增强学生身份认同感与持续使用动力。 最终形成集成长展示、学习反馈、荣誉沉淀及个性化运营于一体的成长中心,为后续激励体系扩展与用户长期留存提供统一承载平台。 。

设计亮点

  • 成长可视化设计 将学习数据、积分、勋章、成就等成长信息集中展示,通过量化反馈帮助学生直观感知学习成果。相比传统数字统计,采用成长档案形式呈现,使学习进步具备更强的获得感与目标感。
  • 角色驱动的激励体系 以学生专属数字形象作为页面核心视觉载体,结合装扮系统、成长等级及荣誉展示机制,将学习行为与角色成长建立关联。通过强化身份认同感,提升用户对产品的情感连接与持续使用意愿。
  • 游戏化反馈机制 引入积分、成就、勋章及学习日报等多层级反馈体系,构建“任务完成—获得奖励—成长展示”的正向循环。通过即时反馈与长期成长目标结合,增强学生学习动力与长期参与度。
  • 教育场景下的数据表达优化 针对低年龄段学生认知特点,对复杂学习数据进行卡片化与图形化处理,将学习时长、任务完成情况及成长记录转化为易于理解的信息表达方式,降低理解成本。
  • 宇宙探索主题场景设计 采用未来宇宙空间站作为视觉主题,将学习过程隐喻为探索与成长旅程。通过场景化设计弱化学习压力,增强产品趣味性与沉浸感,同时与「英语星河」「语文山海」等游戏化模块形成统一世界观。
Image 1 Image 2 Image 3 Image 4 Image 5 Image 6 Image 7 Image 8
Logo

© 2026 袁帅

Github ZCool Behance 花瓣网