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