陳偉 舒妍妍

安徽新華學(xué)院財會與金融學(xué)院

引言：互聯(lián)網(wǎng)、信息技術(shù)迅速發(fā)展背景下，在大學(xué)生活中，學(xué)生所接觸的應(yīng)用軟件相對較多。以校內(nèi)社交軟件來說，其種類多而雜，功能卻很局限。在這樣的背景下，設(shè)計、制作一種功能全面、針對性強的校內(nèi)社交軟件極為必要，對多類APP功能和校園資源進行整合。在本研究中，主要制作了一種能包含校園招聘信息推廣、學(xué)習(xí)記錄等多種功能的校內(nèi)社交軟件——“嗨！校園”微信小程序，旨在為用戶（主要為學(xué)生）提供更全面信息的同時節(jié)省搜索時間。

一、校內(nèi)社交軟件的構(gòu)建背景分析

安徽新華學(xué)院作為應(yīng)用型高校人才培養(yǎng)的大學(xué)，在各類學(xué)習(xí)資源的提供上，極為充足，但是在零散型資源方面略有欠缺，比如學(xué)生社會實踐能力鍛煉的實踐資源提供方面。

在本次校內(nèi)設(shè)計軟件搭建及優(yōu)化項目中，創(chuàng)新點在于整合校內(nèi)現(xiàn)有資源，相比于傳統(tǒng)類APP，我們“嗨！校園” 微信小程序針對的校園內(nèi)兼職資源的提供，更加具有針對性安全性以及多樣性；小程序上提供的各方面資源分享平臺，更具有綜合性，多軟件合一，讓同學(xué)更便捷的利用校內(nèi)信息。

同時，校內(nèi)社交等應(yīng)用軟件種類多而雜，功能卻很局限，基于此，本文提出了“嗨！校園”微信小程序的設(shè)計與制作方案，對多類APP功能和校園資源進行整合，分為校園招聘信息推廣、校園圈、學(xué)習(xí)記錄三個模塊，主打便捷與全面，節(jié)省用戶搜索時間。該微信小程序（校內(nèi)社交軟件）旨在分享校園美好生活，學(xué)習(xí)資源，兼職資源，鼓勵學(xué)生勤工儉學(xué)，行成節(jié)約意識；記錄生活與學(xué)習(xí)，分享校園點滴事，鼓勵召集有相同興趣的同學(xué)在網(wǎng)上共同交流，提高莘莘學(xué)子學(xué)習(xí)效率，設(shè)定目標(biāo)，追求品質(zhì)。同時也是響應(yīng)國家號召節(jié)約資源型同環(huán)境友好型社會，提高學(xué)子思想與綜合素質(zhì)能力。

二、校內(nèi)社交軟件的總體設(shè)計分析

（一）可行性分析

勤工儉學(xué)一直被大學(xué)生所認可也是社會所提倡的，“嗨！校園” 小程序里面有校園里和學(xué)校所推薦的最安全、全面的招聘信息，這是個亮點，可以吸引一批想兼職的用戶；另外，小程序其他功能雖小，但種類豐富，使用戶沒必要在手機上下載過多繁瑣的APP，方便使用，節(jié)約內(nèi)存?！班?！校園” 小程序就是通過它的便捷性與可靠性吸引用戶。

（二）總體設(shè)計

建立一個名為“嗨！校園”的微信小程序，設(shè)置經(jīng)驗值獎勵政策，用戶可登陸微信關(guān)注我們的小程序。小程序內(nèi)容包括：模塊一、校園內(nèi)招聘信息推廣：其中包括學(xué)校食堂、店鋪以及與學(xué)校合作企業(yè)的招聘信息。在此模塊可以與雇主的進行信息溝通，信息透明豐富，安全得到保障；模塊二、校園圈：其中包括學(xué)習(xí)資源共享、分享生活趣事和轉(zhuǎn)賣二手用品。例如，學(xué)生可以在APP上分享學(xué)習(xí)心得和自己二手用品，選擇好分類，軟件進行保存，方便以后用戶查詢；模塊三，學(xué)習(xí)記錄：課程表設(shè)置，只要一個班級一個學(xué)生設(shè)置，其他同學(xué)就可以直接用。成績查詢，校內(nèi)成績不在學(xué)校網(wǎng)絡(luò)范圍直接可以查詢，考證成績直接與成績查詢窗口直接鏈接。此微信小程序整合多類軟件功能，方便用戶使用，節(jié)省時間。

