Urbix Hub – 驾校学习管理系统

我设计了 Urbix Hub——一个面向驾校的学习管理系统(LMS),用于管理学员学习、考试排期和成绩追踪。该系统覆盖学员、教练和管理员,包含用户研究、信息架构(IA)、原型设计以及高保真系统设计。经过两轮迭代和客户反馈后,排期流程更加顺畅,学员参与度也有所提升。

情况

驾校运营者在培训管理中面临诸多挑战:学员难以查看课程进度,考试安排零散,教练上传课程耗时较长,管理员也难以追踪学习数据。

现有界面配色杂乱、层级不清,与其说是一个系统,不如说更像一张“海报”。Urbix Hub 旨在打造一个高效且可扩展的 LMS 平台,以解决这些痛点。

汉语拼音与英语发音:拼音是理解“字母—发音”关系的第一套心理模型。然而,在学习英语时,这一模型会成为障碍。例如,学生可能会把英语字母“i”读成[i],或者把“r”误读成生硬的汉语卷舌音。这些迁移干扰模式会导致持续的发音错误,甚至削弱学生开口说英语的信心。

任务

作为首席设计师,我的职责包括:为三类用户群体设计端到端体验;梳理信息层级并解决效率问题;构建设计系统以确保视觉和交互的一致性;与产品经理和工程师协作,推动从需求到交付的完整设计流程。

操作

开展了用户研究,梳理任务流程,设计多角色模块,构建设计系统,并通过测试与协作持续迭代,最终交付高保真原型。

用户研究与任务流程分析:访谈了 8 名学生、3 名教练、2 名管理员;梳理核心流程:注册 → 学习 → 练习 → 复习。创建用户旅程图;识别出痛点:缺少进度指示、批量处理能力和数据可视化。

信息架构与交互:设计了三个模块:学习中心(学生)、课程/考试管理(教练)、仪表盘(管理员)。使用表格、日历、筛选器来简化 B 端操作。

视觉规范与设计系统:构建了 Urbix 设计系统:颜色、字体排印、间距、组件库(表格、图表、进度条)。将系统进行 Token 化:1 个主色、3 个功能色,以及中性色板,用于

一致性。协作与迭代:与 PM 一起确定功能优先级;优先上线学习进度和考试排期。每周与工程师评审;通过规范说明提升开发还原度。进行了两轮用户测试;优化了考试路径和仪表盘可读性。

Create a free website with Framer, the website builder loved by startups, designers and agencies.