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

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

《垃圾卫士APP交互设计说明文档Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《垃圾卫士APP交互设计说明文档Word格式文档下载.docx（29页珍藏版）》请在冰豆网上搜索。

2.2主页5

2.3会员中心5

2.3.1会员登录5

2.3.2会员注册5

2.3.3忘记密码5

2.3.4会员协议6

2.4扫一扫6

2.5找桶桶6

2.6环境质量6

2.7环保屋6

3、用户需求7

3.1用户7

3.2使用场景7

3.3用户目标7

4、界面需求7

5、性能需求7

6、品牌识别7

功能需求规格说明书8

0、文档介绍8

1、产品介绍8

2、产品面向的用户群体8

3、产品应当遵守的标准或规范8

4、产品范围8

5、产品中的角色8

6、产品的功能性需求8

6.1需求概况8

6.2各个需求详细描述9

7、其他需求10

7.1安全性10

7.2可靠性10

7.3灵活性10

7.4特殊需求10

分析建模11

0、引言11

1、需求分析11

2、时间跟踪图11

2.1扫一扫11

2.2找桶桶12

2.3环境质量12

2.4环保屋13

交互设计说明文档14

0、论述14

1、目标14

1.1用户目标14

1.2产品目标14

2、角色：

14

3、脚本14

3.1任务脚本15

3.2场景脚本15

4、控件的类型以及控件之间的逻辑和组织关系16

5、链接具体化17

6、信息架构19

6.1软件功能流程图19

6.2登录流程图19

7、低保真原型图设计20

8、高保真原型图设计22

需求分析说明书

1、项目概述

1.1项目背景

近半个世纪以来，生态环境的日益恶化是各国政府愈来愈意识到环保的重要作用，并开始着手进行治理。

我国作为一个发展中国家，同样受到城市垃圾问题的严重困扰。

中国是世界上垃圾包袱最重的国家，国内约有2/3的城市陷入垃圾“围城”的困境。

如何使这些垃圾变废为宝,从而实现垃圾的资源化，垃圾分类回收是最好的出路，许多发达国家的垃圾分类已经实行了几十年，而且效果明显。

1.2一般描述

做一款垃圾分类回收的环保，可以方便用户了解垃圾变废为宝的一些小知识，比如用户可以查询到身边的生活垃圾都属于哪一类垃圾（可回收垃圾、不可回收垃圾），生产该生活垃圾需要消耗多少资源，以及对于可回收垃圾回收后再生产于那些领域，等等；

也可以帮助用户找到附近的垃圾桶；

查询实时的环境质量；

与好友分享关于环保的一些经验和看法。

前期主要是推广和积累用户量，主要盈利点是政府投钱购买，方便市民使用。

1.3项目名称

垃圾卫士

1.4平台环境

1.5项目周期

2个月

1.6人员分配

姓名

任务

市场调研、需求分析报告、低保真原型

搜集材料、功能规格说明书、分析建模

（组长）

交互设计说明文档、高保真原型、资料整理

2、功能需求

2.1开场页

功能介绍

打开时的开场页，品牌形象塑造的强调

需求原型

无

业务处理

设计一个精美绝伦的、打造一句广而告之的广告语、背景、主色

2.2主页

进入的主页，罗列的四个主要功能选项（扫一扫、找桶桶、环境质量、环保屋）供用户选择。

主页界面，可以用左右滑动的方式选择需要的功能，默认功能选项是“扫一扫”。

“扫一扫”主页除了扫描链接（照相机或直接输入垃圾的文本框）外，还有环保屋更新推荐，用户可根据喜好点击阅读。

2.3会员中心

2.3.1会员登录

启动,进入登陆界面，实现用户登录

【账号】输入框、【密码】输入框、【登录】按钮、【记住密码】勾选框、【忘记密码】按钮、【注册】按钮、【合作账号登录】按钮

2.3.2会员注册

实现新会员成功注册，会员可以积累环保知识，发表节能环保新的，分享变废为宝经验

普通会员

只需要注册手机号和密码，其他一切都有不用，普通会员比游客多了一个发表和分享功能，但发表不积分，会员由服务器随机生成。

登录时用手机号/会员均可

进阶会员

得先成为普通会员，其他需要补充的信息有：

性别、年龄、地址、职业、邮箱

普通会员：

【手机号】用户手机号，11位数字、【密码】由用户自己定义，必选项，字符长度不能超过6-20，字符类型可以是字母、数字、符号的任意一种或多种组成、【重置密码】由用户自定义，必选项，但是必须跟【密码】一致

进阶会员：

【性别】由用户自定义，界面出现选择，选择值为男、女【年龄】由用户自定义，字符长度不能超过4，字符类型只能是数字、【地址】由用户自定义，地圾市及以上的部分为选择，地级市以下的部分为文本框输入，文本框输入，文本框字符长度为50、【职业】由用户自定义，界面出现在下拉框选择，选择值为学生、司机、公务员、程序员、其它等，在选择值为其它，则弹出文本框输入，文本框字符长度为10、【邮箱】由用户自定义，必填项，要验证邮箱格式是否正确

2.3.3忘记密码

当用户忘记登录密码时，可以通过之前注册绑定的邮箱/手机号找回密码

提供两种方式，参考支付宝密码找回。

可以用邮箱或手机号。

2.3.4会员协议

一份关于会员与运营商的协议书，让会员了解的一些必要责任

2.4扫一扫

以扫描的形式，对垃圾进行扫描，屏幕上自动显示该垃圾的类别以及相关小知识，结束之后自动保存扫描记录到环保屋里，还有分享功能，让身边的朋友也知道该垃圾分类的知识