（三）技術(shù)線路

用戶在微信上關(guān)注“嗨！校園”小程序，進行注冊使用后，可以通過小程序三個模塊使用時間、互動頻率，任務(wù)完成等活動積累相應(yīng)的經(jīng)驗值，參照小程序規(guī)定的經(jīng)驗換取標(biāo)準(zhǔn)，得到相應(yīng)的獎勵，如工作優(yōu)先推薦權(quán)、贊助商提供的小獎勵。主要流程為：用戶在“嗨！校園” 微信小程序的操作中，使用學(xué)習(xí)記錄、校內(nèi)招聘信息推廣、校園圈三個功能界面展開信息獲取與交流互動；后臺自動對學(xué)生的程序使用經(jīng)驗值進行積累；設(shè)定換取標(biāo)準(zhǔn)，并結(jié)合學(xué)生使用小程序的經(jīng)驗值，發(fā)放適當(dāng)獎勵，包括換取無形服務(wù)（優(yōu)先權(quán)）或是換取實物（贊助品），達到增加學(xué)生使用積極性的效果。

三、校內(nèi)社交軟件的模式優(yōu)化設(shè)計探究

（一）程序頁面設(shè)計

1.主要原則。第一，重點的突出性原則。在所有顯示出的頁面中，均需要保證用戶可以在第一時間獲取準(zhǔn)確的、不存在歧義的重點，快速理解頁面中心內(nèi)容。此時，需要避免在頁面中引入可能會對用戶理解、決策產(chǎn)生干擾的內(nèi)容。第二，流程的明確性原則。出于對保證用戶使用體驗的考量，不應(yīng)當(dāng)在操作流程中設(shè)置用戶目標(biāo)流程之外的內(nèi)容，提升用戶的軟件操作流暢感。

2.啟動頁設(shè)計。在本頁面中，主要顯示出了小程序特征和加載狀態(tài)。當(dāng)前，在微信小程序的啟動頁面中，用戶只能夠?qū)ζ放普故具M行更改，其他頁面內(nèi)容均由微信小程序統(tǒng)一提供，校內(nèi)軟件開發(fā)與設(shè)計人員不能夠進行個性化開發(fā)更改，因此小程序頁面開發(fā)設(shè)計的難度下降。

3.刷新頁面設(shè)計。在微信小程序的下拉刷新頁面樣式中，刷新圖標(biāo)與下拉標(biāo)示配色已捆綁，分為深淺兩套方案，因此在本次“嗨！校園” 微信小程序的開發(fā)設(shè)計中，需要著重統(tǒng)一刷新頁面的頂部文字、刷新圖標(biāo)以及下拉標(biāo)識。同時，在“嗨！校園” 微信小程序中，出于對設(shè)計與操作簡便性的考量，沒有對刷新頁面頂部區(qū)域的tab進行更新設(shè)置。實踐中，用戶完成頁面刷新操作（下拉頁面）后，標(biāo)題欄下方出現(xiàn)加載狀態(tài)提示，告知用戶頁面正在進行刷新操作。

4.加載反饋設(shè)計。頁面內(nèi)加載反饋是微信小程序中的細節(jié)功能，其在提升用戶使用感受方面發(fā)揮著重要作用。依托涵蓋在微信小程序中的加載樣式（自定義頁面內(nèi)容）即可實現(xiàn)對該校園交際小程序頁面加載反饋的設(shè)計。在此過程中，要著重控制自定義加載樣式的簡潔程度，利用更為簡單移動的畫面向用戶展示頁面加載實際情況。在本次“嗨！校園” 微信小程序的開發(fā)設(shè)計中，主要使用了微信提供的統(tǒng)一頁面加載樣式。同時，除了在全局性操作中應(yīng)用“菊花”模態(tài)的加載樣式之外，其他頁面均明確告知用戶具體的加載位置，避免用戶在等待過程中產(chǎn)生焦慮感。為了防止用戶產(chǎn)生界面卡死的錯覺，在載入過程中應(yīng)用了動畫效果，并在用戶等待響應(yīng)時間較長時為其提供取消操作。

