竞业达课程管理平台轻新课堂教室端设计

发表于:

课程管理平台 | 交互设计 | UI设计 | 教室端设计 | 教育软件界面设计

01

项目背景

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

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

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

本次设计覆盖课程平台 Web 端、轻新课堂教室端、教师移动端、学生移动端四大终端。此页面展示教室端产品 UI 设计与用户体验优化工作,对课堂授课、课堂互动、随堂测评等现场教学场景进行体验重构。兰亭妙微设计团队对齐整套产品统一设计语言与交互规范,优化大屏远距离可视性与触控操作逻辑,打造适配教室实景的课堂交互界面。

02

项目概述

产品定位

轻新课堂教室端,面向教室大屏触控设备的智慧课堂互动中枢,承接课堂全部师生实时交互,作为教师课堂管控、学情展示的操作载体。

目标用户

授课教师:课堂开展互动教学,快速发起签到、答题、选人、分组等课堂活动,实时查看全班学情数据,操作简单直观,降低课堂操作负担。
    班级学生:学生通过手机端参与课堂活动,交互结果实时在教室大屏进行展示,获得课堂参与反馈。

设计风格

整体风格简洁专业,延续产品科技蓝品牌体系。区分弹窗浅面板与全屏深色沉浸式两套视觉场景;针对大屏设备放大控件与字号,同时满足触控操作、远距离观看需求。组件与移动端保持统一设计语言,依托卡片弹窗、数据可视化呈现课堂互动数据,服务教学场景。

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

03

全流程用户体验优化

教室端采用侧边常驻工具栏作为功能总入口,绝大多数课堂互动以弹窗承载,不破坏底层教学主画面;部分强仪式感功能使用全屏沉浸式页面,兼顾课堂连续性与展示效果。

智慧课堂UI设计
教育软件界面设计 教学大屏UI设计,

核心页面详情设计

智慧课堂UI设计
核心页面详情设计
核心页面详情设计
核心页面详情设计

04

视觉设计风格与规范

基于智慧教育产品定位,确立整体视觉设计原则,从色彩系统、字体层级、图标体系、组件样式、质感表达多个维度建立统一视觉风格,兼顾教室大屏、Web、移动端多终端适配,兼顾教学场景专业严谨性与轻量化现代感,保障全产品体验一致性。

视觉设计风格与规范 视觉设计风格与规范 视觉设计风格与规范 视觉设计风格与规范

05

项目总结与业务价值

本次智慧教室端交互 UI 设计,针对教室触控一体机大屏硬件特性,采用侧边常驻工具栏 + 弹窗 + 全屏页面的混合交互架构,完整覆盖线下课堂全场景互动教学需求。

智慧课堂、教室端、教学大屏

对客户产品 对客户产品

补齐智慧教室大屏端完整课堂互动能力,完善产品业务闭环,提升整套智慧教学产品竞争力。

输出成套大屏 UI 设计规范与组件库,降低后续迭代开发成本,保障多终端视觉交互体验统一。

教学大屏
智慧课堂、教室端、教学大屏 智慧课堂、教室端、教学大屏

面向授课教师 面向授课教师

课堂工具集中收纳,操作路径精简,减少授课过程设备切换负担,授课流程更加流畅。

学情数据可视化实时呈现,快速掌握班级签到、答题反馈等状态,辅助教师动态调整教学节奏。

智慧课堂、教室端、教学大屏

面向课堂教学 面向课堂教学

丰富课堂互动形式,答题、弹幕、分组研讨、计时工具赋能多样化教学模式,提升学生参与度。

支持分组授课、成果分享等多种教学场景,助力线下智慧课堂落地,提升整体教学质量。

智慧课堂、教室端、教学大屏
智慧课堂、教室端、教学大屏 智慧课堂、教室端、教学大屏

设计交付价值 设计交付价值

完成从业务梳理、交互架构规划到大屏视觉落地、组件规范输出全链路设计服务,适配教学大屏特殊使用环境,兼顾业务实用性、界面易用性与视觉品质。

06

界面欣赏

界面欣赏