垃圾卫士APP交互设计说明文档Word格式文档下载.docx

1、2.2主页 52.3 会员中心 52.3.1会员登录 52.3.2会员注册 52.3.3忘记密码 52.3.4会员协议 62.4 扫一扫 62.5 找桶桶 62.6 环境质量 62.7环保屋 63、用户需求 73.1用户 73.2使用场景 73.3用户目标 74、界面需求 75、性能需求 76、品牌识别 7功能需求规格说明书 80、文档介绍 81、产品介绍 82、产品面向的用户群体 83、产品应当遵守的标准或规范 84、产品范围 85、产品中的角色 86、产品的功能性需求 86.1需求概况 86.2各个需求详细描述 97、其他需求 107.1安全性 107.2可靠性 107.3灵活性 107.

2、4特殊需求 10分析建模 110、引言 111、需求分析 112、时间跟踪图 112.1扫一扫 112.2找桶桶 122.3环境质量 122.4环保屋 13交互设计说明文档 140、论述 141、目标 141.1用户目标 141.2产品目标 142、角色： 143、脚本 143.1任务脚本 153.2场景脚本 154、控件的类型以及控件之间的逻辑和组织关系 165、链接具体化 176、信息架构 196.1软件功能流程图 196.2登录流程图 197、低保真原型图设计 208、高保真原型图设计 22需求分析说明书1、项目概述1.1项目背景近半个世纪以来，生态环境的日益恶化是各国政府愈来愈意识到环

3、保的重要作用，并开始着手进行治理。我国作为一个发展中国家，同样受到城市垃圾问题的严重困扰。中国是世界上垃圾包袱最重的国家，国内约有2/3的城市陷入垃圾“围城”的困境。如何使这些垃圾变废为宝,从而实现垃圾的资源化，垃圾分类回收是最好的出路，许多发达国家的垃圾分类已经实行了几十年，而且效果明显。1.2一般描述做一款垃圾分类回收的环保，可以方便用户了解垃圾变废为宝的一些小知识，比如用户可以查询到身边的生活垃圾都属于哪一类垃圾（可回收垃圾、不可回收垃圾），生产该生活垃圾需要消耗多少资源，以及对于可回收垃圾回收后再生产于那些领域，等等；也可以帮助用户找到附近的垃圾桶；查询实时的环境质量；与好友分享关于环

4、保的一些经验和看法。前期主要是推广和积累用户量，主要盈利点是政府投钱购买，方便市民使用。1.3项目名称垃圾卫士1.4平台环境1.5项目周期2个月1.6人员分配姓 名任 务市场调研、需求分析报告、低保真原型搜集材料、功能规格说明书、分析建模（组长）交互设计说明文档、高保真原型、资料整理2、功能需求2.1开场页功能介绍打开时的开场页，品牌形象塑造的强调需求原型无业务处理设计一个精美绝伦的、打造一句广而告之的广告语、背景、主色2.2主页进入的主页，罗列的四个主要功能选项（扫一扫、找桶桶、环境质量、环保屋）供用户选择。主页界面，可以用左右滑动的方式选择需要的功能，默认功能选项是“扫一扫”。“扫一扫”主

5、页除了扫描链接（照相机或直接输入垃圾的文本框）外，还有环保屋更新推荐，用户可根据喜好点击阅读。2.3 会员中心2.3.1会员登录启动,进入登陆界面，实现用户登录【账号】输入框、【密码】输入框、【登录】 按钮、【记住密码】勾选框、【忘记密码】按钮、【注册】按钮、【合作账号登录】按钮2.3.2会员注册实现新会员成功注册，会员可以积累环保知识，发表节能环保新的，分享变废为宝经验普通会员只需要注册手机号和密码，其他一切都有不用，普通会员比游客多了一个发表和分享功能，但发表不积分，会员由服务器随机生成。登录时用手机号/会员均可进阶会员得先成为普通会员，其他需要补充的信息有：性别、年龄、地址、职业、邮箱普

6、通会员：【手机号】用户手机号，11位数字、【密码】由用户自己定义，必选项，字符长度不能超过6-20，字符类型可以 是字母、数字、符号的任意一种或多种组成、【重置密码】由用户自定义，必选项，但是必须跟【密码】一致进阶会员：【性别】由用户自定义，界面出现选择，选择值为男、女 【年龄】由用户自定义，字符长度不能超过4，字符类型只能是数字 、【地址】由用户自定义，地圾市及以上的部分为选择，地级市以下的部分为文本框输入，文本框输入，文本框字符长度为50 、【职业】由用户自定义，界面出现在下拉框选择，选择值为学生、司机、公务员、程序员、其它等，在选择值为其它，则弹出文本框输入，文本框字符长度为10 、【邮

7、箱】由用户自定义，必填项，要验证邮箱格式是否正确2.3.3忘记密码当用户忘记登录密码时，可以通过之前注册绑定的邮箱/手机号找回密码提供两种方式，参考支付宝密码找回。可以用邮箱或手机号。2.3.4会员协议 一份关于会员与运营商的协议书，让会员了解的一些必要责任2.4 扫一扫以扫描的形式，对垃圾进行扫描，屏幕上自动显示该垃圾的类别以及相关小知识，结束之后自动保存扫描记录到环保屋里，还有分享功能，让身边的朋友也知道该垃圾分类的知识用照相机对垃圾进行拍照，让该照片与后台数据库匹配，若匹配成功，则屏幕自动跳转到该垃圾的详细资料页面，显示该垃圾的名称、回收属性以及该类垃圾的小百科2.5 找桶桶以电子地图的

