陳偉 舒妍妍

安徽新華學(xué)院財(cái)會(huì)與金融學(xué)院

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

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

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

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

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

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

（一）可行性分析

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

（二）總體設(shè)計(jì)

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

（三）技術(shù)線路

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

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

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

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

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

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

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

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

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

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

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

（三）注意事項(xiàng)

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

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

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

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