基于零废弃理念界面游戏交互设计应用

李原林夕　范译升

摘要：随着科技水平不断进步，人类发展与环境问题之间的矛盾日益凸显。如何通过设计手段变革人们的价值观与消费观从而实现社会的可持续发展已经成为设计研究的重要命题。文章从零废弃生活理念出发，基于用户需求与界面设计的交互要点，通过信息框架、平台视觉形象、界面视觉设计与游戏交互行为四个方面研究，总结出规划符合用户需求路线的信息框架，塑造生动可交互的平台视觉形象、设计合理化的界面视觉系统以及构建长期有效的交互游戏模式四种游戏交互界面设计方法。引导用户改变环境意识，塑造零废弃生活行为，并构建零废弃品牌文化，从而提升产品的竞争力，提供了针对环境行为的游戏交互策略实践参考。

关键词：零废弃理念；界面设计；游戏交互设计；可持续设计

中图分类号：TP311      文献标识码：A

文章编号：1009-3044（2022）34-0101-03

许多学者研究表明游戏化的设计策略能有效改变用户行为，但目前仍缺少智能手机交互界面设计中融入游戏化设计策略的实践性尝试。本文以青年群体为主要研究对象，遵循访谈法的调研结果进行界面的信息框架搭建、形象设计、视觉设计与游戏交互行为四方面的研究实践，总结引导用户养成零废弃生活习惯的界面游戏交互设计方法，对构建可持续交互设计行为等问题的研究具有参考价值。

1 理论阐释

1.1 零废弃理念

“零废弃”（Zero Waste） 也被翻译成零废物、零垃圾、零填埋。近些年，随着人们环保意识的提高，零废弃理念逐渐成为一种构筑在“尽可能避免产生垃圾”做法之上的可持续生活选择。2010年，美国的贝亚·约翰逊在她的《我家没垃圾》一书中阐述了她践行的零废弃理念，由此在世界各地产生了上百万名追求“零废弃”生活方式的践行者。作为一种可持续的生活理念，零废弃生活鼓励人们遵循“拒绝你不需要的（Refuse） ，减少你需要的（Reduce） ，重复使用你消费的（Reuse） ，回收你不能拒绝、减少重复使用的（Recycle） ，分解剩下的残渣做成堆肥（Rot） ”的5R生活原则。零废弃既是可持续的发展目标，也是垃圾减量、资源循环利用的行动计划，更是一种使资源物尽其用并减少垃圾生产的全新生活方式。

1.2 可持续发展的设计理念

娄永琪教授指出第一次工业革命后，人类在扩大内需的过程中不断强化将自然资源转化为生产资料的力度，这种扩张已经成为对人与自然关系的巨大挑战。可持续发展本质是通过人类的主观能动性去探索如何达成人类与自然生存发展、和谐共处的动态平衡。设计可以通过产品、系统、服务与体验等手段持续引导人类改变认识行为，对环境问题产生很好的解决力。所以要将可持续的设计理念贯穿到整个设计学科之中，可持续交互设计需要不断去研究人的认知与行为的心理机制，运用设计方法和技术手段帮助人与自然建立长期良好的互动联系。本文探讨了如何通过界面游戏交互设计方法帮助用户树立珍爱环境的环保意识、养成可持续的行为习惯，从而调节人与自然的矛盾关系，向共赢的可持续发展方向迈进。

2 零废弃理念与游戏交互设计的关系构建

2.1 体现可持续发展理念

零废弃理念容易被误认为是一种极端的环保主义，但实际上零废弃理念将“不产生垃圾”视作一个理想的终极目标，更加重视绿色实践本身。零废弃理念指导生产链的各个主体明确其可持续行为责任。即在规划层面，决策者需要将最大限度减少垃圾产生作为重要考量纳入生产指标；在设计层面，要求设计者在保持产品服务的基本功能下做到尽量减少废弃物的产生并考虑产品废弃后的回收再利用；在生产层面，生产过程中需要尽量使用清洁能源，减少废弃物的排放；在消费层面，要求消费者提高自身环保素养，养成可持续生活习惯；在社会层面，媒体需监督生产环节，并不断输出“零废弃”的绿色理念，培养人们对环境问题的集体责任感。零废弃生活理念培养的是人们长期性的可持续生活习惯与环境学习能力，它鼓励任何程度负责任的绿色实践，让更多创造性的环保行为成为可能。

