基于零廢棄理念界面游戲交互設計應用

李原林夕　范譯升

摘要：隨著科技水平不斷進步，人類發(fā)展與環(huán)境問題之間的矛盾日益凸顯。如何通過設計手段變革人們的價值觀與消費觀從而實現(xiàn)社會的可持續(xù)發(fā)展已經(jīng)成為設計研究的重要命題。文章從零廢棄生活理念出發(fā)，基于用戶需求與界面設計的交互要點，通過信息框架、平臺視覺形象、界面視覺設計與游戲交互行為四個方面研究，總結出規(guī)劃符合用戶需求路線的信息框架，塑造生動可交互的平臺視覺形象、設計合理化的界面視覺系統(tǒng)以及構建長期有效的交互游戲模式四種游戲交互界面設計方法。引導用戶改變環(huán)境意識，塑造零廢棄生活行為，并構建零廢棄品牌文化，從而提升產(chǎn)品的競爭力，提供了針對環(huán)境行為的游戲交互策略實踐參考。

關鍵詞：零廢棄理念；界面設計；游戲交互設計；可持續(xù)設計

中圖分類號：TP311? ? ? 文獻標識碼：A

文章編號：1009-3044（2022）34-0101-03

許多學者研究表明游戲化的設計策略能有效改變用戶行為，但目前仍缺少智能手機交互界面設計中融入游戲化設計策略的實踐性嘗試。本文以青年群體為主要研究對象，遵循訪談法的調(diào)研結果進行界面的信息框架搭建、形象設計、視覺設計與游戲交互行為四方面的研究實踐，總結引導用戶養(yǎng)成零廢棄生活習慣的界面游戲交互設計方法，對構建可持續(xù)交互設計行為等問題的研究具有參考價值。

1 理論闡釋

1.1 零廢棄理念

“零廢棄”（Zero Waste） 也被翻譯成零廢物、零垃圾、零填埋。近些年，隨著人們環(huán)保意識的提高，零廢棄理念逐漸成為一種構筑在“盡可能避免產(chǎn)生垃圾”做法之上的可持續(xù)生活選擇。2010年，美國的貝亞·約翰遜在她的《我家沒垃圾》一書中闡述了她踐行的零廢棄理念，由此在世界各地產(chǎn)生了上百萬名追求“零廢棄”生活方式的踐行者。作為一種可持續(xù)的生活理念，零廢棄生活鼓勵人們遵循“拒絕你不需要的（Refuse） ，減少你需要的（Reduce） ，重復使用你消費的（Reuse） ，回收你不能拒絕、減少重復使用的（Recycle） ，分解剩下的殘渣做成堆肥（Rot） ”的5R生活原則。零廢棄既是可持續(xù)的發(fā)展目標，也是垃圾減量、資源循環(huán)利用的行動計劃，更是一種使資源物盡其用并減少垃圾生產(chǎn)的全新生活方式。

1.2 可持續(xù)發(fā)展的設計理念

婁永琪教授指出第一次工業(yè)革命后，人類在擴大內(nèi)需的過程中不斷強化將自然資源轉(zhuǎn)化為生產(chǎn)資料的力度，這種擴張已經(jīng)成為對人與自然關系的巨大挑戰(zhàn)。可持續(xù)發(fā)展本質(zhì)是通過人類的主觀能動性去探索如何達成人類與自然生存發(fā)展、和諧共處的動態(tài)平衡。設計可以通過產(chǎn)品、系統(tǒng)、服務與體驗等手段持續(xù)引導人類改變認識行為，對環(huán)境問題產(chǎn)生很好的解決力。所以要將可持續(xù)的設計理念貫穿到整個設計學科之中，可持續(xù)交互設計需要不斷去研究人的認知與行為的心理機制，運用設計方法和技術手段幫助人與自然建立長期良好的互動聯(lián)系。本文探討了如何通過界面游戲交互設計方法幫助用戶樹立珍愛環(huán)境的環(huán)保意識、養(yǎng)成可持續(xù)的行為習慣，從而調(diào)節(jié)人與自然的矛盾關系，向共贏的可持續(xù)發(fā)展方向邁進。

