论文总字数：21478字

摘 要

随着我国工业制造水平的迅速崛起与人民生活水平的日益提高，绿色发展的观念亟待被有效的传播、普化，因此需要设计一款能够在用户的日常生活中对其进行有关环保公益行为的宣传及无意识引导的产品。

通过结合对互联网环保公益产品的调研、用户调研等了解以“蚂蚁森林”为例的移动端互联网环保公益产品的市场背景，本次设计的方法以用户视角出发，基于用户行为，形成以“绿色化”、“便捷化”、“互动化”为特点的互联网环保公益交互系统，改良现有产品存在的形式单一、用户获得感低等问题，鼓励用户以新方式、低成本、高趣味的方式参与到环保公益活动中。对互联网环保公益产品的交互系统设计，让大众的日常环保公益行为变得触手可及，极大调动公众，尤其是包括年轻群体在内的用户的环保公益热情，逐步形成民众的环保意识与社会责任，从自我做起，带动家庭，推动社会环保公益的发展。

关键词：交互界面设计 互联网公益 无意识引导

Take "Ant Forest" as an example to design

the interactive system of Internet environmental protection public welfare products

Abstract

With the rapid rise of China's industrial manufacturing level and the increasing improvement of people's living standards, the concept of green development urgently needs to be effectively spread and popularized. Therefore, it is necessary to design a product that can carry out publicity and unconscious guidance of environmental protection public welfare behaviors in users' daily life.

By combining research of Internet public welfare of environmental protection product and user survey in forest "ant" as an example of the mobile Internet products of environmental protection commonweal market background, by user's perspective, the design method based on user behavior, formed to "green", "convenient", "interactive" for the characteristics of Internet interactive system of environmental protection commonweal, improvement of existing products in the form of a single, users get feeling low, encourage users in new ways, low cost and high interest to participate in environmental protection public welfare activities.Through the Internet product of environmental protection commonweal of interactive system design, make the public's daily environmental protection public welfare behavior within reach, greatly to mobilize the public, especially the users' environmental protection public welfare, including young, enthusiastic, gradually formed the public's environmental awareness and social responsibility, start from the self, lead to the family, promote the development of social public welfare of environmental protection.

Key words: Interactive Interface Design；Internet public welfare；Unconscious guide

目 录

摘要……………………………………………………………………I

ABSTRACT…………………………………………………………… II

第一章 设计调研…………………………………………………… 1

1.1 市场调研…………………………………………………………………1

1.1.1 互联网环保公益产品的定义……………………………………1

1.1.2 互联网环保公益产品的由来……………………………………1

1.1.3 互联网环保公益产品的现状概况………………………………1

1.1.4 以“蚂蚁森林”为例的互联网环保公益产品的产品分析……3

1.1.5 市场调研小结……………………………………………………4

1.2 用户调研…………………………………………………………………4

1.2.1 互联网环保公益产品用户分析…………………………………4

1.2.2 互联网环保公益产品调查问卷分析……………………………4

1.2.3 用户调研小结……………………………………………………10

1.3 交互设计可用性调研……………………………………………………10

1.4 技术调研…………………………………………………………………12

1.4.1 现有技术…………………………………………………………12

1.4.2 周边实体产品材料与工艺分析…………………………………12

1.5 产品设计定位……………………………………………………………13

第二章 产品方案原型设计………………………………………… 14

2.1 用户交互点设计…………………………………………………………14

2.2 产品功能框架图…………………………………………………………14

2.3 前期手绘草图方案设计…………………………………………………16

2.4 低保真原型设计…………………………………………………………22

2.4.1 移动端界面设计规范与标准……………………………………22

2.4.2 低保真原型方案设计……………………………………………23

2.5 高保真原型设计…………………………………………………………24

第三章 产品人机界面设计………………………………………… 26

3.1 产品色彩设计……………………………………………………………26

3.1.1 色彩原理…………………………………………………………26

3.1.2 配色方案…………………………………………………………26

3.2 产品界面布局设计………………………………………………………26

3.3 产品控件设计……………………………………………………………27

3.4 产品交互反馈设计………………………………………………………29

3.4.1产品界面的交互动效设计………………………………………29

3.4.2 周边奖牌的交互设计……………………………………………29

3.5 产品交互界面设计小结…………………………………………………30

第四章 产品开发设计……………………………………………… 33

4.1 产品开发工艺……………………………………………………………33

4.1.1 支付宝小程序的开发……………………………………………33

4.1.2 AR技术的开发组成 ……………………………………………33

4.2 产品开发注意事项………………………………………………………34

4.2.1 支付宝小程序开发用户授权amp;获取用户信息 …………………34

4.2.2 地图接口…………………………………………………………34

第五章 产品价值成本结构分析…………………………………… 35

5.1 产品价值构成与分析……………………………………………………35

5.2 附属实体产品成本分析…………………………………………………35

第六章 产品最终效果图…………………………………………… 37

6.1 产品效果图表现…………………………………………………………37

6.2 产品场景模拟图…………………………………………………………39

结束语…………………………………………………………………41

参考文献………………………………………………………………42

附录：关于支付宝蚂蚁森林用户使用情况的问卷调查……………43

请支付后下载全文，论文总字数：21478字