校园失物招领平台原型设计
- 主题名称
校园失物招领平台原型设计 - 主题背景与目标
校园内物品遗失、招领场景频繁，传统的班级群、公告栏发布方式信息分散、匹配效率低，导致大量物品无法及时找回。本平台旨在为师生提供一个集中、高效的失物招领渠道，实现失物信息发布、匹配、认领的全流程线上化，提升物品找回效率，减少校园资源浪费。 - 核心功能说明
发布功能：用户可发布失物 / 招领信息，填写物品信息、上传图片、标注遗失 / 拾获地点和时间
信息浏览：按时间、分类筛选查看最新的失物 / 招领信息
匹配通知：系统根据物品关键词、地点自动推送匹配信息
沟通认领：用户可通过私信与发布者沟通，确认认领细节
个人中心：查看我的发布、认领记录，修改个人信息 - 界面设计考虑因素
用户群体：以在校师生为主，界面风格需简洁清新，操作逻辑简单易懂
场景适配：以移动端 H5 界面为主，适配手机端操作习惯，方便用户随时随地发布和查看信息
信息安全：弱化用户隐私信息展示，仅保留必要的沟通渠道，避免信息泄露
交互体验：减少用户操作步骤，核心功能（发布、查看）一键直达，降低用户使用门槛
三、核心界面设计说明（共 4 个界面）
界面 1：首页（信息浏览页）
界面功能：展示最新的失物 / 招领信息，支持分类筛选和关键词搜索，快速定位目标信息
界面组成：顶部导航栏（标题 + 搜索框）、分类标签栏（全部 / 失物 / 招领）、信息卡片列表（物品图片、名称、地点、发布时间）、底部导航栏（首页 / 发布 / 消息 / 我的）
前置条件：用户已完成登录，进入平台首页
后置条件：点击信息卡片跳转到详情页；点击底部 “发布” 按钮跳转到发布页；点击 “消息”“我的” 按钮跳转到对应页面
操作步骤：
下拉刷新，获取最新发布的失物 / 招领信息
点击分类标签，筛选查看失物或招领信息
在搜索框输入关键词，快速查找相关物品信息
点击信息卡片，进入物品详情页查看完整信息
界面 2：信息发布页
界面功能：供用户发布失物或招领信息，填写物品详情并提交发布
界面组成：顶部返回按钮、发布类型选择（失物 / 招领）、表单输入项（物品名称、物品描述、遗失 / 拾获地点、时间）、图片上传按钮、提交按钮
前置条件：用户在首页点击底部导航栏的 “发布” 按钮
后置条件：点击提交按钮后，跳转到发布成功页，信息同步更新到首页列表；点击返回按钮，回到首页
操作步骤：
选择发布类型（失物或招领）
填写物品名称、详细描述、遗失 / 拾获地点和时间
点击图片上传按钮，上传物品照片（可选）
点击提交按钮，完成信息发布
界面 3：物品详情页
界面功能：展示物品的完整信息，支持用户与发布者沟通、标记认领
界面组成：顶部返回按钮、物品图片轮播、物品名称、详细描述、地点和时间信息、发布者信息、底部操作栏（私信发布者、标记认领）
前置条件：用户在首页点击信息卡片，进入物品详情页
后置条件：点击返回按钮回到首页；点击 “私信发布者” 跳转到聊天页；点击 “标记认领”（招领信息）提交认领申请
操作步骤：
查看物品的完整信息和图片
点击 “私信发布者” 按钮，与发布者沟通细节
若是招领信息，点击 “标记认领” 按钮提交认领申请
点击返回按钮，回到首页信息列表
界面 4：个人中心页
界面功能：管理用户个人信息，查看发布记录、认领记录和消息通知
界面组成：顶部用户信息栏（头像、昵称、学号）、功能入口列表（我的发布、认领记录、消息通知、设置）、底部退出登录按钮
前置条件：用户在首页点击底部导航栏的 “我的” 按钮
后置条件：点击功能入口跳转到对应页面；点击退出登录按钮，回到登录页
操作步骤：
查看个人基本信息，点击头像可修改头像和昵称
点击 “我的发布”，查看自己发布的所有失物 / 招领信息
点击 “认领记录”，查看提交的认领申请和状态
点击 “消息通知”，查看系统推送的匹配通知和私信消息
四、界面切换流程说明
核心流程
用户打开平台，完成登录后进入首页
在首页可直接浏览信息，点击信息卡片进入物品详情页，与发布者沟通；点击 “发布” 按钮进入信息发布页，发布失物 / 招领信息
发布成功后自动返回首页，信息同步展示在列表中
点击底部导航栏的 “我的”，进入个人中心页，查看个人发布、认领记录和消息通知
五、原型设计总结
本次原型设计以校园失物招领场景为核心，基于 Mockplus 工具完成了 4 个核心界面的搭建和交互流程设计。设计过程中，充分考虑了师生用户的使用习惯和场景需求，简化了操作流程，突出了核心功能的易用性。
通过本次原型设计，不仅掌握了 Mockplus 工具的基础使用方法，也对产品原型设计的完整流程（需求分析、功能梳理、界面设计、交互流程设计）有了更清晰的认识，为后续产品开发和优化打下了基础。
浙公网安备 33010602011771号