2.2 沉浸式参与：引导人们环境意识的改变

交互设计是根据用户的需求通过设计用户与某一对象的互动行为从而解决问题的设计方法，而游戏化设计是一种有效提升用户交互体验的设计手段。交互游戏化设计可以通过运用游戏机制建立沉浸式的行动情境与行为机制，引导人们改变环节意识、促发人们的环境行为。当用户开始零废弃生活行为实践时，会打破其固有的生活模式，这一过程中用户必定会感到不适。通过游戏背景与世界观的建构可以将用户带入到未来可能面临的恶劣环境情境中，现实行为兑换虚拟奖励的规则逻辑可以使用户将自己的日常行为与对未来环境影响紧密联系起来，刺激用户的探索欲望，培养其对环境问题责任感使命感。同时，游戏化设计可以建立引导用户不断投入的学习机制。游戏机制通过“触发一行动一多变酬赏一投入—触发”的重复循环让用户在使用产品的过程中不断进入全身投入、乐此不疲的“心流状态”。这种沉浸感可以帮助人们消解改变行为习惯的不适感，并且对产品产生黏性。最后，游戏化设计还可以满足用户不同层次的环境学习的需求。通过划分用户等级，根据不同活跃程度与践行深度用户的需求建立不同行为方式的行动导向和反馈机制。

2.3 符合生态环境质量的新要求

在全球气候变暖，人与自然矛盾不断激化的大背景下，青年人的道德素质和环境意识不断提升。青年应对气候变化行动网络的《中国青年氣候意识与行为调研报告2020》中显示：青年群体已经意识到气候变化的严重性，认为公众是承担应对气候变化责任的第一主体，但是他们尚未形成以青年为主体的行动路径，往往以门槛较低的个人实践活动，如志愿活动、线上宣传等行为为主。并且他们对气候教育有较高期待意愿，但目前国内深入了解气候环境问题的教育渠道有限。而基于零废弃理念的游戏化设计契合青年承担环境责任的意愿，可以提升青年对环境问题的认知素养，同时引导青年探索零废弃生活的行动路径，并通过不同的交互形式帮助青年拓宽参与了解环境问题方式方法。

3 基于零废弃理念游戏交互界面设计的实践探索

基于以上分析明确了零废弃理念与交互游戏设计方法结合的重要性与必要性，笔者分别从用户调研、功能框架、视觉形象、视觉语言、游戏交互行为五方面展开，分析在智能手机界面中零废弃理念与交互游戏设计结合的设计要点。由于研究表明App界面的风格美感会影响青年人的App使用效率，中老年人对App界面设计并无明显偏好，所以App界面设计研究的用户主体主要为青年群体。

3.1 用户调研

App信息功能架构的设计要通过访谈目标用户、问卷调查等方式了解用户需求并合理划分。笔者以访谈法的调研方式完成了对18—34岁在校师生及工作人员（女21，男16） 的37次个体访谈，了解他们对零废弃生活的认知、态度以及行为的情况。通过访谈结果的整理，笔者构建了四个类型的用户模型：1） 零基础人群。这一群人对零废弃生活几乎毫无了解，需要提高界面设计的趣味性吸引他们使用产品。如笔者设计的ZERO App，通过开屏IP动画的方式将App的玩法功能概述清楚，并在界面中通过视觉形象与用户产生更多趣味互动。2） 梦想家人群。这一人群的认知行为水平不高，但有强烈的践行意愿。这种高涨的社会责任感通过行动情境的营造才能转化为实际行为的改变。因此在App中需要有知识学习的功能板块补足用户认知水平的不足，加入兴趣小组、打卡等监督机制督促其行为改变。3） 行动派人群。这一人群他们零废弃行为突出，但对零废弃认知水平较低，他们没有系统的环保概念，也没有突出的改变意愿，很难通过系统的教学纠正错误的环保观念。App可以为他们提供知识PK等娱乐玩法并提供与他人分享经验的讨论途径，在与他人交流提升认知水平。4） 环保专家人群。这群人已经有了比较成熟的零废弃生活体系，并且有给公众带去积极影响的意愿。他们会需要使用App的权威认证，发起活动课程，绿色售卖等功能去科普零废弃生活的技巧和知识。

