拾物:软件工程第三次作业

项目 内容
这个作业属于哪个课程 H202601软件工程与软件工程实践
这个作业要求在哪里 2026秋软件工程个人作业(第三次)
这个作业的目标 阅读《构建之法》第3、8章,结对合作,完成“校园失物招领小程序”的需求分析与原型设计
Figma原型 拾物 - Figma预览
学号 姓名
102401426 薛强龙
102401425 薛昌建

拾物:软件工程第三次作业

一、作业目标

分析需求并制作原型,为后续开发明确功能与流程。本次不编写程序。

二、问题背景

物品丢失后,寻物和招领消息散落在群聊中,容易被新消息淹没,失主与拾获者也可能不在同一个群。我们希望集中展示信息,方便查找和更新状态。

三、用户分析与需求分析

用户包括失主、拾获者和浏览信息的同学,分别需要发布寻物、发布招领,以及搜索和查看详情。结合《构建之法》第3、8章的学习,我们先从用户和场景梳理需求,结对时互相补充、核对,再确定功能范围。核心功能还包括联系发布者、更新状态。页面应清楚易用;认证、聊天、地图和复杂后台不在本次范围内。

四、主要功能设计

首页浏览信息;发布页填写物品资料;搜索页支持关键词及类型、状态筛选;详情页展示物品特征和状态,并提供联系与更新入口。

五、页面原型设计

我们用 Figma 制作九个画面,覆盖首页、发布、搜索和详情四类核心页面,并补充发布成功、搜索结果、联系提示和状态更新。发布页填写物品资料并提供图片入口;详情页展示地点、时间、特征与状态,并用文字提示图片位置。示例使用保温杯和折叠伞。再按主要流程试走原型,检查页面是否清楚表达需求。

首页:

01首页

发布寻物与发布招领:
02发布寻物

03发布招领

搜索与搜索结果:

05搜索

06搜索结果

信息详情:

07信息详情

三个交互反馈画面:

04发布成功

08联系提示

09状态更新

六、用户操作流程

graph TD A[进入首页] --> B[浏览信息列表] A --> C[搜索物品] A --> D[选择发布类型] B --> E[点击卡片] E --> F[查看物品详情] C --> G[查看搜索结果] G --> H{有结果?} H -- 有 --> F H -- 无,改关键词 --> C F --> I[联系发布者] F --> J[标记已归还] D --> K[填写物品信息] K --> L{信息完整?} L -- 缺项,补充 --> K L -- 完整 --> M[发布成功反馈] M --> N[返回首页]

七、原型测试结果

我们逐项点击原型入口,检查跳转和反馈:

测试项目 结果 说明
首页信息卡片进入详情 通过 播放态点击白色保温杯卡片后进入详情页。
首页进入发布页 通过 点击发布按钮进入发布寻物页。
首页进入搜索页 通过 点击搜索入口进入搜索页。
搜索显示结果 通过 点击搜索按钮显示“水杯”结果。
结果进入详情 通过 点击水杯结果卡片进入详情。
发布成功反馈 通过 两类发布按钮进入成功反馈页。
联系发布者 通过 详情按钮进入联系提示页。
修改信息状态 通过 点击状态按钮进入已归还反馈页。

八、PSP表格

阶段 任务内容 预计耗时(分钟) 实际耗时(分钟)
需求分析 阅读作业网页、整理用户故事 20 10
页面设计 明确四页结构及反馈画面 30 24
原型制作 绘制Figma九个画面 90 116
流程设计 设置页面跳转 30 35
流程测试 检查页面跳转和操作反馈 20 5
博客撰写 整理图文与测试记录 20 25
合计 210 215

九、结对讨论纪要

以下纪要根据本次分工和设计过程整理,非逐字记录:

  • 需求讨论:薛强龙提出,群聊消息容易被新消息淹没,软件应方便失主、拾获者和浏览者查找信息。薛昌建补充,列表要清楚显示信息类型和处理状态。我们决定不加入实名认证、聊天和地图。
  • 页面与流程:薛强龙建议用首页、发布、搜索和详情页面串起主要任务,并补充发布成功与状态更新提示。薛昌建提出,发布页要写清物品名称、类别、地点、时间和特征,方便失主辨认。
  • 原型制作:薛昌建检查信息卡片和状态标签;薛强龙核对查看详情、发布成功和搜索结果等跳转。两人一起调整地点文字,用图片位置提示代替示例照片,并保留联系入口。
  • 测试与博客:薛强龙检查页面入口和返回路径;薛昌建核对截图、反馈画面和测试表。最后我们对照作业要求整理博客,并各自完成个人总结。

十、个人总结:薛强龙

我主要梳理用户操作、功能范围和页面流程。

讨论后,我们把重点放在发布、浏览、搜索和状态更新上,让原型形成清楚的使用流程。经过这次实践,我理解到画页面前要先想好用户从哪里进入、下一步要做什么,可以减少修改次数。队友检查信息卡片时也提醒我,除了流程,页面信息也要容易理解。最难的是让需求描述和页面跳转保持一致;后续实现时,我会列出页面与状态清单,逐项核对。
通过这次实践,我打破了过往对APP前端设计的距离感,亲身体验到了用户交互页面的设计过程与逻辑思考,让我受益匪浅。

posted @ 2026-09-28 10:31  APOCA  阅读(11)  评论(0)    收藏  举报