2 零廢棄理念與游戲交互設計的關系構建

2.1 體現(xiàn)可持續(xù)發(fā)展理念

零廢棄理念容易被誤認為是一種極端的環(huán)保主義，但實際上零廢棄理念將“不產(chǎn)生垃圾”視作一個理想的終極目標，更加重視綠色實踐本身。零廢棄理念指導生產(chǎn)鏈的各個主體明確其可持續(xù)行為責任。即在規(guī)劃層面，決策者需要將最大限度減少垃圾產(chǎn)生作為重要考量納入生產(chǎn)指標；在設計層面，要求設計者在保持產(chǎn)品服務的基本功能下做到盡量減少廢棄物的產(chǎn)生并考慮產(chǎn)品廢棄后的回收再利用；在生產(chǎn)層面，生產(chǎn)過程中需要盡量使用清潔能源，減少廢棄物的排放；在消費層面，要求消費者提高自身環(huán)保素養(yǎng)，養(yǎng)成可持續(xù)生活習慣；在社會層面，媒體需監(jiān)督生產(chǎn)環(huán)節(jié)，并不斷輸出“零廢棄”的綠色理念，培養(yǎng)人們對環(huán)境問題的集體責任感。零廢棄生活理念培養(yǎng)的是人們長期性的可持續(xù)生活習慣與環(huán)境學習能力，它鼓勵任何程度負責任的綠色實踐，讓更多創(chuàng)造性的環(huán)保行為成為可能。

2.2 沉浸式參與：引導人們環(huán)境意識的改變

交互設計是根據(jù)用戶的需求通過設計用戶與某一對象的互動行為從而解決問題的設計方法，而游戲化設計是一種有效提升用戶交互體驗的設計手段。交互游戲化設計可以通過運用游戲機制建立沉浸式的行動情境與行為機制，引導人們改變環(huán)節(jié)意識、促發(fā)人們的環(huán)境行為。當用戶開始零廢棄生活行為實踐時，會打破其固有的生活模式，這一過程中用戶必定會感到不適。通過游戲背景與世界觀的建構可以將用戶帶入到未來可能面臨的惡劣環(huán)境情境中，現(xiàn)實行為兌換虛擬獎勵的規(guī)則邏輯可以使用戶將自己的日常行為與對未來環(huán)境影響緊密聯(lián)系起來，刺激用戶的探索欲望，培養(yǎng)其對環(huán)境問題責任感使命感。同時，游戲化設計可以建立引導用戶不斷投入的學習機制。游戲機制通過“觸發(fā)一行動一多變酬賞一投入—觸發(fā)”的重復循環(huán)讓用戶在使用產(chǎn)品的過程中不斷進入全身投入、樂此不疲的“心流狀態(tài)”。這種沉浸感可以幫助人們消解改變行為習慣的不適感，并且對產(chǎn)品產(chǎn)生黏性。最后，游戲化設計還可以滿足用戶不同層次的環(huán)境學習的需求。通過劃分用戶等級，根據(jù)不同活躍程度與踐行深度用戶的需求建立不同行為方式的行動導向和反饋機制。

2.3 符合生態(tài)環(huán)境質(zhì)量的新要求

在全球氣候變暖，人與自然矛盾不斷激化的大背景下，青年人的道德素質(zhì)和環(huán)境意識不斷提升。青年應對氣候變化行動網(wǎng)絡的《中國青年氣候意識與行為調(diào)研報告2020》中顯示：青年群體已經(jīng)意識到氣候變化的嚴重性，認為公眾是承擔應對氣候變化責任的第一主體，但是他們尚未形成以青年為主體的行動路徑，往往以門檻較低的個人實踐活動，如志愿活動、線上宣傳等行為為主。并且他們對氣候教育有較高期待意愿，但目前國內(nèi)深入了解氣候環(huán)境問題的教育渠道有限。而基于零廢棄理念的游戲化設計契合青年承擔環(huán)境責任的意愿，可以提升青年對環(huán)境問題的認知素養(yǎng)，同時引導青年探索零廢棄生活的行動路徑，并通過不同的交互形式幫助青年拓寬參與了解環(huán)境問題方式方法。