3.2 信息功能架构

App的界面信息架构是产品的骨架，良好的信息框架可以让用户在使用产品过程中对界面的功能内容有掌控感。所以在明确了用户对产品的功能需求后，需要模拟用户的日常使用场景，规划出清晰准确符合用户使用习惯、展现产品功能的信息框架。下面是笔者根据前期调研分析后规划出的零废弃生活App的信息框架：1） 游戏。在首次进入App时，会先通过H5动画交代App的背景设定与使用玩法。然后进入App后对用户陌生的重要元素以及功能进行介绍，引导用户体验App的游戏机制并确立任务目标。用户可以在游戏板块的商店中购买植物、仓库查看幼苗肥料，并加入公会与其他用户竞争合作。2） 打卡。打卡是帮助用户将旧行为转化为新行为的主要产品功能，它帮助用户记录零废弃行为。通过系统的零废弃生活认知行为水平测试可以选择不同难度和场景的打卡计划，用户可以查看个人打卡进度、成就奖励以及个人等级信息。3） 交流。为用户提供了一个获取环境资讯、交流零废弃生活经验的平台。用户可以在此了解每日新闻和专题资讯，并通过讨论组、朋友圈等方式发表观点与其他用户交流。4） 课程与活动。App提供给用户绿色知识学习与参与线下环境保护活动的平台。在板块中用户可以报名参与各类在线课程与线下活动，查找个人订单，查询课程资料与活动信息。

3.3 平台的视觉形象设计

视觉形象能增强用户浏览界面的趣味性，帮助构建更多界面游戏交互行为。平台视觉形象设计的核心是塑造可以传递品牌文化价值的具有辨识度、审美性强、易于延展的视觉形象。以下是笔者规划的平台视觉形象设计路径：1） 设计定位。笔者设计的零废弃App的受众群体为青年群体的消费动力主要是兴趣消费与价值认同，所以视觉形象需要规划环保个性的衍生品开发路径，如开发界面交互游戏，NFT藏品等数字玩法吸引青年消费者关注其绿色内核。2） 外观形象设计。零废弃App中，将适合未来恶劣环境场景生存的智能机器人作为原型。在造型风格上考虑到产品受众为青年人群，所以机器人形象并没有过于卡通，而是塑造了形象的科技感时尚感。ZERO机器人的设计考虑了二维与三维造型的协调性以及动画表演的可行性，规划动画在界面的应用场景与视觉形象的标志动作。3） 背景故事设计。ZERO机器人的故事背景拓展围绕着帮助人们养成零废弃生活习惯的核心内涵展开，通过ZERO发现绿色种子而决定肩负环保责任的动画短片设计展现了IP拥抱“爱与希望”的世界观，契合末日的故事背景与绿色亲民的品牌形象。

3.4 交互界面的视觉设计

1） 界面色彩。零废弃App的主色是绿色。因为零废弃App的定位是帮助用户养成可持续生活习惯的打卡交友学习的生活类App，传播的是一种积极向上、健康生活的理念。而绿色是一种令人感到生机盎然又平和、舒适的色彩，契合了零废弃App的产品调性。背景色选用了明亮温暖的白色和浅绿色，有助于人们进行积极的色彩联系而形成轻松愉悦的使用情绪。如白色会使人们联想到纯洁、干净。在零废弃App游戏种植部分运用语义色彩可以更直观地传达不同植物生长状态的特殊语义。绿色表示游戏中植物生长的健康状态；橙色表示游戏中植物生长亚健康状态；红色字用来表示游戏中植物生长的不健康状态以及系统障碍错误的含义；蓝色用来表示植物水分，黄色表示植物成长所需阳光。

2） 界面文字与信息内容。在快节奏的信息时代，大量的文字的閱读效率较低且会使用户产生烦躁情绪，所以在规划零废弃的界面信息内容时尽量减少了界面的文字信息内容。主页面的零废弃日常资讯频道分类以视觉形象ZERO的主题插画表现穿搭、美食等不同主题，在线课程与线下活动板块通过banner直观呈现内容。在交流圈中，除却用户分享的文字信息，尽量以图标和图像的形式代替文字表达信息内容。界面最上方以用户头像形式呈现关注用户的更新动态的消息提示，下方用图标表示话题主题，用户可以通过右滑寻找该兴趣的主题，点击检索该兴趣话题的相关讨论内容（图1） 。

