IIResearchonLinearConstrainedMeshDeformationMethods Abstract-PAGE17-TheDesignandImplementationofVirtualCampus[Abstract]Withthedevelopmentofsociety,peoplearepayingmoreandmoreattentiontoenvironmentalprotectionandresourceconservation[1].Thisarticlestudiestheprocessofinterfaceandinteractiondesignforarecyclingandenvironmentalprotectionapp,inordertoenhancesociety'sawarenessofsustainabledevelopmentandenvironmentalprotection,andpromotepublicparticipationinenvironmentalrecyclingactions.Thedesignschemeofthisprojectwillprovideuserswithconvenientenvironmentalrecyclingservices,informationsharing,andrewardmechanismstoencouragethemtoactivelyengageintheenvironmentalprotectionindustry.Thisprojectwillachieveefficientwasterecyclingandclassificationbyanalyzingtheshortcomingsofexistingrecyclingmethods.Theaimofthisprojectistoestablishaninformationsharingplatformwhereuserscanpostenvironmentalrelatedupdates,experiences,andsuggestionsontheapp,achievinginteractionandcommunicationamongusers.Inordertoencourageuserstoactivelyparticipateinenvironmentalrecyclingactions,thisstudywilldesignarewardmechanism.Userswillreceivecorrespondingpointseverytimetheysuccessfullyrecycle,andafteraccumulatingacertainamountofpoints,theycanexchangeforphysicalrewardsorenjoypreferentialservices.Thiswillincreaseuserengagementandstimulatetheirenthusiasmtoparticipateinenvironmentalactions.Throughtheabovedesignandfunctions,thisresearchprojectwillprovideuserswithconvenientenvironmentalrecyclingservices,improvewasterecyclingefficiency,andpromoteuserparticipationinenvironmentalprotectionactionsthroughinformationsharingandrewardmechanisms.Effectivelypromotethedevelopmentofenvironmentalprotection,enhancesocialawarenessofsustainabledevelopment,andthusbuildagreenerandmoreenvironmentallyfriendlysocialenvironment.[Keywords]Greenandenvironmentallyfriendly;recovery;Interactiondesign目錄摘要 IAbstract IITOC\o"1-2"\u第1章引言 31.1選題背景與意義 31.2國內(nèi)外研究現(xiàn)狀和相關(guān)工作 51.3本課題的創(chuàng)新點 81.4本課題的研究內(nèi)容和主要工作 81.5 技術(shù)路線 91.6本文的論文結(jié)構(gòu)與章節(jié)安排 9第2章回收環(huán)保類APP的設(shè)計理論基礎(chǔ) 112.1基于用戶體驗設(shè)計理論 112.2交互設(shè)計理論基礎(chǔ) 152.3設(shè)計工具 182.4本章小結(jié) 18第3章項目需求分析 193.1用戶需求分析 193.2競品分析 263.3用戶研究 363.4本章總結(jié) 38第4章產(chǎn)品總體設(shè)計 394.1APP的整體框架圖 394.2APP的主要流程圖 404.3本章小結(jié) 44第5章設(shè)計與實現(xiàn) 455.1APP的視覺設(shè)計 455.2 APP的頁面草圖設(shè)計 475.3APP的高保真原型圖設(shè)計 505.3 APP的交互設(shè)計 645.5本章小結(jié) 75第6章“綠循”APP的系統(tǒng)測試 766.1 功能測試 766.2 用戶測試 796.3 本章小結(jié) 81第7章總結(jié)與展望 827.1 研究總結(jié) 827.2 研究展望 82參考文獻 84相關(guān)的科研成果目錄 85致謝 86附錄調(diào)查問卷 87隨著全球資源的日益枯竭和環(huán)境問題的日益嚴重，回收和再利用成為了解決可持續(xù)發(fā)展的重要途徑之一。第十三屆全國人大四次會議表決通過了國家“十四五”規(guī)劃《綱要》的決議，明確提出：“加強廢舊物品回收設(shè)施規(guī)劃建設(shè)，完善城市廢舊物品回收分揀體系”[2]。為了更好完善這一體系，促進人民便利回收，國內(nèi)近年很多APP都推出了回收這一功能。在當前的國際背景之下，筆者提出了一個旨在回收舊物和環(huán)境保護的綜合環(huán)保APP的交互頁面設(shè)計策略。本章內(nèi)容將圍繞本課題的研究背景、意義、回收類APP在國內(nèi)外的研究進展、研究主題與主要任務(wù)、創(chuàng)新之處、研究手段與技術(shù)路線以及論文的整體結(jié)構(gòu)進行詳細描述。隨著社會的飛速發(fā)展，人民的生活方式也在不斷地更新。但也伴隨著大量工業(yè)生產(chǎn)造成的環(huán)境污染和資源浪費。為了更好地推動可持續(xù)發(fā)展和環(huán)保行動，設(shè)計和開發(fā)一款針對回收環(huán)保的APP顯得尤為重要，而本課題正是由此提出，研究一款回收環(huán)保類APP的界面設(shè)計和交互設(shè)計的制作過程。1.1.1選題背景根據(jù)《中國經(jīng)濟周刊-經(jīng)濟網(wǎng)訊》報道的“教材浪費現(xiàn)象”稱，在中部的某處工廠內(nèi)堆積著新回收來的40噸的教材。而這些教材也即將變成廢紙。據(jù)報道，在最近五年內(nèi)，我國使用的教材數(shù)量的金額高達210億，如果將他們回收再利用一次，節(jié)約出來的費用可以建造4萬所希望小學(xué)。據(jù)統(tǒng)計，每天有大概5萬噸的快遞垃圾圍繞在我們身邊，這些垃圾由大約3億個快遞生成。盡管包裝的回收效率非常低，但紙質(zhì)包裝的回收率只有20%，而塑料包裝的回收率更是低于10%，這使得它在自然環(huán)境中難以分解。根據(jù)環(huán)保組織的調(diào)查，我們每年會產(chǎn)生大量的快遞垃圾，其中約有5000噸塑料垃圾會被填埋或者焚燒。但是超過4萬噸的紙箱包裝會得到回收利用，重生為新的紙箱。這個問題不僅浪費了很多資源，還給城市垃圾處理系統(tǒng)帶來了很大的壓力。同時，我國是紡織品生產(chǎn)和出口最大的國家之一，也面臨著環(huán)境污染和碳排放方面的問題。根據(jù)《第二次全國污染源普查公報》顯示，2017年，紡織工業(yè)排放的COD、氨氮和總氮排放量都占工業(yè)源的很大一部分。因此，減少紡織工業(yè)的污染排放和碳排放，對于環(huán)保和可持續(xù)發(fā)展都非常重要。人們越來越關(guān)注環(huán)境可持續(xù)性發(fā)展和減少資源浪費的必要性。然而，傳統(tǒng)的回收方式存在諸多問題，如信息不透明、回收渠道不暢等，導(dǎo)致回收效率低下。即使目前，在很多城市的街邊或者小區(qū)里都出現(xiàn)了衣物回收箱，但還是有許多人不知道正確的回收方法，或者發(fā)現(xiàn)找不到回收中心。因此，需要設(shè)計一款高效便捷的回收類APP以解決這個問題。本研究所設(shè)計的方案正是為想要環(huán)保節(jié)約資源的用戶提供一個方便集中的平臺，將回收流程簡化，并加入公益捐助，鼓勵更多人參與回收，保護環(huán)境。1.1.2選題意義本課題設(shè)計的方案意義著眼于以下四個方面：提高回收效率：本人設(shè)計的這款回收類APP可以通過提供信息透明化、便捷的回收服務(wù)，有效提高回收效率，促進資源的再利用。用戶可以通過APP快速定位到回收點或者預(yù)約上門回收服務(wù)，方便快捷地處理廢棄物品。促進環(huán)保意識：本款A(yù)PP不僅可以提供回收服務(wù)，還提供公益捐贈服務(wù)。也為愛護環(huán)境的環(huán)保人士提供一個互相交流的平臺。平臺將不定期舉行海邊撿垃圾等一系列的環(huán)?；顒?，設(shè)置參與獎勵機制，促進用戶的環(huán)保意識和行為改變。通過APP的推廣與普及，可以幫助更多人了解和參與到環(huán)保行動中。促進經(jīng)濟發(fā)展：本款A(yù)PP的發(fā)展不僅可以提升回收行業(yè)的效率，還可以創(chuàng)造就業(yè)機會。通過APP平臺，回收人員可以更好地與用戶聯(lián)系，提供專業(yè)的回收服務(wù)。總之，本款回收類APP的發(fā)展對于推動資源可持續(xù)利用、促進環(huán)保意識、提升回收行業(yè)效率以及促進經(jīng)濟發(fā)展具有重要的研究意義。近年來，二手平臺和回收平臺逐漸興起。人們不再執(zhí)著于物品是否全新，更多關(guān)注在它的實用性和本身價值上。此類平臺的興起和大勢發(fā)展也發(fā)映出人們現(xiàn)在對于資源回收利用的良好態(tài)度。1.2.1國內(nèi)研究現(xiàn)狀近年來，中國在環(huán)境保護和可持續(xù)發(fā)展方面取得了顯著進展。在這個背景下，回收環(huán)保類APP在國內(nèi)得到了廣泛的研究和應(yīng)用。以下是對國內(nèi)回收環(huán)保類APP研究發(fā)展的分析。首先，回收環(huán)保類APP的功能不斷擴展和創(chuàng)新。國內(nèi)的研究者和開發(fā)者通過整合定位技術(shù)、大數(shù)據(jù)分析和云計算等先進技術(shù)，提供更加智能化和個性化的服務(wù)。例如，一些APP可以根據(jù)用戶的位置信息，提供附近回收點的信息和導(dǎo)航功能；還有一些APP利用圖像識別技術(shù)，幫助用戶判斷廢物的分類和處理方法。這些創(chuàng)新的功能使得回收環(huán)保類APP更加方便實用，提高了用戶體驗。其次，國內(nèi)的研究者對用戶行為和需求進行了深入研究。他們通過調(diào)查問卷、訪談和用戶數(shù)據(jù)分析等方法，了解用戶對回收環(huán)保類APP的態(tài)度、使用習(xí)慣和滿意度。研究發(fā)現(xiàn)，用戶對APP的界面友好性、功能完善性和信息準確性等方面有較高的要求?；谶@些研究結(jié)果，開發(fā)者可以針對用戶需求進行改進和優(yōu)化，提高APP的用戶體驗。第三，國內(nèi)的回收環(huán)保類APP在推動廢品回收行業(yè)的發(fā)展方面發(fā)揮了積極作用。通過APP的信息發(fā)布、訂單管理和支付等功能，回收環(huán)保類APP實現(xiàn)了廢品回收的在線化和便捷化。同時，APP還促進了廢品回收行業(yè)的規(guī)范化和專業(yè)化發(fā)展。例如，一些APP與認證的回收機構(gòu)合作，確?；厥者^程的安全性和可靠性。這種模式為廢品回收行業(yè)帶來了新的商機和發(fā)展機會。盡管國內(nèi)的回收環(huán)保類APP取得了一定的研究成果和應(yīng)用效果，但仍存在一些問題和挑戰(zhàn)。首先，用戶隱私保護和信息安全問題是待解決的。由于APP需要獲取用戶的位置信息和個人信息，如何保證用戶數(shù)據(jù)的安全性和隱私性成為一個重要議題。其次，APP的普及度和使用率有待提升。雖然回收環(huán)保類APP已經(jīng)被廣泛推廣，但仍有一部分用戶對其存在認知不足或不習(xí)慣使用移動技術(shù)，因此需要進一步宣傳和推廣。綜上所述，國內(nèi)的回收環(huán)保類APP研究已經(jīng)取得了一定的進展，通過技術(shù)創(chuàng)新、用戶需求分析和與廢品回收行業(yè)的合作，為推動資源回收與再利用提供了新的途徑和方法。未來的研究應(yīng)該進一步深入挖掘用戶行為和需求、提高APP的安全性和可靠性，以及加強與相關(guān)行業(yè)的合作，為實現(xiàn)可持續(xù)發(fā)展做出更大的貢獻。1.2.2國外研究現(xiàn)狀國外的回收環(huán)保類APP在環(huán)境保護和可持續(xù)發(fā)展方面也取得了顯著的研究和發(fā)展進展。以下是對國外回收環(huán)保類APP研究發(fā)展的分析。首先，國外的回收環(huán)保類APP在功能和技術(shù)上不斷創(chuàng)新。許多國外的研究者和開發(fā)者通過整合物聯(lián)網(wǎng)、人工智能和區(qū)塊鏈等先進技術(shù)，提供更加智能化和高效的服務(wù)。例如，一些APP利用物聯(lián)網(wǎng)技術(shù)，將垃圾桶和回收容器與APP連接起來，實現(xiàn)自動化的數(shù)據(jù)收集和管理；還有一些APP運用人工智能算法，幫助用戶快速識別廢物的分類和處理方法。這些創(chuàng)新的功能使得回收環(huán)保類APP更加便捷和精準。其次，國外的研究者注重用戶體驗和參與度的提升。他們通過用戶研究、用戶測試和用戶反饋等方法，以持續(xù)優(yōu)化APP的用戶界面設(shè)計、功能設(shè)置和交互方式，以滿足用戶的需求和期望。研究發(fā)現(xiàn)，用戶更傾向于使用簡潔明了、易于操作的APP，并對信息的可靠性和準確性有較高要求。基于這些研究結(jié)果，開發(fā)者不斷優(yōu)化APP的用戶界面和功能模塊，提高用戶的滿意度和參與度。第三，國外的回收環(huán)保類APP在社區(qū)合作和共享經(jīng)濟方面發(fā)揮了積極作用。一些APP通過建立廢物回收社區(qū)和平臺，促進了居民之間的資源共享和合作。例如，用戶可以在APP上發(fā)布自己不需要的物品或廢物，其他用戶可以通過APP進行二次利用或回收。這種模式不僅提高了廢物回收的效率，還促進了社區(qū)的環(huán)境保護意識和可持續(xù)發(fā)展。盡管國外的回收環(huán)保類APP取得了一定的研究成果和應(yīng)用效果，但仍面臨一些挑戰(zhàn)和問題。首先，不同國家和地區(qū)的環(huán)保政策和廢物管理制度存在差異，APP需要針對當?shù)厍闆r進行適應(yīng)和調(diào)整。綜上所述，國外的回收環(huán)保類APP在環(huán)境保護和可持續(xù)發(fā)展方面也取得了顯著的研究和發(fā)展進展。通過技術(shù)創(chuàng)新、用戶體驗的提升以及社區(qū)合作和共享經(jīng)濟的推動，回收環(huán)保類APP在國外為推動資源回收與再利用做出了重要貢獻。未來的研究應(yīng)該進一步關(guān)注不同國家和地區(qū)的特點和需求、加強數(shù)據(jù)隱私保護，以及促進國際合作，為全球環(huán)境保護事業(yè)做出更大的貢獻。相比其他同類APP，這個APP更加全面和完善。除了提供回收功能外，還增加了捐贈功能，具備公益性質(zhì)。這意味著用戶不僅可以選擇回收廢品，還可以選擇將物品捐贈給需要的人或慈善機構(gòu)，從而實現(xiàn)更廣泛的社會影響。這個APP實現(xiàn)了線上與線下的結(jié)合，用戶可以在線上輕松找到回收的渠道，并與同城的其他用戶分享回收心得，增強用戶的粘性。這種結(jié)合為用戶提供了更便利的回收體驗，并促進了用戶之間的互動和交流。在飛速發(fā)展的社會中，人們的環(huán)保意識也越來越重，但傳統(tǒng)的回收方式已經(jīng)落后，本課題將為用戶提供一個方便快捷的線上與線下結(jié)合的回收平臺。1.4.1研究內(nèi)容本課題將以“綠色環(huán)保”和“循環(huán)使用”為設(shè)計的根本理念，為有閑置衣物、書籍、廢品的用戶提供一個回收的集中平臺，為用戶提供便利性高，實用性強的服務(wù)。1.4.2主要工作本課題是設(shè)計一款回收環(huán)保類APP的界面設(shè)計和交互設(shè)計的制作過程，主要工作分為以下幾個部分：1.前期調(diào)研制作并發(fā)放調(diào)查問卷收集并分析調(diào)查的數(shù)據(jù)結(jié)果2.設(shè)計回收環(huán)保類APP搭建回收環(huán)保類APP功能框架制作回收環(huán)保類APP草圖原型制作回收環(huán)保類APP高保真原型圖完成回收環(huán)保類APP的交互動效制作。1. 用Photoshop制作頁面所需要的背景圖片和icon等。2. 用figma完成UI頁面的高保真原型圖和交互動效。本文共分為7章，章節(jié)內(nèi)容安排如下：1.第一章是引言。通過查閱現(xiàn)有的資料分析我國環(huán)?；厥疹怉PP的市場行情和發(fā)展前景。在進行分析總結(jié)后，該章舉例說明了我國在資源浪費方面的不利情形，分析了現(xiàn)在國內(nèi)外關(guān)于現(xiàn)有回收環(huán)保類APP的現(xiàn)狀，以及本課題的創(chuàng)新點，本文的論文結(jié)構(gòu)與章節(jié)安排2.第二章詳細描述了研究此課題時所采用的交互設(shè)計的理論基石和設(shè)計標準。3.第三章是專注于項目的需求分析。通過深入研究和分析相關(guān)資料，我們可以更好地了解當前用戶對APP的需求，他們越來越重視APP所帶來的使用便捷性，這也正是本研究課題的核心目的。在第三章中，我們將對通過調(diào)查問卷收集到的數(shù)據(jù)進行綜合總結(jié)和深入分析，并依據(jù)通過問卷法和訪談收集到的用戶需求信息，來完成本研究課題的全面設(shè)計。4.第四章專注于產(chǎn)品的整體設(shè)計方案?；诘谌聦τ脩粜枨蟮木C合分析，我們確定了本產(chǎn)品的核心功能，并為本課題的環(huán)保回收APP構(gòu)建了功能架構(gòu)，繪制了產(chǎn)品的初步草圖，并進行了整體設(shè)計。5.第五章是設(shè)計與實現(xiàn)，專注于設(shè)計和實施過程?；谇耙徽碌脑O(shè)計草圖和功能框架，我們使用Figma作為工具，完成了該課題研究APP的交互式設(shè)計，并成功制作了高保真的原型圖。6.第六章是對本課題設(shè)計的產(chǎn)品進行測試。本課題設(shè)計的產(chǎn)品在第六章得到了詳細的測試。一個優(yōu)質(zhì)的產(chǎn)品設(shè)計需要經(jīng)歷持續(xù)的測試過程，以便不斷地進行優(yōu)化和完善。7.第七章是展望和總結(jié)。在這一章節(jié)中，筆者會對此課題的研究內(nèi)容進行整理和概括，同時也會對自己的不足之處以及在設(shè)計階段所經(jīng)歷的困境和所獲得的靈感進行反思。本章主要從完成回收類環(huán)保APP所需要的用戶體驗理論和交互設(shè)計理論來進行闡述。用戶體驗是設(shè)計交互成敗的關(guān)鍵。因此，為用戶帶來良好的使用體驗是APP設(shè)計中最重要的事情，在前期做好設(shè)計的理論研究可以幫助我們更好的了解用戶需求，做出更好的設(shè)計方案。用戶體驗是指用戶在使用產(chǎn)品時所得到的感受。我們要代入到用戶的視角，以用戶的角色去思考，才能讓用戶有良好的體驗。在頁面設(shè)計中，要深入研究目標用戶的需求、習(xí)慣和期望，以便創(chuàng)造出直觀、易用的界面。同時，UI設(shè)計也關(guān)注APP的可用性和吸引力，確保用戶在使用過程中能輕松完成目標任務(wù)。2.1.1用戶體驗的概述在1990年代早期，唐納德·諾曼首次引入并普及了用戶體驗這一概念。隨著信息技術(shù)及互聯(lián)網(wǎng)產(chǎn)品的快速進步，用戶體驗的重要性和應(yīng)用范圍得到了廣泛的擴展，覆蓋了更多的領(lǐng)域，不同的學(xué)者從各自的視角對用戶體驗給出了闡釋，其中LucasDaniel的定義較為突出[6]。他把用戶體驗描述成使用或操作特定的產(chǎn)品或服務(wù)時，所經(jīng)歷的各種動作、思維和情感的完整旅程。隨著移動互聯(lián)網(wǎng)時代的到來，用戶體驗已經(jīng)成為影響手機品牌發(fā)展的關(guān)鍵因素之一。用戶體驗的價值體現(xiàn)在，一個出色的用戶體驗?zāi)軌蛟鰪娪脩魧τ诋a(chǎn)品或服務(wù)的滿足度，并激勵他們更加頻繁地使用和推介這些產(chǎn)品或服務(wù)。因此，設(shè)計人員和開發(fā)人員都應(yīng)該意識到用戶體驗對于產(chǎn)品設(shè)計開發(fā)和應(yīng)用推廣所起到的重要作用。為了給用戶帶來更好的體驗，設(shè)計師和開發(fā)人員需要密切關(guān)注用戶的需求、期望，以及產(chǎn)品或服務(wù)的用戶友好性、可信度和愉悅度等方面。在信息類計算產(chǎn)品中，用戶體驗設(shè)計經(jīng)常被采用。在進行產(chǎn)品設(shè)計時，首要任務(wù)是確保功能需求得到滿足。然而，對于用戶直接接觸到的各種元素，如按鍵、布局和外觀等，產(chǎn)品的形態(tài)和用戶體驗應(yīng)基于用戶的心理體驗來決定。如果設(shè)計不能滿足用戶需求，就會導(dǎo)致產(chǎn)品設(shè)計失敗，甚至造成用戶與產(chǎn)品之間不協(xié)調(diào)的情況。因此，在眾多的復(fù)雜和智能產(chǎn)品里，用戶的使用體驗成為決定產(chǎn)品成功與否的核心因素。一個產(chǎn)品不只是要易于使用，它還需要設(shè)計得簡單、外觀吸引人、并給人帶來愉悅的感覺。產(chǎn)品要想成為消費者手中的寵兒，除了其本身具備優(yōu)秀的性能以外，還要有良好的用戶界面和易于操作的設(shè)計。重視產(chǎn)品的用戶體驗不僅可以增強產(chǎn)品的實用性和舒適度，更為關(guān)鍵的是，用戶體驗的優(yōu)劣直接影響到產(chǎn)品在市場中的地位[7]。因此，用戶體驗被視為產(chǎn)品的一個商業(yè)機會。在產(chǎn)品設(shè)計中重視用戶體驗已經(jīng)成為了一種趨勢。簡單來說，重視用戶的使用體驗可以使產(chǎn)品更好地滿足他們的需求和期待，進而增強產(chǎn)品在市場上的競爭力和提升用戶的滿意度。從用戶體驗設(shè)計這一學(xué)科的構(gòu)成角度來看，交互設(shè)計實際上是嵌套在用戶體驗之中的，這意味著用戶體驗必須包含交互設(shè)計元素。交互設(shè)計與信息加工心理學(xué)有密切的聯(lián)系,交互設(shè)計的核心是描繪用戶可能的行為模式，并明確系統(tǒng)如何響應(yīng)這些用戶的行為[8]。簡而言之，交互設(shè)計就是對人和產(chǎn)品之間關(guān)系的一種研究。從非信息產(chǎn)品的視角出發(fā)，當人們使用這些產(chǎn)品時，他們的交互體驗是不可避免的，而產(chǎn)品的用戶體驗也與這種交互緊密相關(guān)。因此，交互設(shè)計就是研究如何使用戶和產(chǎn)品實現(xiàn)有效互動，從而獲取滿意或最佳效果的問題。簡單來說，交互設(shè)計在用戶體驗設(shè)計中占據(jù)了核心位置，它專注于用戶與產(chǎn)品的交互機制，確保用戶可以流暢地與產(chǎn)品互動，并享受到優(yōu)質(zhì)的用戶體驗。2.1.2用戶體驗五要素用戶體驗的最重要的五個部分分別是：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。設(shè)計一個回收環(huán)保類APP，也需要從這五個要素入手，才能設(shè)計出更符合用戶需求的產(chǎn)品。具體信息如下：圖2-1用戶體驗五要素架構(gòu)示意圖戰(zhàn)略層戰(zhàn)略層是用戶體驗設(shè)計和產(chǎn)品設(shè)計的基石，它包含了對商品、產(chǎn)品特性以及用戶需求等方面的深入了解。只有在了解這些方面的基礎(chǔ)上，設(shè)計師才能夠創(chuàng)作出更符合產(chǎn)品特性的設(shè)計。除了外觀視覺等方面的設(shè)計，設(shè)計師還需要深入探究如何讓用戶更深入地認知品牌，也就是在不影響用戶體驗的情況下提升品牌識別度。換句話說，戰(zhàn)略層面的任務(wù)是找到能夠滿足用戶需求的產(chǎn)品，并讓用戶更加依賴這些產(chǎn)品，從而增加他們對該產(chǎn)品的喜愛程度。簡而言之，戰(zhàn)略層是構(gòu)建產(chǎn)品和用戶之間有機連接的關(guān)鍵，必須在此基礎(chǔ)上建立產(chǎn)品設(shè)計和用戶體驗的框架。以手機支付APP為例，從表面上看，它似乎不是剛需。但當人們出門帶錢包覺得麻煩，零錢硬幣放口袋又覺得不方便的時候，掃碼支付代替現(xiàn)金這個戰(zhàn)略點就滿足了人們的需求。范圍層范圍層關(guān)注的是確定產(chǎn)品或服務(wù)的功能和內(nèi)容的范圍。在用戶體驗中，范圍層考慮如何提供簡潔明了的功能，并避免功能過載。它需要明確定義核心功能，以便用戶可以輕松地找到并使用所需的功能，同時剔除無關(guān)或冗余的功能。結(jié)構(gòu)層結(jié)構(gòu)層關(guān)注的是產(chǎn)品或服務(wù)的信息架構(gòu)和組織方式。在用戶體驗中，結(jié)構(gòu)層考慮如何設(shè)計清晰的導(dǎo)航和布局，以幫助用戶快速而準確地找到所需的信息。它需要關(guān)注信息的分類和組織方式，確保用戶可以輕松地理解界面的結(jié)構(gòu)，并自然而然地進行操作?？蚣軐与S著戰(zhàn)略目標的不斷變化，結(jié)構(gòu)層的需求也變得越來越多。因此，設(shè)計師必須從宏觀上把握這些需求，并且從微觀上精心組織，以便把它們變成一個完整的、清晰的框架。這樣，才能夠把復(fù)雜的架構(gòu)設(shè)計得更加精準、實用，從而滿足不同的需求?！懊叻俊睘橛脩籼峁┝艘粋€完整的體驗框架，它清晰地展示出網(wǎng)頁的各個組成部分，以及它們之間的相互關(guān)系。而"商品原型"則是更深層次的需求，它將用戶的要求和各種功能結(jié)合起來，以滿足用戶的需求，并能夠提供更加全面的關(guān)聯(lián)。通過確定目標用戶，設(shè)計師可以更深入地了解其需求，從而更好地定義商品和用戶角色。表現(xiàn)層表現(xiàn)層關(guān)注的是產(chǎn)品或服務(wù)的視覺設(shè)計和交互元素的呈現(xiàn)方式[3],例如文字、色彩、布局、圖像等。它們構(gòu)成了使用者體驗的第五個層次，也是使用者接觸APP的第一步。使用者對于設(shè)計的理解可能會有所不同，因此，設(shè)計師可以通過觀察用戶第一眼的反應(yīng)來評估設(shè)計的質(zhì)量。換句話說，設(shè)計師需要設(shè)計出一個能夠讓使用者一眼就找到他們想要的內(nèi)容的頁面，即使在負載過重的情況下，也要考慮是否能夠滿足用戶的需求。這不僅僅是一個美學(xué)問題，更是一種服務(wù)設(shè)計，設(shè)計中要堅持以用戶為中心，注重對比和一致性。例如，通過保持按鍵的統(tǒng)一性和采用顏色對比度來凸顯或減弱一些因素，以減少使用者的錯誤操作，減少學(xué)習(xí)成本，并適合客戶的使用習(xí)慣。在APP開發(fā)設(shè)計中，UI設(shè)計主要是界面圖形的外觀設(shè)計。而交互設(shè)計代表了一種獨特的設(shè)計策略，其核心目標是促進用戶與產(chǎn)品或服務(wù)之間的高效交互。它注重用戶體驗，強調(diào)用戶界面的可用性和吸引力。通過交互設(shè)計，設(shè)計師可以解決用戶需求，提供直觀、易用的界面，并確保用戶在使用過程中能夠順利完成目標任務(wù)。2.2.1交互設(shè)計理論基礎(chǔ)交互設(shè)計不僅繼承了傳統(tǒng)工業(yè)設(shè)計中以用戶需求為核心的設(shè)計哲學(xué)和研究手段，還根據(jù)信息傳播媒介的獨特性，發(fā)展了其獨特的思考模式和實施步驟[10]。設(shè)計師需要逐漸從關(guān)注物體和形式轉(zhuǎn)換到關(guān)注過程和行為，程序員的一些思維表達工具：用例、狀態(tài)圖等，被設(shè)計師越來越多地采用。這個轉(zhuǎn)變，并不表明設(shè)計師與程序員各自放棄了他們原來的思維方式，而是他們彼此借鑒以共同面對信息和軟件產(chǎn)品設(shè)計的復(fù)雜性。Verplank（2006）從可用性和擬物化設(shè)計的角度，建議了四個層次、從總體概,念到系統(tǒng)行為的設(shè)計思考過程。該進程的最后兩個步驟定義了一個MVC(modelviewcontroller,模型-視圖-控制器）架構(gòu)的可交互的系統(tǒng)，設(shè)計的關(guān)鍵在于“清晰地表達它的使用方式”。2.2.2交互設(shè)計規(guī)范交互設(shè)計規(guī)范是為了確保產(chǎn)品或服務(wù)的一致性、易用性和用戶體驗而制定的指導(dǎo)原則。以下是一些常見的交互設(shè)計規(guī)范：一致性：為了保證所有用戶都能感受到一致的感覺，我們需要將不同平臺上的產(chǎn)品進行整合，并對其外觀及功能做出相應(yīng)調(diào)整。例如，統(tǒng)一的色彩、字體和圖標使用，統(tǒng)一的導(dǎo)航和操作流程，以及統(tǒng)一的反饋和提示信息。易用性：設(shè)計用戶友好的界面，讓用戶可以毫不費力地完成指定的任務(wù)。例如，提供明確的導(dǎo)航和標識，簡化操作流程，提供有意義的錯誤提示和幫助信息，以及考慮不同用戶群體的需求和能力。反饋和指導(dǎo)：提供即時的反饋和明確的指導(dǎo)，讓用戶知道他們的操作是否成功。例如，使用動畫或狀態(tài)變化來反饋用戶的操作，提供清晰的指示和引導(dǎo)，以及給予用戶適當?shù)奶崾竞徒ㄗh。簡潔性：保持界面清晰明了，避免使用大量的的復(fù)雜組件和信息。例如，只顯示與當前任務(wù)相關(guān)的內(nèi)容，避免冗余的功能和選項，以及使用簡潔而有力的語言和圖標?？稍L問性：考慮到不同用戶的特殊需求，確保產(chǎn)品或服務(wù)對所有人都是可訪問的。例如，提供可調(diào)整的字體大小和對比度，使用有意義的文本標簽和替代文本，以及考慮鍵盤操作和輔助技術(shù)的支持?？蓴U展性：搭建一個既靈活又可擴展的界面，以便更好地適應(yīng)未來可能出現(xiàn)的需求和變化。例如，使用模塊化和可重復(fù)使用的設(shè)計元素，考慮不同屏幕尺寸和設(shè)備類型的適配，以及提供可定制和個性化的選項。2.2.3本課題遵循的設(shè)計規(guī)范 系統(tǒng)：IOS(蘋果系統(tǒng))設(shè)計尺寸：以iPhone14的界面大小作為標準。界面尺寸：390*844px下圖2-2是本APP所遵循的設(shè)計規(guī)范的iPhone14的手機模型圖2-2iPhone14手機模型2.3.1PhotoShopPhotoShop擁有出色的圖像編輯能力，能夠?qū)D片和照片執(zhí)行各式各樣的編輯操作，包括調(diào)整色彩、修復(fù)瑕疵、裁剪、變換、添加特效等。它還支持圖層管理，可以將不同的元素分別放置在不同的圖層上，方便進行修改和編輯。此外，Photoshop還提供了各種繪畫和創(chuàng)意工具，如畫筆、鉛筆、橡皮擦等，使用戶可以自由繪制、涂鴉和填充顏色。它還能夠創(chuàng)建矢量圖形，并支持文字編輯和排版功能。本課題設(shè)計將使用PhotoShop來完成界面所用到的圖標和Logo。2.3.2FigmaFigma具有強大的界面設(shè)計和原型設(shè)計功能。它提供了豐富的設(shè)計工具和資源，如各種形狀、文本編輯、顏色選擇器、圖層管理等，可以滿足設(shè)計師各種創(chuàng)意和需求。同時，F(xiàn)igma還支持交互式原型設(shè)計，可以創(chuàng)建用戶可點擊和瀏覽的原型，模擬用戶與界面的交互流程。其簡潔直觀的用戶界面和友好的操作方式，使得新手能夠快速上手并享受設(shè)計的樂趣。本課題設(shè)計將使用figma制作高保真原型圖和交互設(shè)計。這些設(shè)計理論基礎(chǔ)為設(shè)計一個回收環(huán)保類APP提供了指導(dǎo)和支持，交互設(shè)計理論幫助我們設(shè)計出簡單、直觀的交互方式，并引導(dǎo)用戶完成任務(wù)，從而增加使用的效率和輕松感。通過關(guān)注用戶體驗、交互設(shè)計和設(shè)計規(guī)范，我們能夠更好地滿足用戶需求，創(chuàng)造出一個用戶友好、易用、一致性和安全的APP界面和交互，以推動回收環(huán)保行動，促進可持續(xù)發(fā)展。好的APP誕生必定是為了滿足用戶的使用需求，在設(shè)計APP之前，做一個項目需求分析能讓我們更好地了解用戶需求。本章將從用戶需求的角度出發(fā)，詳細分析回收環(huán)保類APP的功能需求和非功能需求。設(shè)計一款滿足用戶需求、提升用戶體驗的回收環(huán)保類APP，以推動環(huán)保行動、促進可持續(xù)發(fā)展，共同建設(shè)美麗的綠色家園。需求分析是為了全面理解用戶的需求和體驗，從而為產(chǎn)品的設(shè)計和開發(fā)提供指導(dǎo)。由于用戶群體龐大，每個用戶都有不同的需求，但很少有用戶能夠清楚地表達自己的需求。因此，產(chǎn)品設(shè)計團隊在開始設(shè)計之前，需要解決如何獲取、分析、規(guī)劃和評估用戶需求的問題，因為用戶需求信息的模糊性和主觀性使得這些工作具有挑戰(zhàn)性且關(guān)鍵。3.1.1問卷調(diào)查法基于用戶和理論數(shù)據(jù)，我們制定了調(diào)查問卷，并通過提出問題來篩選出最適合目標用戶的有效問卷。對這些問卷進行信度和效度檢驗后，得出了較為滿意的研究結(jié)果。這次的調(diào)查問卷主要針對的是18-30歲的人群，總共搜集了173張問卷。以下是關(guān)于此次問卷調(diào)查的分析：1.由圖3-1和圖3-2可知，在本次調(diào)查結(jié)果中，有65.9%的人在平時生活中使用過回收環(huán)保類APP，有78.61%的人在日常生活中會有回收環(huán)保的意識。由此數(shù)據(jù)可得，現(xiàn)在人們大部分具備回收環(huán)保意識，但并不是有意識就有行動。因此，在加強人們環(huán)保意識的同時，還需加強大家的行動意識，不能光想不做。圖3-1使用過回收類APP或小程序的人數(shù)占比圖圖3-2日常生活中是否有環(huán)?；厥找庾R人數(shù)占比圖2.由圖3-3可知有56.65%的人非常清楚回收站點的聯(lián)系方式，有25.43%的人清楚回收站點在哪里但是卻不知道如何聯(lián)系，有17.92%的人完全不知道回收站點的信息；由圖3-4可知，有61.27%的人平時會在線上下單回收，49。71%的人仍然采取線下回收的方式，有35.26%的人使用回收柜進行回收。由圖3-5可知，有52.02%的人希望通過網(wǎng)絡(luò)預(yù)約上門回收，39.88%的人希望通過電話上門預(yù)約。由以上數(shù)據(jù)可得出，大部分人都選擇上門回收和線上預(yù)約這種便捷的方式，方便的回收方式更能促進人們回收。但仍然有少部分選擇線下當面回收，擔心線上回收自身權(quán)益難以得到保障。圖3-3是否清楚周圍的回收站點的人數(shù)占比圖圖3-4回收途徑占比圖圖3-5希望以哪種方式進行環(huán)保回收的占比圖3．由圖3-6和圖3-7可知，大家生活中回收廢舊紙品和衣物占比最多，且大部分都是兩至三月回收一次，回收環(huán)保是一個長期行為。在設(shè)計回收環(huán)保類APP時也更應(yīng)該注重回收種類的功能設(shè)計。圖3-6回收物品分類占比圖圖3-7處理廢品頻率占比圖 4．由圖3-8、3-9和圖3-10可知，當回收是有償形式時，愿意參與的人較多；當回收是捐贈形式時，愿意參與的人也很多。但是只有小部分人在回收能獲得受益的情況下，仍然選擇公益回收。因此，做一個回收環(huán)保類APP，更應(yīng)該注重用戶的多樣性需求。圖3-8回收是有償形式人們的參與意愿占比圖圖3-8回收是捐贈形式時人們的參與意愿占比圖圖3-9人們回收希望獲得物品占比圖5.由圖3-10可知，大部分人參加過線下環(huán)?；顒?，所以本課題所設(shè)計的回收環(huán)保APP會為熱愛環(huán)保的用戶提供一個可以分享交流的平臺。并通過線下環(huán)?；顒?，向更多的人傳播環(huán)保知識，增強他們對環(huán)境保護的意識。這也有助于推動更多人參與環(huán)保行動，形成廣泛的環(huán)保共識。 圖3-10參加過線下環(huán)?；顒尤藬?shù)占比圖6.由圖3-11、圖3-12和圖3-11可知，大多數(shù)用戶使用回收APP時對于回收價格，服務(wù)態(tài)度和回收是否方便比較重視；用戶使用回收APP的目的大部分都是希望獲得附件回收站點的信息和分類回收。因此，本課題所設(shè)計的回收環(huán)保類APP將以為用戶提供方便快捷的回收服務(wù)作為重點。圖3-11用戶希望回收環(huán)保APP擁有的功能占比圖圖3-12用戶使用回收環(huán)保APP的目的占比圖圖3-13用戶對于回收環(huán)保APP的使用訴求占比圖3.1.2訪談法筆者將通過訪談用戶深入了解用戶需求、獲取用戶反饋、設(shè)計用戶界面、挖掘創(chuàng)新點，并建立良好的用戶關(guān)系。這些對于制作回收環(huán)保類APP的成功至關(guān)重要，確保APP能夠有效滿足用戶的期望并推動環(huán)保事業(yè)的發(fā)展。訪談對象：訪談對象1:張先生，23歲，python工程師訪談對象2:李女士，45歲，家庭主婦訪談對象3：吳先生，22歲，學(xué)生訪談分析：張先生希望APP提供詳細的回收分類指南，支持在線預(yù)約和回收服務(wù)；李女士認為現(xiàn)有的回收環(huán)保APP功能過于簡單，希望APP提供更加方便的回收服務(wù)和更全面的回收分類指南；吳先生認為回收環(huán)保APP需要提供完整的回收分類指南和可視化的數(shù)據(jù)分析功能，以幫助企業(yè)評估回收效果和效益?？偨Y(jié)：通過以上訪談，可以了解到用戶對回收環(huán)保APP的需求和期望，包括提供詳細的回收分類指南、支持在線預(yù)約和回收服務(wù)、提供更加方便的回收服務(wù)、提供更全面的回收分類指南、提供可視化的數(shù)據(jù)分析等。這些信息可以幫助本課題所設(shè)計的回收環(huán)保類APP更好地滿足用戶需求，提升APP的用戶體驗和使用價值。 隨著人們對環(huán)保意識的提高，回收環(huán)保類APP逐漸成為了市場的熱門產(chǎn)品。本小節(jié)將對閑魚、58回收和小黃狗這三款A(yù)PP進行競品分析，以探討其功能和優(yōu)劣勢。3.2.1戰(zhàn)略層從產(chǎn)品定位來看：閑魚的產(chǎn)品定位是一個二手交易平臺，旨在為用戶提供一個安全、便捷的二手交易平臺。它致力于連接買家和賣家，促進物品的轉(zhuǎn)讓和再利用，以滿足用戶的個性化購物需求。閑魚通過強調(diào)商品質(zhì)量、信譽度等因素，打造一個可靠的二手交易社區(qū)，吸引了廣泛的用戶群體。58回收的產(chǎn)品定位是廢品回收和資源再利用服務(wù)平臺。它致力于幫助用戶方便地處理廢品，將廢品轉(zhuǎn)化為可再利用的資源。58回收提供廢品分類指導(dǎo)、上門回收服務(wù)等，旨在提高廢品回收的效率和便捷性。同時，它也注重環(huán)保意識，倡導(dǎo)用戶參與到可持續(xù)發(fā)展的行動中。小黃狗的產(chǎn)品定位是垃圾分類和回收服務(wù)平臺。它致力于幫助用戶正確進行垃圾分類，并提供相應(yīng)的垃圾回收服務(wù)。小黃狗通過提供垃圾分類指南、回收預(yù)約和積分兌換等功能，鼓勵用戶積極參與垃圾分類和回收行動。它強調(diào)方便、快捷的服務(wù)體驗，并通過舉辦環(huán)?；顒拥确绞剑岣哂脩舻沫h(huán)保意識。圖3-14使用閑魚的APP用戶年齡數(shù)據(jù)圖（圖源百度指數(shù)）圖3-15使用小黃狗的APP用戶年齡數(shù)據(jù)圖（圖源百度指數(shù)）圖3-16使用58回收的用戶年齡數(shù)據(jù)圖（圖源百度指數(shù)）表3-1以閑魚、58回收和小黃狗為例的戰(zhàn)略層分析產(chǎn)品閑魚58回收小黃狗主要戰(zhàn)略以二手交易為主要戰(zhàn)略，打造一個可信賴、便捷的社區(qū)二手市場以環(huán)保和廢品回收為主要戰(zhàn)略，提供廢品分類指導(dǎo)和回收服務(wù)。以垃圾分類和環(huán)保為主要戰(zhàn)略，提供分類指南和回收服。目標用戶年輕人、中年人老年人。關(guān)注二手交易、個性化購物等方面的用戶。有一定在線購物經(jīng)驗，注重商品質(zhì)量和信譽度。追求個性化、低價位的購物體驗。年輕人、中年人和老年人。注重環(huán)保意識，關(guān)注廢品回收和資源再利用等方面的用戶。追求方便、快捷的廢品回收服務(wù)體驗。年齡層次相對較年輕，以90后和00后為主要用戶。注重環(huán)保意識，關(guān)注垃圾分類和回收等方面的用戶。追求方便、快捷的垃圾分類和回收服務(wù)體驗。據(jù)以上分析，閑魚、58回收和小黃狗的目標用戶和側(cè)重點都有所不同，但都注重環(huán)保意識和社會責(zé)任感。3.2.2范圍層表3-2以閑魚、58回收和小黃狗的核心功能對比圖（yes/no）產(chǎn)品\功能提供二手交易平臺支持用戶之間的直接交流和交易廢品回收上門回收有回收預(yù)約模式商城社區(qū)公益捐贈積分兌換閑魚√√×√√√√√√58回收××√√√××××小黃狗××√√√√××√根據(jù)上表分析可知，閑魚、58回收和小黃狗的核心功能各有所不同，但都注重用戶體驗和服務(wù)質(zhì)量。閑魚提供了二手商品交易平臺，支持在線支付和物流配送服務(wù)；58回收提供廢品回收和資源再利用方案，支持廢品分類指導(dǎo)；小黃狗提供垃圾分類和回收服務(wù)，支持積分兌換和環(huán)?；顒訁⑴c。這些功能都旨在為用戶提供方便、快捷、安全、可靠的服務(wù)。3.2.3結(jié)構(gòu)層圖3-17閑魚的產(chǎn)品結(jié)構(gòu)圖3-1858回收的產(chǎn)品結(jié)構(gòu)圖圖3-19小黃狗的產(chǎn)品結(jié)構(gòu)圖根據(jù)圖3-17、圖3-18和圖3-19分析可得，閑魚采用的是社交電商模式，用戶可直接聯(lián)系買賣雙方進行交易，平臺提供支付、物流等支持服務(wù)；58回收的是采用上門回收服務(wù)模式，用戶可在線提交回收預(yù)約，回收員上門收貨后將廢品送往合作商戶進行處理；小黃狗采用的是回收預(yù)約和積分兌換的模式，用戶可通過APP提交回收預(yù)約并獲得相應(yīng)積分獎勵，積分可兌換為實物或參與環(huán)保活動。3.2.4框架層閑魚、58回收和小黃狗都是基于互聯(lián)網(wǎng)技術(shù)的平臺，分別提供二手交易、回收服務(wù)和垃圾分類等環(huán)保解決方案。在框架層面，這些平臺都具備良好的用戶體驗設(shè)計，包括可用性、實用性、可信度、滿意度和愉悅度。首先，從可用性角度看，這三個平臺都在界面設(shè)計和操作流程上進行了優(yōu)化，使得用戶能夠快速定位和使用各項功能。例如，閑魚的搜索功能、分類篩選和個人中心設(shè)計都非常簡潔明了，用戶可以輕松瀏覽商品、發(fā)布信息和進行交易。58回收也采取了類似的設(shè)計思路，用戶可以通過簡單的步驟發(fā)布回收信息、查詢附近的回收點等。小黃狗的界面設(shè)計也非常簡潔明了，功能模塊劃分清晰，用戶可以輕松瀏覽和使用各項功能。其次，從實用性角度看，這些平臺都提供了一定的價值和解決方案，滿足了用戶的需求。閑魚提供了一個廣闊的二手交易平臺，豐富的商品選擇、交易評價、實名認證等功能提高了用戶對交易的信任和滿意度。58回收為用戶提供了回收服務(wù)的信息平臺，用戶可以輕松發(fā)布和查找回收需求。小黃狗提供了便捷的回收服務(wù)，用戶可以通過應(yīng)用快速找到附近的回收點，并進行物品回收。第三，從可信度角度看，這些平臺也注重安全和質(zhì)量的保證，以增加用戶的信任度。閑魚對用戶身份進行認證，并通過交易評價系統(tǒng)來提供買賣雙方的信任度。58回收對回收點進行審核和認證，確?；厥辗?wù)的可靠性和質(zhì)量。小黃狗合作的回收點都經(jīng)過嚴格篩選和審核，用戶可以通過評價系統(tǒng)來對回收服務(wù)進行評價，增加了交易的可靠性。第四，從用戶滿意度角度看，這些平臺都不斷優(yōu)化產(chǎn)品和服務(wù)，提高用戶的滿意度。閑魚通過提供豐富多樣的商品選擇、便捷的交易流程和良好的客戶服務(wù)，提高了用戶的滿意度；58回收通過提供方便快捷的回收服務(wù)和解決方案，減少用戶的麻煩和成本，提高了用戶的滿意度；小黃狗通過提供便捷的回收服務(wù)和用戶友好的界面設(shè)計，提高了用戶的滿意度。最后，從用戶愉悅度角度看，這些平臺都注重用戶的使用體驗和感受，使得用戶能夠享受到使用的樂趣。閑魚的界面設(shè)計和交互流程給人一種愉悅感，用戶可以輕松瀏覽感興趣的商品，與賣家進行交流，并完成交易。58回收的界面設(shè)計簡潔明了，操作流程簡單順暢，為用戶提供了愉悅的使用體驗。小黃狗的界面設(shè)計簡潔舒適，操作流程流暢，給用戶帶來了愉悅的使用體驗。3.2.5表現(xiàn)層 閑魚的主要界面如下圖3-20所示。（a）(b)(c)圖3-20閑魚APP的主要頁面閑魚的設(shè)計注重用戶友好性和交互體驗。閑魚主色調(diào)為橙色，黃色也被廣泛應(yīng)用于頁面中。這兩種顏色給人以溫暖、活力、快樂的感覺，符合閑魚平臺的本質(zhì)和定位，即交易、互動和良好的用戶體驗。采用扁平化設(shè)計風(fēng)格，色彩搭配簡潔明快，強調(diào)商品展示和用戶交流體驗。其界面簡潔美觀，采用了現(xiàn)代化的UI設(shè)計，以提供直觀的用戶導(dǎo)航和操作。主頁呈現(xiàn)推薦商品、熱門分類和個性化推薦等內(nèi)容，用戶可以輕松瀏覽和篩選感興趣的商品。分類頁面展示各類商品的列表，并提供搜索功能，便于用戶快速找到想要的商品。商品詳情頁詳細展示單個商品的描述、價格和賣家信息，同時還包含圖片展示和用戶評價等功能。個人中心頁面顯示用戶個人信息、發(fā)布的商品和交易記錄等，方便用戶管理個人賬戶和參與交易。閑魚還提供聊天界面，買家和賣家可以通過即時溝通解決問題和達成交易。58回收的主要界面如下圖3-21所示。（a）(b)(c)圖3-2158回收的主要頁面58回收在頂部欄使用了紫色，紫色顏色給人以穩(wěn)重、深邃、高貴和神秘的感覺，能夠提升品牌形象和用戶體驗。白色是頁面背景的主要顏色，讓頁面看起來干凈、整潔?；疑挥米黜撁嬷械倪吙蛟黾恿隧撁娴那逦群蛯哟胃?，為其他更加鮮艷的顏色提供了舞臺。如在按鈕等交互元素上，58回收使用了紅色，紅色具有強烈的對比度，能夠吸引用戶的注意力，使用戶更容易完成目標操作。58回收的表現(xiàn)層設(shè)計注重信息直觀性和操作簡便性。其界面風(fēng)格簡潔明了，強調(diào)廢品回收和資源處理的核心功能。用戶可以通過首頁或分類頁面快速查找回收的物品類型，并了解相關(guān)信息。小黃狗的主要界面如下圖3-22所示。（a）(b)(c)圖3-22小黃狗的主要頁面小黃狗的主色調(diào)為黃色和白色，這些顏色給人以活力和溫暖的感覺，使整個應(yīng)用界面更加生動和有吸引力。這些色彩的運用在按鈕和交互元素上提供了視覺上的引導(dǎo)和突出效果。同時小黃狗還運用了橙色、黃色和藍色等不同色彩，使得整個界面充滿了活力和多樣性。小黃狗的界面設(shè)計非常簡潔明了，采用了直觀的布局和清晰的圖標，使用戶能夠迅速理解和使用各項功能。無冗余的信息和簡潔的排版風(fēng)格提供了良好的用戶體驗?？偨Y(jié)：閑魚、58回收和小黃狗這三款A(yù)PP都具有用戶基數(shù)大、服務(wù)范圍廣等優(yōu)勢，可以滿足大部分用戶的需求。同時這些APP也在不斷優(yōu)化和改進服務(wù)，提高用戶體驗。然而，這些APP也存在一些劣勢，如缺乏專業(yè)性、服務(wù)不夠精細等。因此，未來這些APP需要加強專業(yè)性和服務(wù)精細度等方面的發(fā)展，以滿足用戶更加多樣化的需求。通過問卷調(diào)查法和訪談法收集到的用戶需求數(shù)據(jù)進行了深入的分析和總結(jié)，從而確定了本課題設(shè)計的回收環(huán)保APP的目標用戶群體。接下來的小節(jié)將對目標用戶進行詳盡的研究，包括繪制用戶畫像和進行用戶模型構(gòu)建。3.3.1用戶建模1.確定目標用戶：該APP的主要用戶群體為有環(huán)保意識的人士，包括家庭用戶、學(xué)生和白領(lǐng)。他們關(guān)心環(huán)保、習(xí)慣分類回收垃圾，并愿意通過APP享受更加便捷和高效的回收服務(wù)。2.確定用戶需求：用戶需要一個APP來幫助他們更好地進行回收和分類，包括提供詳細的回收分類指南、支持在線預(yù)約和回收服務(wù)、提供更加方便的回收服務(wù)、提供更全面的回收分類指南。3.用戶特征：用戶具備一定的環(huán)保意識和知識，能夠正確分類回收垃圾并積極參與環(huán)?；顒?。他們通常使用智能手機和電腦等設(shè)備，有一定的數(shù)字技能和使用經(jīng)驗。4.用戶目標：用戶的主要目標是更好地保護環(huán)境、減少浪費和污染，同時也希望享受更加便捷和高效的回收服務(wù)，提升自身環(huán)保形象和社會責(zé)任感。5.用戶場景：用戶在日常生活中使用APP預(yù)約回收服務(wù)和參與環(huán)?；顒拥取?.用戶行為：用戶會使用APP進行注冊和登錄，查詢回收分類信息、預(yù)約回收服務(wù)、參加環(huán)?；顒?，并通過APP分享和推廣環(huán)保信息。3.3.2用戶畫像姓名：呂綠性別：女年齡：27歲職業(yè)：園藝師感情狀態(tài)：單身收入：8K所在地：廣州愛好：花藝，旅游，烘焙人生態(tài)度：積極樂觀，行動力強場景：她對環(huán)保問題非常關(guān)注，積極參與各種環(huán)?；顒?。她每天都會帶著環(huán)保袋去購物，盡量減少使用塑料袋。但是她在工作和生活中都比較忙碌，時間不多，因此她希望回收環(huán)保類APP能夠提供簡便快捷的功能和界面，以節(jié)省她的時間和精力。本章通過問卷調(diào)查法和訪談了解了目標用戶對回收環(huán)保的需求和期望。這有助于確定回收環(huán)保APP的功能和特點，確保滿足用戶的實際需求，提升用戶體驗。也能獲取他們對現(xiàn)有回收環(huán)保APP的評價和建議。通過競品分析，也了解到了現(xiàn)有APP存在的問題和不足之處，在研究過程中可以基于這些對本課題的研究進行進一步改進和優(yōu)化設(shè)計。本章將通過第二章第三章的分析與總結(jié)，初步確定本課題的設(shè)計方案。這一章節(jié)將詳細描述回收環(huán)保APP界面的總體結(jié)構(gòu)和關(guān)鍵流程圖。筆者經(jīng)過對用戶需求的深入調(diào)查，根據(jù)前期的調(diào)研和分析，明確了該課題所設(shè)計的APP的整體設(shè)計方案。該課題將分為五個模塊：登錄與注冊模塊、首頁模塊、社區(qū)模塊、消息模塊和個人中心模塊?；厥窄h(huán)保類APP“綠循”的整體框架圖如圖4-1所示。圖4-1回收環(huán)保類APP“綠循”的功能框架本小節(jié)將分為5個部分來繪制本課題的主要功能流程圖。4.2.1登錄與注冊模塊用戶可以通過手機號登錄和郵箱等方式登錄APP進入主頁，如果用戶無賬號，可先進行注冊后再登錄，隨后進入主頁。本模塊主要功能的流程圖如下圖4-2所示。圖4-2登錄與注冊功能的流程圖 4.2.2首頁模塊用戶進入首頁后，會看到首頁有三個板塊，首頁頂部是活動推薦廣告欄，第二部分是我的綠循幣，用戶可在此直接觀看到在本APP使用回收捐贈的次數(shù)以及目前自己賬戶所有的平臺貨幣。第三個部分是關(guān)于回收環(huán)保的近期資訊，用戶可在此瀏覽關(guān)于回收環(huán)保類的近期資訊。首頁模塊的主要功能是舊物回收、廢品回收和商城。1.舊物回收用戶點擊舊物回收后可根據(jù)自己的需求選擇回收種類和相關(guān)的回收信息。用戶可以選擇回收也可以選擇捐贈。2.廢品回收用戶點擊廢品回收后可自行選擇需要上門回收還是自行聯(lián)系廢品站。3.商城用戶點擊商城后可使用積分兌換禮品。本模塊的主要功能的流程圖如圖4-3所示。圖4-3首頁模塊的主要功能流程圖4.2.3社區(qū)模塊社區(qū)模塊主要分為兩部分：活動模塊和動態(tài)模塊。1.活動模塊用戶可在活動模塊瀏覽近期的線下環(huán)?；顒樱瑘竺约合?yún)⒓拥幕顒?，報名活動后，在參加活動當天，需要打卡簽到；也可以自己填好活動信息后發(fā)起活動。2.動態(tài)模塊用戶可在動態(tài)模塊發(fā)布動態(tài)和瀏覽社區(qū)其他用戶所發(fā)布的動態(tài)，與其他用戶建立友好關(guān)聯(lián)。本模塊的主要功能的流程圖如圖4-4所示。圖4-4社區(qū)模塊的主要功能流程圖4.2.4消息模塊用戶接收與我相關(guān)的動態(tài)，接收其他好友的消息。本模塊的主要功能的流程圖如圖4-5所示。圖4-5消息模塊的主要功能流程圖4.2.5個人中心模塊個人中心模塊主要分為三個部分：我的成就、我的訂單、更多服務(wù)。我的成就能幫助用戶更加直觀的看到自己的回收成就。本模塊的主要功能在我的訂單和更多服務(wù)部分。本模塊的主要功能的流程圖如下圖4-6所示。圖4-6個人中心模塊的主要功能流程圖在這一章節(jié)里，筆者詳細描述了“綠循”APP的總體結(jié)構(gòu)和關(guān)鍵流程圖，從而明確了該APP的核心功能和整體設(shè)計思路，為APP的進一步完善和調(diào)整提供了便利。本章將根據(jù)前幾章的分析與總結(jié)，依據(jù)第四章的產(chǎn)品框架來實現(xiàn)本課題所研究的回收環(huán)保APP的主要頁面和交互設(shè)計。5.1.1APP的主要色彩搭配頁面主色用綠色，綠色象征著大自然和生態(tài)環(huán)境，它與本課題的環(huán)保主題相呼應(yīng)。綠色還具有舒緩和放松的效果，能讓用戶在使用過程中有一種自然與和諧的感覺。白色通常被視為純潔、簡潔和高雅的顏色。在回收環(huán)保類APP頁面中使用白色可以營造一個干凈、整潔的界面，強調(diào)信息的清晰和易讀性。此外，白色也有一種空間擴展的效果，使得頁面看起來更加開放和寬敞。“綠循”APP的主色調(diào)和輔助色如圖5-1所示。（a）主色調(diào)（20DA6）（b）輔助色（FFFFFF）圖5-1“綠循”APP的主色調(diào)和輔助色5.1.2圖標設(shè)計在UI設(shè)計中，圖標扮演著重要的角色。通過使用符號化的圖標，可以更容易地表達功能、操作或概念，幫助用戶快速理解和識別。“綠循”APP的主要標簽頁圖標如圖5-2所示，功能性圖標如圖5-3所示。首頁社區(qū)消息個人中心（a）常態(tài)首頁社區(qū)消息個人中心（b）點擊狀態(tài)圖5-2標簽欄圖標舊物回收廢品回收商城待取件待收貨待完成圖5-3功能性圖標5.1.3APP的LOGO設(shè)計“綠循”APP的LOGO顏色選擇了綠色，以突出環(huán)保和自然的主題，也可以增加logo的吸引力和辨識度。主要元素是字母‘C’，代表著‘cycle’循環(huán)的意思，‘C’的頭部是一個箭頭，也代表著綠色循環(huán)的意思。箭頭元素可以進一步強調(diào)回收和環(huán)保的主題，同時讓LOGO更加富有創(chuàng)意和獨特性?！熬G循”APP的LOGO如下圖5-4所示。圖5-4“綠循”的LOGO設(shè)計本小節(jié)根據(jù)前幾章的前期調(diào)研確定本課題所研究的回收環(huán)保類APP的基本圖形結(jié)構(gòu)，本小節(jié)將繪制APP的基本框架的草圖。登錄與注冊模塊“綠循”APP的登錄與注冊模塊草圖如圖5-5所示。圖5-5“綠循”APP的登錄與注冊模塊草圖“綠循”APP的首頁模塊草圖如圖5-6所示。圖5-6“綠循”APP的首頁模塊草圖社區(qū)模塊“綠循”APP的社區(qū)模塊草圖如圖5-7所示。圖5-7“綠循”APP的社區(qū)模塊草圖消息模塊“綠循”APP的消息模塊草圖如圖5-8所示。圖5-8“綠循”APP的消息模塊草圖個人中心模塊“綠循”APP的個人中心模塊草圖如圖5-9所示。圖5-9“綠循”APP的個人中心模塊草圖本章將按照上一部分的APP的基礎(chǔ)架構(gòu)，利用PhotoShop對APP的Logo進行圖形設(shè)計，并利用Figma進行界面的高保真的原型制作，最后對APP的交互效果進行最終的設(shè)計。5.3.1啟動頁模塊“綠循”APP的啟動頁面是其LOGO界面，每當用戶打開該APP時，都會看到這個頁面，這有助于加深用戶對該APP的印象?！熬G循”APP的啟動頁如圖5-10所示。圖5-10“綠循”APP的啟動頁5.3.2登錄與注冊模塊用戶首次使用該APP時會顯示登錄界面，若用戶無賬號，則進入注冊界面，注冊完成后再返回登錄界面。用戶也可選擇其他登陸方式如郵箱登錄。“綠循”APP的用戶登錄和注冊界面如下圖5-11所示。（a）手機號登錄界面（b）郵箱登錄界面（c）注冊界面圖5-11“綠循”APP的用戶登錄和注冊界面5.3.3首頁模塊1.首頁界面用戶登錄后進入首頁界面，可在首頁界面頂部看到該APP線下的活動推薦輪播圖；其次能看到該APP的主核心功能：舊物回收、廢品回收和商城；中間部分可看見當前在APP內(nèi)所獲得的平臺貨幣；底部是近期關(guān)于回收的資訊，幫助用戶更好的關(guān)注回收。“綠循”APP的首頁界面如下圖5-12所示。（a）首頁界面（b）文章詳情界面圖5-12“綠循”APP的首頁界面和文章詳情界面2.舊物回收界面用戶點擊舊物回收圖標后，進入舊物回收界面。舊物回收界面內(nèi)又分為回收和捐贈，用戶可自行選擇使用。在回收界面，用戶先選擇回收種類，再按照界面要求選擇回收預(yù)估重量和上門時間，選擇完畢后下單，則會有平臺工作人員上門收取。在捐贈界面，用戶則是先選擇地址，再選擇捐贈種類和上門時間下單。兩種下單成功后，都會出現(xiàn)下單成功的界面?！熬G循”APP的舊物回收界面如下圖5-13所示。（a）回收界面（b）下單成功界面（c）捐贈界面（d）捐贈詳情界面圖5-13“綠循”APP的舊物回收界面 3.廢品回收界面用戶點擊廢品回收圖標后，進入廢品回收界面。廢品回收界面內(nèi)又分為上門和電聯(lián)，上門是用戶在平臺下單后由工作人員上門回收廢品。電聯(lián)是由平臺提供聯(lián)系方式，用戶自行聯(lián)系店家進行回收。廢品回收界面如下圖5-14所示。（a）上門界面（b）電聯(lián)界面圖5-14“綠循”APP的廢品回收界面 4.商城界面用戶點擊商城圖標后，進入商城界面。用戶可在商城內(nèi)使用積分兌換商城物品。 “綠循”APP的商城模塊界面設(shè)計如下圖5-15所示。（a）綠循商城界面（b）商品詳情頁界面（c）購物車界面（d）下單成功界面圖5-15“綠循”APP商城模塊界面5.3.4消息模塊用戶可在消息界面與社區(qū)其他用戶私信交流，也能用來接收平臺信息等?！熬G循”APP的消息界面如圖5-16所示。（a）消息通知界面（b）添加好友界面圖5-16“綠循”APP的消息模塊界面5.3.5社區(qū)模塊用戶可在社區(qū)模塊看到社區(qū)其他用戶的動態(tài)，與其他用戶交流分享自己的環(huán)保心得。用戶也能在社區(qū)模塊發(fā)起活動和發(fā)布動態(tài)。“綠循”APP的社區(qū)模塊界面如下圖5-17所示。（a）社區(qū)首頁界面（b）社區(qū)更多功能界面（c）發(fā)布活動界面（d）發(fā)布動態(tài)界面（e）更多活動界面（f）活動詳情界面（g）活動提交成功界面（h）搜索缺省界面（i）我的參與活動界面（j）我的發(fā)起活動界面（k）活動簽到界面（l）活動簽到成功界面圖5-17“綠循”APP的社區(qū)模塊界面5.3.6個人中心模塊用戶可在個人中心模塊查看自己的訂單詳情，也可修改收貨地址、咨詢客服、退出登錄等。1.“綠循”APP的個人中心模塊首頁界面如圖5-18所示。圖5-18“綠循”APP的個人中心模塊首頁界面2.“綠循”APP的訂單界面如圖5-19所示。（a）全部訂單界面（b）待取件界面（c）取消訂單界面（d）待收貨界面（e）已完成界面圖5-19“綠循”APP的訂單界面3.更多服務(wù)用戶可在此修改收貨地址、咨詢客服、查看關(guān)于本APP信息、提供反饋意見和退出登錄。“綠循”APP的更多服務(wù)界面如下圖5-20所示。（a）收貨地址管理界面（b）客服咨詢界面（a）關(guān)于我們界面（b）反饋意見界面（c）退出登錄界面圖5-20“綠循”APP的更多服務(wù)界面本節(jié)主要介紹“綠循”APP所進行的交互設(shè)計，并闡述實現(xiàn)的交互效果的用例。5.4.1啟動頁模塊首次打開“綠循”APP的會顯示APP的啟動頁，隨后浮現(xiàn)開始圖標，向上拖動開始圖標，則進入登錄界面。啟動頁的交互實現(xiàn)用例如圖5-21所示。圖5-21啟動頁的交互用例說明圖用例說明:設(shè)置延時觸發(fā)。用戶載入APP時，等待800ms后屏幕出現(xiàn)開始按鈕。在等待屏幕中用戶可以看到“綠循”APP的LOGO和Slogan，可以讓用戶對應(yīng)用程序產(chǎn)生更強的印象和認知。設(shè)置鼠標拖動。開始圖標出現(xiàn)時，用戶向上拖動鼠標，進入到登錄界面。鼠標拖動功能可以為用戶提供一種流暢的、連續(xù)的界面切換體驗。相比于傳統(tǒng)的點擊按鈕或鏈接進入下一個界面的方式，鼠標拖動可以給用戶帶來更直觀、更具參與感的交互體驗，增強用戶的滿意度和享受度。5.4.2登陸與注冊模塊登錄與注冊模塊的交互實現(xiàn)用例如圖5-22所示。圖5-22登錄與注冊模塊的交互用例說明圖用例說明：設(shè)置密碼隱藏：用戶點擊隱藏按鈕，選擇密碼是否隱藏，能更好的保護用戶隱私。設(shè)置密碼隱藏：用戶點擊隱藏按鈕，選擇密碼是否隱藏，能更好的保護用戶隱私。設(shè)置勾選按鈕：用戶點擊勾選按鈕，圓圈中出現(xiàn)√，表示同意隱私協(xié)議。設(shè)置性別選擇：用戶選擇性別前圓圈，圓圈中出現(xiàn)√，則表示成功選擇。5.4.3首頁模塊1.用戶登錄APP后進入首頁。首頁的交互實現(xiàn)用例如圖5-23所示。圖5-23首頁的交互用例說明圖 用例說明：設(shè)置輪播效果：設(shè)置390px*154px的動態(tài)面板，左右滑動圖片。設(shè)置頁面跳轉(zhuǎn)：點擊對應(yīng)圖標，頁面跳轉(zhuǎn)至對應(yīng)的界面。設(shè)置頁面滾動：設(shè)置372px*267px的動態(tài)面板，用戶可在此范圍上下滾動頁面查看動態(tài)。2.舊物回收用戶進入回收頁面后，點擊對應(yīng)的按鈕進行下單，下單成功后跳轉(zhuǎn)到下單成功的界面，3000ms后界面自動跳轉(zhuǎn)回首頁界面?；厥战缑娴慕换崿F(xiàn)用例如圖5-24所示。圖5-24回收的交互用例說明圖 用例說明：設(shè)置按鈕狀態(tài)：用戶點擊按鈕，按鈕變色，則選中選項，再次點擊按鈕，按鈕恢復(fù)原樣，則取消選擇。設(shè)置顯示隱藏面板：用戶點擊按鈕后，隱藏面板顯示（372px*424px）。設(shè)置頁面跳轉(zhuǎn)：用戶點擊立即下單按鈕，用戶跳轉(zhuǎn)到下單成功界面。設(shè)置延遲觸發(fā)：3000ms后，頁面自動跳轉(zhuǎn)回APP首頁界面。用戶進入回收界面后，可點擊捐贈，切換成捐贈模式。捐贈界面的交互實現(xiàn)用例如圖5-25所示。圖5-25捐贈的交互用例說明圖用例說明：設(shè)置返回功能：用戶點擊按鈕，頁面跳轉(zhuǎn)回首頁。設(shè)置頁面跳轉(zhuǎn)：用戶點擊按鈕后，頁面跳轉(zhuǎn)回回收界面。設(shè)置頁面跳轉(zhuǎn)：用戶點擊按鈕，用戶跳轉(zhuǎn)到捐贈詳情界面。設(shè)置右滑返回功能：用戶點擊按鈕，頁面右滑至捐贈界面。設(shè)置頁面滾動：頁面內(nèi)容為390px*1000px，設(shè)置頁面在390px*844px的頁面內(nèi)垂直滾動。3.廢品回收 用戶點擊廢品回收圖標，進入廢品回收界面。點擊上門或電聯(lián)按鈕，可選擇回收方式。圖a用例與舊物回收（1）用例相同，以下不再闡述。廢品回收界面的交互實現(xiàn)用例如圖5-26所示。圖5-26廢品回收的交互用例說明圖用例說明：設(shè)置撥打按鈕：用戶點擊撥打，進入呼叫頁面。設(shè)置返回按鈕：用戶點擊返回圖標，返回電聯(lián)界面。商城商城的交互實現(xiàn)用例如圖5-27所示。圖5-27商城的交互用例說明圖用例說明：設(shè)置頁面跳轉(zhuǎn)：用戶點擊按鈕，進入商品詳情界面。設(shè)置商品狀態(tài)：點擊加購按鈕，按鈕變色，顯示已加購。設(shè)置圖片拖動效果：向左拖動圖片，圖片變化。設(shè)置勾選按鈕：用戶點擊按鈕，則選中；再點擊一次，則取消。設(shè)置延遲觸發(fā)：頁面800ms后自動跳轉(zhuǎn)到商城界面。5.4.4社區(qū)模塊1.社區(qū)首頁的交互實現(xiàn)用例如圖5-28所示。圖5-28社區(qū)首頁的交互用例說明圖用例說明：設(shè)置頁面滾動：設(shè)置頁面內(nèi)容在365px*400px的動態(tài)面板內(nèi)垂直滾動。設(shè)置點贊狀態(tài)：點擊按鈕，按鈕變紅；再次點擊按鈕，按鈕變黑表示取消點贊。設(shè)置頁面疊加：用戶點擊符號，頁面從下彈出更多功能彈窗，如上圖5-28所示；設(shè)置背景顏色，當彈窗彈出時，原頁面疊加25%黑色背景，使用戶將注意力放在彈出的窗口上。2.發(fā)布界面的交互實現(xiàn)用例如圖5-29所示。圖5-29發(fā)布界面的交互用例說明圖 用例說明：設(shè)置取消按鈕：用戶點擊取消，更多功能彈窗消失。設(shè)置頁面交換疊加：點擊按鈕，頁面交換疊加至活動詳情界面，通過使用交換疊加效果，可以為頁面帶來層次感和深度感。設(shè)置按鈕狀態(tài)：點擊報名按鈕，按鈕將切換為已報名。設(shè)置簽到按鈕狀態(tài)：點擊簽到，按鈕由白色變?yōu)樗{色，則簽到成功。5.4.5消息模塊消息模塊的交互實現(xiàn)用例如下圖5-30所示。圖5-30消息的交互用例說明圖用例說明：設(shè)置頁面跳轉(zhuǎn)：點擊用戶頭像，進入用戶個人信息界面。設(shè)置按鈕狀態(tài)：點擊添加好友按鈕，按鈕顏色由白變綠，表示添加成功。5.4.6個人中心模塊個人中心模塊的交互實現(xiàn)用例如圖5-31所示。圖5-31個人中心模塊的交互用例說明圖用例說明：設(shè)置頁面跳轉(zhuǎn)：點擊對應(yīng)圖標，界面跳轉(zhuǎn)到對應(yīng)界面。設(shè)置退出按鈕：點擊“是”按鈕，界面登錄界面。設(shè)置退出登錄彈窗：點擊按鈕，出現(xiàn)彈窗。彈窗設(shè)置打開疊加，居中彈出。設(shè)置頁面跳轉(zhuǎn)：點擊對應(yīng)功能的圖標，界面跳轉(zhuǎn)到對應(yīng)界面。設(shè)置取消訂單彈窗：點擊按鈕，居中出現(xiàn)彈窗，背景變暗。點擊確定則訂單取消。本章詳細說明了“綠循”APP的設(shè)計與實現(xiàn)過程，展示了從設(shè)計草圖到高保真原型圖和界面之間的交互設(shè)計。在這一章節(jié)中，筆者將對"綠循"APP進行全面的系統(tǒng)測試，這包括功能方面的測試和用戶方面的測試。筆者將通過測試識別并解決存在的問題，從而對本課題的設(shè)計方案進行進一步的完善。本節(jié)的功能測試主要對“綠循”APP的登錄、首頁、社區(qū)、消息和個人中心六大模塊進行測試。在這六個功能中,“綠循”APP都有各自獨立的測試用例和相應(yīng)的測試方法，它們之間有著密切的關(guān)系。以下表格是對每個模塊的測試進行詳細的介紹和深入的分析。1.登錄與注冊模塊表6-1“綠循”APP的登錄注冊模塊的測試情況分析序號測試項操作預(yù)測結(jié)果測試結(jié)果1引導(dǎo)頁點擊開始跳轉(zhuǎn)到登錄界面成功2選擇登錄方式點擊圖標登錄切換到其他登錄頁面成功3登錄點擊登錄進入首頁成功4注冊點擊注冊注冊成功，返滬登錄頁成功2.首頁模塊表6-2“綠循”APP的首頁模塊的測試情況分析序號測試項操作預(yù)測結(jié)果測試結(jié)果1首頁輪播拖動圖片圖片切換成功成功2舊物回收點擊回收圖標進入舊物回收成功3舊物回收-回收選擇相關(guān)信息，點擊下單下單成功成功4舊物回收-捐贈選擇相關(guān)信息，點擊下單下單成功成功5廢品回收-上門選擇相關(guān)信息，點擊下單下單成功成功6廢品回收-電聯(lián)選擇店家，點擊撥打按鈕進入呼叫界面成功7商城點擊商城圖標進入商城成功8綠循商城點擊商品圖片進入商品詳情頁成功9加入購物車點擊加入購物車進入購物車界面成功12頁面自動跳轉(zhuǎn)等待界面跳轉(zhuǎn)回商城首頁成功社區(qū)模塊表6-3“綠循”APP的社區(qū)模塊的測試情況分析序號測試項操作預(yù)測結(jié)果測試結(jié)果1社區(qū)動態(tài)滑動滑動動態(tài)動態(tài)滑動成功2動態(tài)點贊點擊點贊按鈕按鈕變紅成功3發(fā)布功能點擊發(fā)布按鈕跳轉(zhuǎn)到發(fā)布界面成功4發(fā)布動態(tài)點擊發(fā)布按鈕發(fā)布成功，跳轉(zhuǎn)回社區(qū)首頁成功5發(fā)布活動點擊發(fā)布活動按鈕跳轉(zhuǎn)到發(fā)布詳情界面成功6查看活動點擊按鈕跳轉(zhuǎn)到更多活動成功7活動報名點擊報名按鈕按鈕顯示已報名成功8打卡點擊打卡按鈕跳轉(zhuǎn)到地圖簽到界面成功9搜索活動點擊搜索按鈕跳轉(zhuǎn)到缺省界面成功消息模塊筆者對消息模塊進行了測試，測試結(jié)果皆成功通過，消息模塊的具體測試情況如下表6-4所示。表6-4“綠循”APP的消息模塊的測試情況分析序號測試項操作預(yù)測結(jié)果測試結(jié)果1搜索點擊搜索按鈕跳轉(zhuǎn)到缺省界面成功2聊天框點擊消息欄跳轉(zhuǎn)到消息界面成功3添加好友點擊添加好友按鈕成功添加好友成功個人中心模塊表6-5“綠循”APP的個人中心模塊的測試情況分析序號測試項操作預(yù)測結(jié)果測試結(jié)果1訂單點擊訂單狀態(tài)按鈕跳轉(zhuǎn)到訂單界面成功2收貨地址