1. 项目分工

1.1 团队成员分工描述

根据项目计划,我们团队共有12名成员,采用“量化+质化”的绩效评估方式 。本次原型设计及后续开发阶段的具体分工如下:

学号

姓名

工作描述

贡献占比

832301207

张泽瑞 (队长)

主导数据存储设计,规划表格关联与操作规则;组织会议,协调进度,解决分工冲突

10%

832301227

林宸

负责后台核心功能开发(注册、登录、退出),对接AI工具接口

9%

832301203

余佩泽

负责前端页面开发,实现中英文切换,复用通用组件,统一风格

9%

832301218

范志阳

专注用户体验设计,绘制页面布局草图,优化操作流程与视觉舒适度

8%

832301129

吴欣泽

负责AI功能深度对接,设计提问逻辑与异常处理,确保建议精准

8%

832301302

卓若凡

搭建系统安全防护体系,明确文件上传类型,负责密码加密存储

8%

832301224

林向飞

负责数据可视化功能,解决中文乱码,设计学习进度图表(饼图、柱状图)

8%

832301201

吴泉泰

负责学习报告生成功能,设计PDF排版,嵌入数据图表

8%

832301202

邱温翰

负责平台核心框架搭建,管理页面访问路径,封装核心业务逻辑

8%

832301128

吴迪

负责多语言支持配置,更新页面模板文字,确保中英文切换无错乱

8%

832301204

张一弛

负责上线部署与维护,配置服务器环境,编写备份脚本与故障处理流程

8%

832301229

林敬烨

负责系统测试与优化,设计测试用例,记录Bug并评估系统性能

8%


2. 界面原型设计

2.1 原型开发工具

本次原型设计我们使用的工具是:墨刀

2.2 原型设计链接

原型2025.11.15

2.3 设计过程与结果

我们的设计基于《需求规格说明书》,旨在为学生和职场学习者提供一个无需复杂培训即可使用的平台

重点与难点分析

  1. 用户体验的一致性:由于团队人数较多(12人),如何确保余佩泽负责的前端组件与范志阳设计的UX布局在风格上统一是重点
  2. AI交互的直观性:AI建议功能是核心,需要在界面上设计合理的对话或展示窗口,不能干扰主流程,并且限制字数在100字以内
  3. 数据可视化的呈现:需要将抽象的学习进度转化为直观的饼图和柱状图,这对林向飞的设计提出了挑战

界面功能展示

  • 登录/注册页:设计了简洁的入口,支持用户名唯一性校验提示,确保安全性
  • 资源管理中心:实现了PDF/视频/文档的上传入口,并预留了格式转换进度的状态显示
  • 学习计划看板:用户可以创建目标、设置截止日期,界面通过进度条直观展示完成情况
  • 社区互动区:设计了分页查看功能,发帖区域支持上传最多5张图片,符合需求限制
  • 个人报表页:集成了数据图表,并专门划出一块区域展示AI生成的个性化建议


3. 结果汇报

3.1 设计思路与理念

我们的核心设计理念是“高效、智能、安全”。

  • 高效:页面加载追求极速(目标少于2秒),布局上减少点击层级,让用户能快速找到资源 23
  • 智能:将AI建议融入到学习报告中,不再是冷冰冰的数据,而是有温度的指导。
  • 安全:在设计上传入口时,明确标示了允许的文件类型,防止恶意文件上传的误操作

3.2 遇到的困难及解决方案

困难描述

解决尝试

是否解决

收获

多语言界面的排版冲突

吴迪在配置中英文切换时,发现英文文本往往比中文长,导致按钮错位 。尝试了自动缩放字体,但效果不佳;最终决定采用响应式布局,预留足够空间。

深刻理解了国际化应用在UI设计阶段就需要考虑文本长度冗余。

数据可视化图表的选择

林向飞在设计进度展示时,纠结于使用复杂的雷达图还是简单的饼图。尝试了多种图表库的效果。

最终选择了柱状图和饼图,明白了“清晰易懂”比“酷炫”更重要

12人团队的沟通协作

团队人数多,初期对原型修改意见不统一,导致版本混乱。队长张泽瑞引入了版本管理工具记录需求变更

学会了在大型团队中如何通过制度和工具来降低沟通成本。


4. 团队协作说明

4.1 团队协作流程

本次作业处于项目里程碑的“系统设计”阶段(11月11日-11月25日)

  1. 需求拆解:队长张泽瑞首先组织会议,明确了功能优先级和数据关联
  2. 分工执行:范志阳绘制页面布局草图,余佩泽确认组件复用性,吴欣泽设计AI交互逻辑
  3. 每日同步:我们通过在线文档同步进度,邱温翰负责检查核心业务逻辑是否被遗漏

4.2 团队讨论合照


图:团队成员正在讨论原型设计的细节

4.3 队友评价

  • 对张泽瑞(队长):统筹能力强,特别是解决了分工冲突,让大家都有事做且不打架。
  • 对范志阳:设计的交互流程很丝滑,考虑了很多我们没注意到的用户习惯。
  • 对卓若凡:在设计阶段就反复提醒安全问题(如文件类型限制),非常有前瞻性。 

    此为本小组讨论照片


5. PPT下载

为了更详细地展示我们的设计思路,请查阅以下文档:

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