当前位置: 首页 > news >正文

EE308FZ - 6th Assignment - PoopCare Sprint Essays - UI Group

Beta Sprint 1 冲刺日志(UI 组)

Course of the AssignmentEE308FZ Software Engineering
Assignment RequirementsAssignment 6 - Beta Sprint (UI Group Sprint Log)
Objectives of This Assignment记录UI组在冲刺阶段的界面设计、前端开发与用户交互实现进展。
Other References《阿里巴巴Java开发手册(终极版)v1.3.0》
《小程序设计指南·微信开放平台》
微信官方设计指南(WeUI设计规范)
小程序配色与视觉规范(Material Design Adaption)
Project/Group NameGroup 2 —— PoopCare
UI Group Members阮柔灵 洪筱萱

一、SCRUM 部分

1. 每日会议成员工作记录

成员工作情况汇总表
成员已完成任务已用时间剩余时间遇到的问题下一步计划
阮柔灵完成 8 个图标重绘;统一图标线宽与网格6h0h早期图标风格来源不统一,需要全部推翻重画整理图标资源包并交付前端
洪筱萱整理图标规范并撰写 Sprint 博客6h0h个别图标在小尺寸下识别度不够配合前端测试图标实际显示效果

2. 成果说明

原图标样式

  • 图标设计成果

    • 共重新绘制9 个核心功能图标
    • 输出格式:SVG(主)+ PNG(兜底)
    • 已完成统一线宽(1.5px)与 24×24 网格对齐
  1. 科普入口图标
    • 功能:健康知识/科普内容页面
    • 设计:用四叶草明确“知识查询/阅读/健康分享”的功能定位。

  1. 健康统计图标
    • 功能:展示用户健康数据的页面入口
    • 设计:以折线图造型直观体现“数据统计”属性,线条走势清晰传递“趋势”概念。
  2. 排便类型入口图标
    • 功能:选择排便类型的操作入口
    • 设计:简化粪便形态符号,既传递功能语义,又避免视觉不适感。
  3. 设置图标
    • 功能:进入用户设置界面
    • 设计:更换了齿轮样式。
  4. 喝水记录图标
    • 功能:记录饮水情况的操作入口
    • 设计:以水杯+水滴造型,清晰对应“饮水”场景。
  5. 个人中心图标
    • 功能:用户个人信息/设置页面入口
    • 设计:用简化人形轮廓,是用户中心类图标的高识别度符号。


7.反馈图标

  • 功能:用户意见/问题反馈入口
  • 设计:信封+对话气泡组合,传递“沟通/反馈”的功能属性。

  1. 排便记录图标
    • 功能:记录排便行为的操作入口
    • 设计:直观体现“记录”的动作逻辑。

3. SCRUM 会议照片说明


三、PM Report(项目管理报告)

1. 项目总体任务预期

项目模块预计工作量
UI 设计与规范整理约 20 小时
前端功能页面实现约 40 小时
后端接口与逻辑约 50 小时
测试与优化约 20 小时
总计≈130 小时

2. 当前已完成情况(截至本 Sprint)

  • UI 阶段已完成内容:

    • Beta 阶段 8 个核心图标全部重绘完成
    • 图标规范(尺寸、线宽、格式)已明确
  • 已完成工作量:约12 h

  • 已完成任务数:8(以图标子任务计)


3. 剩余工作评估

  • UI 模块剩余工作量:≈2 小时
  • 项目整体剩余工作量:≈118 小时

4. Burn-up Chart(说明)

时间剩余任务数已完成任务数备注
090图标规范制定
554第一轮重绘
1009统一与交付


5.个人工作日志

洪筱萱 —— 工作日志(Beta Sprint 阶段)
  1. ✅ 修改并重绘核心功能图标 4 个(4.5 小时)

    • 负责图标:排便记录、喝水记录、反馈、个人中心
    • 在原有图标基础上统一为线性风格,调整描边粗细至 1.5px
    • 重新规范圆角比例,避免小尺寸下视觉发虚
    • 针对 24×24 网格进行重新对齐,确保在小程序页面中显示清晰
  2. ✅ 图标可读性与一致性自检(1 小时)

    • 在不同尺寸(24px / 32px)下测试图标识别度
    • 对比首页与功能页图标视觉权重,避免主次不清
    • 删除冗余装饰元素,提升图标语义直观性
  3. ⏳ 整理图标资源命名与交付规范(1.5 小时)

    • 已完成图标命名规则统一(icon_xxx.svg / png)
    • 正在整理图标使用说明,方便前端直接引用
  4. ✅ 与阮柔灵进行图标风格对齐与确认(0.5 小时)

    • 确认 8 个图标整体风格一致
    • 明确后续新增图标的设计基准,避免重复返工