3） 界面图形设计。研究表明青年群体偏好扁平简约的手机界面风格，同时他们认为具有美感的界面操作会提升他们的使用效率。所以零废弃App的图标为简约的单色设计，并注重强调造型的流线感与曲线美，避免过于方正造型给用户一种理性、机械、科技、不好接近的形象感受。在内容上，游戏板块要尽量给用户沉浸感的体验，所以植物肥料、植物仓库等游戏图标设计区别于基础图标的描线纯色表现方式，采用扁平彩色插画的风格。但同时游戏图标在颜色饱和度、明度与疏密结构与基础图标又有一定的联系，形成系统的图标设计。

3.5 游戏交互行为的构建

笔者将从游戏的目标层面、规则层面、反馈层面三方面来讨论如何建构零废弃App用户与界面的游戏交互行为。目标层面上，说服用户确立坚持零废弃生活习惯的目标，为用户营造真实的环境危机感。在游戏中，最开始用户的未来家园是一片沙漠。用户可以通过滑动屏幕观看家园从山清水秀变为一片沙漠的恶化过程，产生保护环境的责任感与使命感。通过与机器人ZERO的文字交談了解恢复未来家园绿色生态的目标，并通过界面指引了解如何在商店选取适应不同气候与土壤结构的植物并不断种植恢复未来家园生态的基础玩法。规则层面上，App中规定了不同的零废弃行为与虚拟通行货币绿色种子的兑换规则，要求用户把坚持零废弃生活的行为转译为游戏中获取虚拟货币的手段，把参与环保活动等实际行为与保卫家园、抵抗风沙等游戏情节联系起来，引导用户制定可实施的零废弃打卡计划。反馈层面上，通过用户间的相互反馈使用户在学习中保持热情参与。在游

戏界面中提供用户与其他玩家聊天、组队、共同活动的互动机会，使玩家可以与他人合作共同抵御自然灾害、恢复家园生态。同时通过排行榜、探险模式等设计有竞争性的社交途径，通过AR技术实现界面的虚拟指引与现实实景相结合的环保探险活动。在界面设计中为用户创造与外部合作学习、资源共享的条件，给予用户学习成果正向的激励与反馈（图2） 。

4 结束语

本文提出通过规划以用户行为需求路径为核心的信息框架，设计符合用户偏好、品牌调性且不易产生视觉疲惫的界面视觉系统，并塑造平台视觉形象建立未来环境恶劣的游戏背景、展现拯救家园的故事脉络，辅助构建目标、规则、反馈三个层面的界面游戏交互行为的界面设计方法。该应用结果提升了用户的零废弃认知、行为的动机，是帮助用户建立可持续生活模式的探索尝试。在未来的游戏交互设计中，将进行样本基数更大的用户测试，对界面设计方法进行进一步验证和修订，并从虚拟现实技术在游戏交互的应用的角度出发，进一步优化人机交互的环境游戏体验，引导用户养成长期性的零废弃行为。

参考文献：

[1] 郭燕.“零废弃”概念、原则及层次结构管理的研究[J].纺织导报，2014（10）：28-30.

[2] 娄永琪.NHCAS视角下的人机交互、可持续与设计[J].装饰，2017（1）：66-70.

[3] 李健，蔡东娜.针对环境行为的交互设计策略与应用研究[J].装饰，2018（1）：108-110.

[4] 苟锐，傅德天，莫宇凡.不同年龄人群对交互界面设计风格的审美偏好与操作效率的比较[J].包装工程，2019，40（16）：22-26.

[5] 刘峰，潘云华.基于认知心理的抑郁症App界面设计研究[J].设计，2017（19）：121-122.

[6] 李峻，朱琰翎.高体验度的游戏虚拟物品交易App界面设计[J].包装工程，2018，39（12）：32-37.

[7] 杨海波，杜宇菲.智能手机交互界面设计的认知基础[J].包装工程，2020，41（10）：1-6.

[8] 杨洁.智能手机App用户界面设计的行为逻辑思维[J].包装工程，2018，39（22）：241-245.

【通联编辑：光文玲】