软件工程团队作业——原型设计
AI建议功能是核心,需要在界面上设计合理的对话或展示窗口,不能干扰主流程,并且限制字数在100字以内。:由于团队人数较多(12人),如何确保余佩泽负责的前端组件与范志阳设计的UX布局在风格上统一是重点。:需要将抽象的学习进度转化为直观的饼图和柱状图,这对林向飞的设计提出了挑战。:在设计上传入口时,明确标示了允许的文件类型,防止恶意文件上传的误操作。:实现了PDF/视频/文档的上传入口,并预留了格式
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 原型设计链接
2.3 设计过程与结果
我们的设计基于《需求规格说明书》,旨在为学生和职场学习者提供一个无需复杂培训即可使用的平台 。
重点与难点分析
- 用户体验的一致性:由于团队人数较多(12人),如何确保余佩泽负责的前端组件与范志阳设计的UX布局在风格上统一是重点 。
- AI交互的直观性:AI建议功能是核心,需要在界面上设计合理的对话或展示窗口,不能干扰主流程,并且限制字数在100字以内 。
- 数据可视化的呈现:需要将抽象的学习进度转化为直观的饼图和柱状图,这对林向飞的设计提出了挑战 。
界面功能展示
- 登录/注册页:设计了简洁的入口,支持用户名唯一性校验提示,确保安全性 。
- 资源管理中心:实现了PDF/视频/文档的上传入口,并预留了格式转换进度的状态显示 。
- 学习计划看板:用户可以创建目标、设置截止日期,界面通过进度条直观展示完成情况 。
- 社区互动区:设计了分页查看功能,发帖区域支持上传最多5张图片,符合需求限制 。
- 个人报表页:集成了数据图表,并专门划出一块区域展示AI生成的个性化建议 。
3. 结果汇报
3.1 设计思路与理念
我们的核心设计理念是“高效、智能、安全”。
- 高效:页面加载追求极速(目标少于2秒),布局上减少点击层级,让用户能快速找到资源 23。
- 智能:将AI建议融入到学习报告中,不再是冷冰冰的数据,而是有温度的指导。
- 安全:在设计上传入口时,明确标示了允许的文件类型,防止恶意文件上传的误操作 。
3.2 遇到的困难及解决方案
|
困难描述 |
解决尝试 |
是否解决 |
收获 |
|
多语言界面的排版冲突 |
吴迪在配置中英文切换时,发现英文文本往往比中文长,导致按钮错位 。尝试了自动缩放字体,但效果不佳;最终决定采用响应式布局,预留足够空间。 |
是 |
深刻理解了国际化应用在UI设计阶段就需要考虑文本长度冗余。 |
|
数据可视化图表的选择 |
林向飞在设计进度展示时,纠结于使用复杂的雷达图还是简单的饼图。尝试了多种图表库的效果。 |
是 |
最终选择了柱状图和饼图,明白了“清晰易懂”比“酷炫”更重要 。 |
|
12人团队的沟通协作 |
团队人数多,初期对原型修改意见不统一,导致版本混乱。队长张泽瑞引入了版本管理工具记录需求变更 。 |
是 |
学会了在大型团队中如何通过制度和工具来降低沟通成本。 |
4. 团队协作说明
4.1 团队协作流程
本次作业处于项目里程碑的“系统设计”阶段(11月11日-11月25日)。
- 需求拆解:队长张泽瑞首先组织会议,明确了功能优先级和数据关联。
- 分工执行:范志阳绘制页面布局草图,余佩泽确认组件复用性,吴欣泽设计AI交互逻辑。
- 每日同步:我们通过在线文档同步进度,邱温翰负责检查核心业务逻辑是否被遗漏 。
4.2 团队讨论合照
图:团队成员正在讨论原型设计的细节
4.3 队友评价
- 对张泽瑞(队长):统筹能力强,特别是解决了分工冲突,让大家都有事做且不打架。
- 对范志阳:设计的交互流程很丝滑,考虑了很多我们没注意到的用户习惯。
- 对卓若凡:在设计阶段就反复提醒安全问题(如文件类型限制),非常有前瞻性。
此为本小组讨论照片

5. PPT下载
为了更详细地展示我们的设计思路,请查阅以下文档:
- 原型设计演示PPT:【免费】软件工程第四次作业ppt资源-CSDN下载
更多推荐

所有评论(0)