阮柔灵 —— 工作日志(Beta Sprint 阶段)
  1. ✅ 修改并重绘核心功能图标 4 个(5 小时)

    • 负责图标:首页、健康统计、科普入口、排便类型入口
    • 基于 Beta 阶段需求重新设计图标结构,减少复杂造型
    • 统一图标线条转折方式,使整体风格更加克制、简洁
  2. ✅ 建立图标设计规范初版(1.5 小时)

    • 明确图标尺寸基准(24×24)
    • 统一描边粗细、端点样式和留白比例
    • 规范 SVG 输出方式,避免前端二次修改
  3. ⏳ 输出图标前后对比素材(1 小时)

    • 已整理修改前后对照截图
    • 正在补充设计调整说明,用于 Sprint 博客展示
  4. ✅ 与前端组沟通图标在实际页面中的显示效果(0.5 小时)

    • 确认图标在 TabBar 与页面中的缩放规则
    • 根据前端反馈微调个别图标的重心位置

四、本 Sprint 阶段性总结(UI 组)

在 Beta Sprint 1 中,UI 组的工作主要在修复部分图标,优化用户体验上。在实践中意识到早期规划中对 UI 规范考虑不足,本 Sprint 主动补齐,为后续开发降低风险。


五、成员贡献分配

成员主要任务贡献比例
阮柔灵图标重绘、规范制定50%
洪筱萱图标重绘、博客整理50%

六、成员个人收获与反思

阮柔灵:
这次 Beta 冲刺让我意识到,图标虽然小,但对产品整体完成度影响很大。统一规范之后,界面看起来明显更“像一个成型的产品”。

洪筱萱:
通过这次 Sprint,我对“工程视角下的 UI 工作”有了更清楚的认识,设计不只是好看,还要方便协作和后期维护。

http://www.jsqmd.com/news/173670/

相关文章:

  • 新手快速理解HBuilderX运行机制与浏览器连接原理
  • YOLOv8代码提交规范:Ultralytics项目的Git Commit规则
  • YOLOv8老年看护系统:跌倒检测与紧急呼救自动触发
  • 一文说清jscope使用教程在嵌入式调试中的应用
  • YOLOv8无人机视觉应用:航拍图像目标检测实践
  • YOLOv8是否支持YOLOv11?未来版本预测与讨论
  • YOLOv8儿科监护:婴儿哭闹原因推测与姿势异常检测
  • 使用Markdown编写YOLOv8项目文档的最佳实践
  • 炉石传说HsMod插件:55项免费功能全面优化游戏体验
  • YOLOv8模型评估报告生成:如何输出详细的metrics.xlsx
  • AD画PCB深度剖析:网络表的作用与导入
  • YOLOv8火星模拟任务:地表障碍物识别与路径规划
  • 大规模文本检索优化:es数据库部署调优建议
  • NVIDIA Profile Inspector终极显卡性能调优:3大优化模块与实战配置指南
  • 终极指南:5分钟掌握云盘下载加速技巧
  • CANFD协议错误处理机制:新手通俗解释
  • 基于CAN总线的AUTOSAR NM唤醒滤波配置详解
  • YOLOv5到YOLOv8迁移指南:开发者必须知道的五大变化
  • YOLOv8影视后期制作:特效标记点自动识别与跟踪
  • Ollydbg下载及安装快速理解:5分钟完成部署
  • HsMod:重新定义炉石传说的娱乐艺术
  • es安装实战演示:结合Kibana的企业搜索方案
  • YOLOv8机器人导航辅助:障碍物实时检测与避障策略
  • 从人工巡检到智能预警:西藏阜康医院远程体征监测数字化转型案例
  • 2025年主流CRM系统综合评测与推荐榜单
  • 基于Java+SSM+Django服装销售系统(源码+LW+调试文档+讲解等)/服装管理系统/服装零售系统/服装进销存系统/服装销售软件/服装行业销售系统/服装销售平台
  • YOLOv8博物馆导览机器人:展品识别与语音讲解联动
  • 使用DiskInfo查看YOLOv8训练过程中的磁盘IO性能
  • YOLOv8银行金库监控:非法入侵与异常移动识别
  • YOLOv8模型推理速度测试:FPS性能 benchmark 对比