8、形式，通过标记处垃圾桶的位置。让需要扔垃圾的人可以快速找到离自己最近的垃圾桶。（与城市环保局合作，获取垃圾桶的分布信息）用户通过搜索或者利用在电子地图上定位自己的位置，定位到自己的位置后，地图上就自动标记了显示区域的所有垃圾桶位置，用户即可以找到离自己最近的垃圾桶，解决想人垃圾却找不到垃圾桶的问题2.6 环境质量类似天气预报功能，用户登录后可随时了解周边环境指数，方便出行。在其界面上可了解到全市多个空气质量监测点的监测数据，其中包括空气质量指数、2.5、10、二氧化硫、一氧化碳等指标数据用户通过输入地点，系统自动链接到环境监测部门公布的相关监测数据页面，这样用户就可以查找到目的地的环境质量指数

9、，方便出行2.7环保屋环保屋作为“垃圾卫士”的亮点、以宣传垃圾分类、节能环保为理念附带有“记忆盒”、“小贴士”、“分享站”三个功能板块，分别属于复习、百科、聊天范畴，是更加丰富、多元化记忆盒页面中显示扫描过的垃圾图像，并把相关的小百科附加在图像的旁边，用户可以通过上下滑动的方式查看更多的垃圾信息3、用户需求3.1用户 面向所有持有移动终端设备的人群 面向所有有强烈的环保意识的人群 面向所有缺乏垃圾分类知识的人群 面向所有找不到附近垃圾桶的人群3.2使用场景校园、公园、马路等其他公共场所3.3用户目标 用户在公共场所有要丢弃的垃圾，想尽快找到附近的垃圾桶将其丢弃 用户缺乏垃圾分类知识，但有环保意

10、识，想要将自己手中的垃圾正确分类投放，但又不知道自己手中的垃圾属于哪一类垃圾，应投放在哪个垃圾桶中比较合适 用户有强烈的环保意识，想把自己对于环保的想法分享给同伴，鼓励大家一起做环保 用户缺乏环保知识，想要学习有关环保的知识4、界面需求要求做到界面简约大方、色调以绿色为主，黄色为辅助色，其他颜色根据垃圾颜色而定。5、性能需求程序不导致系统死机，不异常退出即可。6、品牌识别三个分别标有“生活垃圾”、“可回收垃圾”、“不可回收垃圾”的垃圾桶，可以使用户能方便的辨别此是一个关于垃圾分类回收的。成功标准：活跃用户数该产品活跃用户数越多，说明有更多的人用的此款进行正确的垃圾分类回收，该能够给人们的生活带

11、来便利，人们的环保意识越来越强，也就达到了设计此款的目的。功能需求规格说明书0、文档介绍本要求规格说明书对“垃圾卫士”进行了简单的分析，该软件主要为社会上愿意为环保事业做出一番贡献的用户，同时也为追寻软件乐趣的用户提供服务，旨在加深与用户间的交流，在功能与系统界面上达成一致的看法，开发出让用户满意的软件。1、产品介绍在当今社会上，环境问题愈演愈烈，越发的威胁到人们的生存环境，加强环保意识，为环保事业做贡献，为我们自身的生存环境提供保障，成为一件刻不容缓的事情，在这样一个市场环境之下，我们开发的“垃圾卫士”，不仅能够更好的帮助用户规范自己的习惯，识别垃圾类型，准确定位垃圾桶，同时还能给用户提供额

12、外的拓展小知识，帮助用户丰富自己的生活常识。本软件不仅有很强的可靠性和实用性，而且兼备一定程度的可娱乐性和趣味性。2、产品面向的用户群体政府部分、环保工作人员、普通用户3、产品应当遵守的标准或规范1） 9000 质量管理系统结构 基础和术语2） 9001 质量管理体系要求4、产品范围“垃圾卫士”是为环保事业做贡献开发的一款公益性，它的主要功能包括扫一扫、找桶桶、环境质量、环保屋（小贴士、记忆盒、分享站）等几个功能模块5、产品中的角色角色名称职责描述用户识别垃圾并分类丢弃6、产品的功能性需求6.1需求概况功能类型功能名、标示符描述查询垃圾分类扫一扫 A.1用户通过该操作查询垃圾详细资料查找垃圾桶

13、位置找桶桶B.2用户通过该操作查找附近最近的垃圾桶信息收集小贴士C.1用户可订阅一些环保小知识记忆盒C.2在此处用户可查看扫描过的垃圾详细分享站C.3用户分享自己的经历和喜悦查看环境质量环境质量D.1用户可查看所在城市最近空气质量其他登录E.1用户登录6.2各个需求详细描述表备注：优先级1、2、3。3表示优先级最高名称、标示符优先级2功能描述用户通过该操作扫描垃圾输入扫描信息输出垃圾详细资料其他说明找桶桶 B.1用户通过该操作定位附近的垃圾桶向系统发送位置信息显示附带垃圾桶的界面地图小贴士 C.13通过该操作浏览生活常识小知识向系统发送订阅请求返回生活常识详细资料界面记忆盒 C.2通过该操作查阅最近记录的垃圾资料向系统发送浏览请求返回已记录垃圾资料界面分享