3 基于零廢棄理念游戲交互界面設計的實踐探索

基于以上分析明確了零廢棄理念與交互游戲設計方法結合的重要性與必要性，筆者分別從用戶調(diào)研、功能框架、視覺形象、視覺語言、游戲交互行為五方面展開，分析在智能手機界面中零廢棄理念與交互游戲設計結合的設計要點。由于研究表明App界面的風格美感會影響青年人的App使用效率，中老年人對App界面設計并無明顯偏好，所以App界面設計研究的用戶主體主要為青年群體。

3.1 用戶調(diào)研

App信息功能架構的設計要通過訪談目標用戶、問卷調(diào)查等方式了解用戶需求并合理劃分。筆者以訪談法的調(diào)研方式完成了對18—34歲在校師生及工作人員（女21，男16） 的37次個體訪談，了解他們對零廢棄生活的認知、態(tài)度以及行為的情況。通過訪談結果的整理，筆者構建了四個類型的用戶模型：1） 零基礎人群。這一群人對零廢棄生活幾乎毫無了解，需要提高界面設計的趣味性吸引他們使用產(chǎn)品。如筆者設計的ZERO App，通過開屏IP動畫的方式將App的玩法功能概述清楚，并在界面中通過視覺形象與用戶產(chǎn)生更多趣味互動。2） 夢想家人群。這一人群的認知行為水平不高，但有強烈的踐行意愿。這種高漲的社會責任感通過行動情境的營造才能轉(zhuǎn)化為實際行為的改變。因此在App中需要有知識學習的功能板塊補足用戶認知水平的不足，加入興趣小組、打卡等監(jiān)督機制督促其行為改變。3） 行動派人群。這一人群他們零廢棄行為突出，但對零廢棄認知水平較低，他們沒有系統(tǒng)的環(huán)保概念，也沒有突出的改變意愿，很難通過系統(tǒng)的教學糾正錯誤的環(huán)保觀念。App可以為他們提供知識PK等娛樂玩法并提供與他人分享經(jīng)驗的討論途徑，在與他人交流提升認知水平。4） 環(huán)保專家人群。這群人已經(jīng)有了比較成熟的零廢棄生活體系，并且有給公眾帶去積極影響的意愿。他們會需要使用App的權威認證，發(fā)起活動課程，綠色售賣等功能去科普零廢棄生活的技巧和知識。

3.2 信息功能架構

App的界面信息架構是產(chǎn)品的骨架，良好的信息框架可以讓用戶在使用產(chǎn)品過程中對界面的功能內(nèi)容有掌控感。所以在明確了用戶對產(chǎn)品的功能需求后，需要模擬用戶的日常使用場景，規(guī)劃出清晰準確符合用戶使用習慣、展現(xiàn)產(chǎn)品功能的信息框架。下面是筆者根據(jù)前期調(diào)研分析后規(guī)劃出的零廢棄生活App的信息框架：1） 游戲。在首次進入App時，會先通過H5動畫交代App的背景設定與使用玩法。然后進入App后對用戶陌生的重要元素以及功能進行介紹，引導用戶體驗App的游戲機制并確立任務目標。用戶可以在游戲板塊的商店中購買植物、倉庫查看幼苗肥料，并加入公會與其他用戶競爭合作。2） 打卡。打卡是幫助用戶將舊行為轉(zhuǎn)化為新行為的主要產(chǎn)品功能，它幫助用戶記錄零廢棄行為。通過系統(tǒng)的零廢棄生活認知行為水平測試可以選擇不同難度和場景的打卡計劃，用戶可以查看個人打卡進度、成就獎勵以及個人等級信息。3） 交流。為用戶提供了一個獲取環(huán)境資訊、交流零廢棄生活經(jīng)驗的平臺。用戶可以在此了解每日新聞和專題資訊，并通過討論組、朋友圈等方式發(fā)表觀點與其他用戶交流。4） 課程與活動。App提供給用戶綠色知識學習與參與線下環(huán)境保護活動的平臺。在板塊中用戶可以報名參與各類在線課程與線下活動，查找個人訂單，查詢課程資料與活動信息。

