竞业达智慧课程管理平台移动端App UI与用户体验设计

发表于:

用户体验设计 | 交互设计 | UI设计 | APP设计 | 教育软件界面设计

01

项目背景

竞业达课程管理平台项目背景图标

竞业达作为国内智慧教育领域上市企业,将智慧课程平台列为战略级核心产品项目。随着高校数字化教学场景持续升级,原有产品多端体验不一致、教学场景交互割裂等问题逐步凸显,亟需一套统一、专业的用户体验与视觉设计体系支撑产品迭代升级。兰亭妙微承接本次项目全链路 UI 设计与用户体验优化工作,项目周期近半年。

兰亭妙微UI设计团队参与竞业达项目图标

本次设计覆盖课程平台 Web 端、轻新课堂教室端、教师移动端、学生移动端四大终端。兰亭妙微设计团队搭建统一的设计语言与交互规范,打通跨终端操作逻辑,消除多端体验割裂问题,围绕课前、课中、课后完整教学链路重塑全场景用户体验,助力搭建教与学双向需求的智慧教学新生态,焕然一新的软件产品界面美观易用,受到好评。

02

项目概述

产品定位

产品以 "课程" 为核心载体,以 "数据驱动教学" 为理念,构建覆盖课前备课、课中互动、课后辅导与评价的全周期教学管理闭环。产品差异化在于 "全端协同 + AI 赋能 + 数据闭环":四大终端数据实时同步、体验一致;AI 答疑助手深度融入学习流程;学习行为数据全链路采集与可视化呈现。

目标用户

高校教师 / 授课讲师,25-55 岁,信息化素养参差不齐,教学任务繁重。核心诉求:快速备课与资源管理、高效课堂互动、便捷的作业测验管理、直观的学情数据掌握。高校学生,以95后、00后为主,数字原住民,对产品体验要求高,碎片化学习习惯明显。核心诉求:便捷的课程学习入口、丰富的课堂参与方式、及时的作业反馈、随时可得的答疑辅导。

设计风格

前期我们经过多轮风格设计调整,最终确认当前风格。整体风格定位:科技教育风・清爽・专业・数据可视化驱动设计以 "科技蓝" 为主色调,构建专业、可信、智慧的教育产品气质;辅以渐变色彩与圆角卡片,营造清爽、友好、现代的视觉体验,平衡教育产品的专业感与亲和力。

竞业达智慧课程平台UI界面设计预览 - 兰亭妙微UI设计公司

03

全流程用户体验优化

梳理教师端、学生端完整业务层级,明确页面跳转逻辑,保证业务完整同时简化层级深度。针对两类核心用户分别搭建信息框架,控制页面层级深度,核心功能控制在3级以内可达。

双端角色差异化体验

区分教师端与学生端信息架构。教师侧重教学管理、作业批改、课程配置;学生端聚焦课程学习、任务查看、AI 答疑。首页信息按需展示,过滤无关业务入口,降低不同角色用户的认知负担

首页
竞业达学生端课程学习界面设计
课程中心
竞业达学生端课程学习界面设计竞业达学生端课程学习界面设计
课程详情
竞业达学生端课程学习界面设计
学习/作业/考试
竞业达学生端课程学习界面设计
AI答疑辅助
竞业达学生端课程学习界面设计 竞业达学生端课程学习界面设计
首页
课程管理
课程管理
课程配置
课程配置、班级管理、作业批改、学情统计
课程管理 课程配置

核心页面详情设计

核心页面详情设计

学生端首页

聚合课程中心、我的课程、学习工具、AI 入口,学生进入即可看到待学课程与待完成任务,快速进入学习。

教室导览页

教室导览页

按楼层筛选教室,直观展示教室上课、借用、空闲状态,便于场地查询预约。

学生课程学习情况页

学生课程学习情况页

单学生学情汇总页面,出勤、作业、时长、成绩、AI 学习分析,直观掌握个体学习状态。

课程详情页

课程详情面

课程全业务聚合页面,信息、活动、资源、考勤、统计、学生管理集中呈现,移动端完成课程全流程管理。

04

交互逻辑与 AI 答疑专项设计,娱教寓乐,轻松学习

AI 助手作为产品差异化能力,深度嵌入学习链路,不是独立外挂功能。兰亭妙微设计团队参考了多个AI产品,设计了可爱幽默的机器人IP形象,娱教寓乐,轻松学习。

AI 助手界面展示 AI 助手界面展示 AI 助手界面展示

05

设计规范输出

竞业达课程管理平台移动端APP设计规范输出图 竞业达课程管理平台移动端APP设计规范输出图

06

项目总结与业务价值

竞业达课程管理平台移动端设计,围绕高校线上教学真实业务,完成教师‑学生双端产品设计。

竞业达课程管理平台移动端APP设计规范输出图 竞业达课程管理平台移动端APP设计规范输出图 竞业达课程管理平台移动端APP设计规范输出图 竞业达课程管理平台移动端APP设计规范输出图

07

界面欣赏

界面欣赏