用照相机对垃圾进行拍照，让该照片与后台数据库匹配，若匹配成功，则屏幕自动跳转到该垃圾的详细资料页面，显示该垃圾的名称、回收属性以及该类垃圾的小百科

2.5找桶桶

以电子地图的形式，通过标记处垃圾桶的位置。

让需要扔垃圾的人可以快速找到离自己最近的垃圾桶。

（与城市环保局合作，获取垃圾桶的分布信息）

用户通过搜索或者利用在电子地图上定位自己的位置，定位到自己的位置后，地图上就自动标记了显示区域的所有垃圾桶位置，用户即可以找到离自己最近的垃圾桶，解决想人垃圾却找不到垃圾桶的问题

2.6环境质量

类似天气预报功能，用户登录后可随时了解周边环境指数，方便出行。

在其界面上可了解到全市多个空气质量监测点的监测数据，其中包括空气质量指数、2.5、10、二氧化硫、一氧化碳等指标数据

用户通过输入地点，系统自动链接到环境监测部门公布的相关监测数据页面，这样用户就可以查找到目的地的环境质量指数，方便出行

2.7环保屋

环保屋作为“垃圾卫士”的亮点、以宣传垃圾分类、节能环保为理念附带有“记忆盒”、“小贴士”、“分享站”三个功能板块，分别属于复习、百科、聊天范畴，是更加丰富、多元化

记忆盒页面中显示扫描过的垃圾图像，并把相关的小百科附加在图像的旁边，用户可以通过上下滑动的方式查看更多的垃圾信息

3、用户需求

3.1用户

●面向所有持有移动终端设备的人群

●面向所有有强烈的环保意识的人群

●面向所有缺乏垃圾分类知识的人群

●面向所有找不到附近垃圾桶的人群

3.2使用场景

校园、公园、马路等其他公共场所

3.3用户目标

●用户在公共场所有要丢弃的垃圾，想尽快找到附近的垃圾桶将其丢弃

●用户缺乏垃圾分类知识，但有环保意识，想要将自己手中的垃圾正确分类投放，但又不知道自己手中的垃圾属于哪一类垃圾，应投放在哪个垃圾桶中比较合适

●用户有强烈的环保意识，想把自己对于环保的想法分享给同伴，鼓励大家一起做环保

●用户缺乏环保知识，想要学习有关环保的知识

4、界面需求

要求做到界面简约大方、色调以绿色为主，黄色为辅助色，其他颜色根据垃圾颜色而定。

5、性能需求

程序不导致系统死机，不异常退出即可。

6、品牌识别

三个分别标有“生活垃圾”、“可回收垃圾”、“不可回收垃圾”的垃圾桶，可以使用户能方便的辨别此是一个关于垃圾分类回收的。

成功标准：

活跃用户数

该产品活跃用户数越多，说明有更多的人用的此款进行正确的垃圾分类回收，该能够给人们的生活带来便利，人们的环保意识越来越强，也就达到了设计此款的目的。

功能需求规格说明书

0、文档介绍

本要求规格说明书对“垃圾卫士”进行了简单的分析，该软件主要为社会上愿意为环保事业做出一番贡献的用户，同时也为追寻软件乐趣的用户提供服务，旨在加深与用户间的交流，在功能与系统界面上达成一致的看法，开发出让用户满意的软件。

1、产品介绍

在当今社会上，环境问题愈演愈烈，越发的威胁到人们的生存环境，加强环保意识，为环保事业做贡献，为我们自身的生存环境提供保障，成为一件刻不容缓的事情，在这样一个市场环境之下，我们开发的“垃圾卫士”，不仅能够更好的帮助用户规范自己的习惯，识别垃圾类型，准确定位垃圾桶，同时还能给用户提供额外的拓展小知识，帮助用户丰富自己的生活常识。

本软件不仅有很强的可靠性和实用性，而且兼备一定程度的可娱乐性和趣味性。

2、产品面向的用户群体

政府部分、环保工作人员、普通用户

3、产品应当遵守的标准或规范

1）9000《质量管理系统结构基础和术语》

2）9001《质量管理体系要求》

4、产品范围

“垃圾卫士”是为环保事业做贡献开发的一款公益性，它的主要功能包括扫一扫、找桶桶、环境质量、环保屋（小贴士、记忆盒、分享站）等几个功能模块

5、产品中的角色

角色名称 

职责描述

用户

识别垃圾并分类丢弃

6、产品的功能性需求

6.1需求概况

功能类型

功能名、标示符

描述

查询垃圾分类

扫一扫A.1

用户通过该操作查询垃圾详细资料

查找垃圾桶位置

找桶桶B.2

用户通过该操作查找附近最近的垃圾桶

信息收集

小贴士C.1

用户可订阅一些环保小知识

记忆盒C.2

在此处用户可查看扫描过的垃圾详细

分享站C.3

用户分享自己的经历和喜悦

查看环境质量

环境质量D.1

用户可查看所在城市最近空气质量

其他

登录E.1

用户登录

6.2各个需求详细描述

表备注：

优先级1、2、3。

3表示优先级最高

名称、标示符

优先级

2

功能描述

用户通过该操作扫描垃圾

输入

扫描信息

输出

垃圾详细资料

其他说明

找桶桶B.1

用户通过该操作定位附近的垃圾桶

向系统发送位置信息

显示附带垃圾桶的界面地图

小贴士C.1

3

通过该操作浏览生活常识小知识

向系统发送订阅请求

返回生活常识详细资料界面

记忆盒C.2

通过该操作查阅最近记录的垃圾资料

向系统发送浏览请求

返回已记录垃圾资料界面

分享