3.3 平臺的視覺形象設計

視覺形象能增強用戶瀏覽界面的趣味性，幫助構建更多界面游戲交互行為。平臺視覺形象設計的核心是塑造可以傳遞品牌文化價值的具有辨識度、審美性強、易于延展的視覺形象。以下是筆者規(guī)劃的平臺視覺形象設計路徑：1） 設計定位。筆者設計的零廢棄App的受眾群體為青年群體的消費動力主要是興趣消費與價值認同，所以視覺形象需要規(guī)劃環(huán)保個性的衍生品開發(fā)路徑，如開發(fā)界面交互游戲，NFT藏品等數(shù)字玩法吸引青年消費者關注其綠色內(nèi)核。2） 外觀形象設計。零廢棄App中，將適合未來惡劣環(huán)境場景生存的智能機器人作為原型。在造型風格上考慮到產(chǎn)品受眾為青年人群，所以機器人形象并沒有過于卡通，而是塑造了形象的科技感時尚感。ZERO機器人的設計考慮了二維與三維造型的協(xié)調(diào)性以及動畫表演的可行性，規(guī)劃動畫在界面的應用場景與視覺形象的標志動作。3） 背景故事設計。ZERO機器人的故事背景拓展圍繞著幫助人們養(yǎng)成零廢棄生活習慣的核心內(nèi)涵展開，通過ZERO發(fā)現(xiàn)綠色種子而決定肩負環(huán)保責任的動畫短片設計展現(xiàn)了IP擁抱“愛與希望”的世界觀，契合末日的故事背景與綠色親民的品牌形象。

3.4 交互界面的視覺設計

1） 界面色彩。零廢棄App的主色是綠色。因為零廢棄App的定位是幫助用戶養(yǎng)成可持續(xù)生活習慣的打卡交友學習的生活類App，傳播的是一種積極向上、健康生活的理念。而綠色是一種令人感到生機盎然又平和、舒適的色彩，契合了零廢棄App的產(chǎn)品調(diào)性。背景色選用了明亮溫暖的白色和淺綠色，有助于人們進行積極的色彩聯(lián)系而形成輕松愉悅的使用情緒。如白色會使人們聯(lián)想到純潔、干凈。在零廢棄App游戲種植部分運用語義色彩可以更直觀地傳達不同植物生長狀態(tài)的特殊語義。綠色表示游戲中植物生長的健康狀態(tài)；橙色表示游戲中植物生長亞健康狀態(tài)；紅色字用來表示游戲中植物生長的不健康狀態(tài)以及系統(tǒng)障礙錯誤的含義；藍色用來表示植物水分，黃色表示植物成長所需陽光。

2） 界面文字與信息內(nèi)容。在快節(jié)奏的信息時代，大量的文字的閱讀效率較低且會使用戶產(chǎn)生煩躁情緒，所以在規(guī)劃零廢棄的界面信息內(nèi)容時盡量減少了界面的文字信息內(nèi)容。主頁面的零廢棄日常資訊頻道分類以視覺形象ZERO的主題插畫表現(xiàn)穿搭、美食等不同主題，在線課程與線下活動板塊通過banner直觀呈現(xiàn)內(nèi)容。在交流圈中，除卻用戶分享的文字信息，盡量以圖標和圖像的形式代替文字表達信息內(nèi)容。界面最上方以用戶頭像形式呈現(xiàn)關注用戶的更新動態(tài)的消息提示，下方用圖標表示話題主題，用戶可以通過右滑尋找該興趣的主題，點擊檢索該興趣話題的相關討論內(nèi)容（圖1） 。