5.頁面操作結(jié)果反饋。對于頁面局部的操作，可在操作區(qū)域予以直接反饋。在“嗨！校園” 微信小程序的開發(fā)設(shè)計中，主要使用微信設(shè)計中心所提供的控件庫及WeUI控件庫完成設(shè)計與制作。針對頁面全局操作的結(jié)果反饋，選用了結(jié)果頁的模式。此時，在完成整個流程后，該小程序可以自動彈出操作結(jié)果頁面，向用戶反饋當(dāng)前操作情況，提示用戶已經(jīng)完成當(dāng)前流程。對于這種操作結(jié)果頁面自動彈出的模式來說，其的提示性更強，可以更為迅速的吸引用戶注意，保證用戶在第一時間明確當(dāng)前操作結(jié)果，并迅速展開后續(xù)操作規(guī)劃。

（二）導(dǎo)航欄的設(shè)計

1.微信導(dǎo)航欄。在本次校內(nèi)社交軟件設(shè)計中，導(dǎo)航欄左側(cè)僅設(shè)置了單一操作按鈕，即回到微信。當(dāng)用戶按下該功能按鈕后，立即離開小程序的操作頁面，整個程序轉(zhuǎn)入后臺運行模式，且在用戶終端頁面中顯示出微信頁面，即“回到微信”。實踐中，當(dāng)用戶進入次級頁面后，用戶不僅可以應(yīng)用使用“嗨！校園” 微信小程序本身設(shè)置的返回按鈕重新退回前一步操作頁面，當(dāng)其應(yīng)用的移動終端設(shè)備系統(tǒng)安卓系統(tǒng)時，也可以利用其自帶的返回鍵退回前一步操作頁面。

2.頁面內(nèi)導(dǎo)航?！班耍⌒@” 微信小程序中設(shè)置了學(xué)習(xí)記錄、校內(nèi)招聘信息推廣、校園圈三個主要功能，在主頁面中添加這三個功能界面的導(dǎo)航，并保持不同頁面間導(dǎo)航一致。在本次“嗨！校園” 微信小程序的設(shè)計與制作中，為確保點擊區(qū)域，tab項不超過4項，并控制一個頁面內(nèi)不包含一組以上的tab欄。

（三）注意事項

1.減少輸入。智能手機的輸入鍵盤較小，特別是在輸入證件號、卡號時，極容易發(fā)生錯誤。一旦用戶出現(xiàn)輸入信息錯誤，或是必須要輸入大量信息時，其使用小程序的興趣會大幅下降?；诖?，在“嗨！校園” 微信小程序中，為用戶提供了多種綁定身份信息的方式，除了可以手動輸入學(xué)生證、學(xué)生卡上的信息之外，還可以使用手機攝像頭掃描學(xué)生卡，程序自動提取相應(yīng)信息完成綁定，以此達到增加用戶（學(xué)生）使用積極性的效果。

當(dāng)用戶不得不應(yīng)用手動輸入的方式進行信息輸入的情況下，需要盡可能讓用戶做出選擇，而不是全部使用鍵盤輸入。在“嗨！校園” 微信小程序中，當(dāng)用戶進入搜索界面展開操作時，為用戶提供了搜索歷史快捷選項，以此達到減少或避免不必要鍵盤輸入的效果。

2.減少等待。當(dāng)用戶等待某一頁面刷新或進入的時間增加時，其耐心會明顯下降，相對應(yīng)的，對相關(guān)小程序的認可程度與使用感受隨之下滑。就當(dāng)前的微信小程序來看，所提供的技術(shù)已經(jīng)能夠很大程度縮短用戶等待時間。在“嗨！校園” 微信小程序的設(shè)計與制作中，為了進一步縮減用戶的頁面等待時長，剔除了所有頁面中不必要的裝飾，強化頁面的簡介程度，維護用戶的使用感受。

結(jié)語：綜上所述，當(dāng)前，設(shè)計、制作一種功能全面、針對性強的校內(nèi)社交軟件極為必要。在“嗨！校園”微信小程序中，主要引入了學(xué)習(xí)記錄、校內(nèi)招聘信息推廣、校園圈三個功能，實現(xiàn)多類APP功能和校園資源進行整合，并依托對程序頁面、頁面導(dǎo)航等的優(yōu)化設(shè)計，提升了用戶的使用感受，為用戶提供了更為全面、豐富的信息資源，并達到了縮短用戶搜索信息時間的效果。