3） 界面圖形設計。研究表明青年群體偏好扁平簡約的手機界面風格，同時他們認為具有美感的界面操作會提升他們的使用效率。所以零廢棄App的圖標為簡約的單色設計，并注重強調(diào)造型的流線感與曲線美，避免過于方正造型給用戶一種理性、機械、科技、不好接近的形象感受。在內(nèi)容上，游戲板塊要盡量給用戶沉浸感的體驗，所以植物肥料、植物倉庫等游戲圖標設計區(qū)別于基礎圖標的描線純色表現(xiàn)方式，采用扁平彩色插畫的風格。但同時游戲圖標在顏色飽和度、明度與疏密結構與基礎圖標又有一定的聯(lián)系，形成系統(tǒng)的圖標設計。

3.5 游戲交互行為的構建

筆者將從游戲的目標層面、規(guī)則層面、反饋層面三方面來討論如何建構零廢棄App用戶與界面的游戲交互行為。目標層面上，說服用戶確立堅持零廢棄生活習慣的目標，為用戶營造真實的環(huán)境危機感。在游戲中，最開始用戶的未來家園是一片沙漠。用戶可以通過滑動屏幕觀看家園從山清水秀變?yōu)橐黄衬膼夯^程，產(chǎn)生保護環(huán)境的責任感與使命感。通過與機器人ZERO的文字交談了解恢復未來家園綠色生態(tài)的目標，并通過界面指引了解如何在商店選取適應不同氣候與土壤結構的植物并不斷種植恢復未來家園生態(tài)的基礎玩法。規(guī)則層面上，App中規(guī)定了不同的零廢棄行為與虛擬通行貨幣綠色種子的兌換規(guī)則，要求用戶把堅持零廢棄生活的行為轉(zhuǎn)譯為游戲中獲取虛擬貨幣的手段，把參與環(huán)?；顒拥葘嶋H行為與保衛(wèi)家園、抵抗風沙等游戲情節(jié)聯(lián)系起來，引導用戶制定可實施的零廢棄打卡計劃。反饋層面上，通過用戶間的相互反饋使用戶在學習中保持熱情參與。在游

戲界面中提供用戶與其他玩家聊天、組隊、共同活動的互動機會，使玩家可以與他人合作共同抵御自然災害、恢復家園生態(tài)。同時通過排行榜、探險模式等設計有競爭性的社交途徑，通過AR技術實現(xiàn)界面的虛擬指引與現(xiàn)實實景相結合的環(huán)保探險活動。在界面設計中為用戶創(chuàng)造與外部合作學習、資源共享的條件，給予用戶學習成果正向的激勵與反饋（圖2） 。

4 結束語

本文提出通過規(guī)劃以用戶行為需求路徑為核心的信息框架，設計符合用戶偏好、品牌調(diào)性且不易產(chǎn)生視覺疲憊的界面視覺系統(tǒng)，并塑造平臺視覺形象建立未來環(huán)境惡劣的游戲背景、展現(xiàn)拯救家園的故事脈絡，輔助構建目標、規(guī)則、反饋三個層面的界面游戲交互行為的界面設計方法。該應用結果提升了用戶的零廢棄認知、行為的動機，是幫助用戶建立可持續(xù)生活模式的探索嘗試。在未來的游戲交互設計中，將進行樣本基數(shù)更大的用戶測試，對界面設計方法進行進一步驗證和修訂，并從虛擬現(xiàn)實技術在游戲交互的應用的角度出發(fā)，進一步優(yōu)化人機交互的環(huán)境游戲體驗，引導用戶養(yǎng)成長期性的零廢棄行為。

參考文獻：

[1] 郭燕.“零廢棄”概念、原則及層次結構管理的研究[J].紡織導報，2014（10）：28-30.

[2] 婁永琪.NHCAS視角下的人機交互、可持續(xù)與設計[J].裝飾，2017（1）：66-70.

[3] 李健，蔡東娜.針對環(huán)境行為的交互設計策略與應用研究[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.

【通聯(lián)編輯：光文玲】