基于用戶(hù)體驗(yàn)的微信小程序設(shè)計(jì)

許燁 潘超

摘 要：文章指出，當(dāng)下微信小程序有著非常廣泛的應(yīng)用，相比較于一般的應(yīng)用程序，微信小程序具有占用資源少、使用便捷、功能豐富等特征。在進(jìn)行微信小程序設(shè)計(jì)中，用戶(hù)體驗(yàn)是必須要考慮的因素，而微交互是融入在微信小程序各個(gè)操作中，用戶(hù)體驗(yàn)與微交互有著緊密的聯(lián)系。微信小程序的設(shè)計(jì)需要從進(jìn)入小程序、添加小程序以及細(xì)節(jié)處理等方面進(jìn)行，同時(shí)注重小程序的功能與操作性、感官與情感體驗(yàn)、價(jià)值體驗(yàn)，為用戶(hù)帶來(lái)良好的便捷性與愉悅性，增加用戶(hù)對(duì)小程序的認(rèn)可度，確保設(shè)計(jì)完成的微信小程序能夠符合使用需求。

關(guān)鍵詞：用戶(hù)體驗(yàn);微信小程序;設(shè)計(jì)

0? ? 引言

伴隨著移動(dòng)互聯(lián)網(wǎng)以及新媒體技術(shù)的快速發(fā)展，使用者對(duì)信息傳遞的要求越來(lái)越高，既要操作便捷，同時(shí)也要簡(jiǎn)單易懂。由我國(guó)騰訊公司開(kāi)發(fā)的微信小程序很好地適應(yīng)了當(dāng)下的信息傳遞需求，相比較于一般的應(yīng)用軟件，微信小程序有著自身的優(yōu)勢(shì)，是現(xiàn)階段“輕應(yīng)用”思維的很好呈現(xiàn)。在這樣的背景下，微信小程序獲得了飛快發(fā)展，越來(lái)越多的手機(jī)應(yīng)用軟件開(kāi)發(fā)了自身的微信小程序，然而微信小程序開(kāi)發(fā)過(guò)程中，微交互是及其重要的一部分，優(yōu)秀的微交互設(shè)計(jì)能夠極大提高使用者的應(yīng)用感受。為此，在進(jìn)行微信小程序設(shè)計(jì)過(guò)程中，要特別重視用戶(hù)體驗(yàn)，以此為基礎(chǔ)進(jìn)行產(chǎn)品功能規(guī)劃、產(chǎn)品交互設(shè)計(jì)等，促使微信小程序能夠獲得更好的發(fā)展。為了進(jìn)一步明確用戶(hù)體驗(yàn)在微信小程序設(shè)計(jì)中的應(yīng)用，本文以微信小程序微交互設(shè)計(jì)為例進(jìn)行說(shuō)明，現(xiàn)將設(shè)計(jì)心得闡述如下。

1? ? 微信小程序設(shè)計(jì)

1.1? 進(jìn)入小程序

從當(dāng)下微信小程序應(yīng)用現(xiàn)狀來(lái)看，要打開(kāi)微信小程序可以通過(guò)以下兩種路徑實(shí)現(xiàn)，其一，在微信主頁(yè)面，通過(guò)下拉屏幕，彈出下拉窗口，在新窗口“我的小程序”中就可以查看到已添加的小程序，點(diǎn)擊相應(yīng)圖標(biāo)就可以進(jìn)入小程序，點(diǎn)擊左上方關(guān)閉按鈕或者返回鍵就可以退出小程序，進(jìn)入微信主界面;其二，在微信主頁(yè)面下方菜單欄點(diǎn)擊發(fā)現(xiàn)按鈕，彈出搜索框，輸入需要檢索的小程序名稱(chēng)，點(diǎn)擊出現(xiàn)的小程序圖標(biāo)就可以進(jìn)入小程序[1]。

1.2? 添加微信小程序

在微信中打開(kāi)小程序管理頁(yè)面，會(huì)顯示出各種小程序列表，從右往左滑動(dòng)某個(gè)小程序，就會(huì)在右側(cè)出現(xiàn)“添加”與“刪除”兩個(gè)選項(xiàng)，點(diǎn)擊“添加”按鈕之后在相應(yīng)微信小程序右側(cè)會(huì)出現(xiàn)點(diǎn)亮的星星圖標(biāo);點(diǎn)擊“刪除”按鈕，即將小程序從列表中移除[2]。這兩種是常用的微信小程序微交互方式。

1.3? 微信設(shè)計(jì)細(xì)節(jié)處理

在進(jìn)行微信小程序設(shè)計(jì)過(guò)程中，要想確保用戶(hù)獲得良好的體驗(yàn)，還必須要重視細(xì)節(jié)的處理，為用戶(hù)帶來(lái)更好的微交互感受。細(xì)節(jié)處理體現(xiàn)在方方面面，比如說(shuō)用戶(hù)登錄微信、切換微信操作界面、給朋友動(dòng)態(tài)點(diǎn)贊等，每一個(gè)微小的交互都會(huì)影響到用戶(hù)的實(shí)際體驗(yàn)[3]。此外，微信不同功能運(yùn)行中，交互體驗(yàn)感受也是不同的，在進(jìn)行細(xì)節(jié)處理時(shí)也要一一對(duì)應(yīng)。

2? ? 微信小程序微交互設(shè)計(jì)的特征

微信小程序在設(shè)計(jì)過(guò)程中，許多方面有體現(xiàn)出了交互特性，并貫徹在微信小程序各個(gè)操作方式中。用戶(hù)體驗(yàn)是基于整個(gè)產(chǎn)品或操作系統(tǒng)的角度來(lái)審視的，而微交互設(shè)計(jì)則滲透在產(chǎn)品的任一功能與操作中，微交互與用戶(hù)體驗(yàn)兩者間有著密切的聯(lián)系[4]。從當(dāng)下微信小程序的應(yīng)用狀況來(lái)分析，微交互設(shè)計(jì)特征主要體現(xiàn)在3個(gè)方面，即功能與操作性、感官與情感體驗(yàn)、價(jià)值體驗(yàn)。微信小程序中微交互用戶(hù)體驗(yàn)如圖1所示。

2.1? 功能與操作性

微信小程序的微交互非常便于操作及應(yīng)用，用戶(hù)從主界面進(jìn)入到小程序的途徑也十分便捷，表現(xiàn)出了良好的可操作性與便利性。微信在經(jīng)過(guò)多次版本更新之后，已經(jīng)能夠?qū)崿F(xiàn)平板電腦與微信小程序的兼容，功能不斷豐富。此外，在微信小程序中還融入了關(guān)注公眾號(hào)功能，使用者在實(shí)際中通過(guò)掃碼進(jìn)入小程序，就可以同步關(guān)注小程序公眾號(hào)，有效簡(jiǎn)化操作，改善用戶(hù)操作體驗(yàn)[5]。此外，為了解決“附近的小程序”功能不健全的問(wèn)題，可以通過(guò)增設(shè)分級(jí)導(dǎo)航、優(yōu)化頁(yè)面內(nèi)容顯示以及重新規(guī)劃?rùn)z索窗口等方式進(jìn)行，保證頁(yè)面規(guī)劃的合理性與簡(jiǎn)潔性，讓使用者能夠快速辨別出小程序，不斷改善用戶(hù)使用體驗(yàn)。

2.2? 感官與情感體驗(yàn)

首先，從當(dāng)下許多微信小程序的設(shè)計(jì)成果來(lái)看，很大一部分小程序的界面規(guī)劃與色彩搭配較為傳統(tǒng)，不能夠體現(xiàn)出小程序自身的特色。為此，需要對(duì)小程序界面圖形以及色彩應(yīng)用等進(jìn)行優(yōu)化，比如，將常用的按鈕設(shè)置成顯眼的圖形，讓使用者能夠迅速辨別出來(lái)。此外，顏色選擇也是十分重要的一個(gè)方面，例如常見(jiàn)的肯德基、拼多多等小程序，頁(yè)面設(shè)計(jì)的色彩選擇主要以紅色為主，增加產(chǎn)品的辨識(shí)度與個(gè)性化，讓用戶(hù)能夠產(chǎn)生深刻的印象。

其次，從基于用戶(hù)觸覺(jué)設(shè)計(jì)的角度來(lái)看，用戶(hù)要想打開(kāi)某個(gè)微信小程序，只需要在微信主界面向下滑動(dòng)屏幕，就可以便捷的打開(kāi)小程序，給用戶(hù)營(yíng)造良好的操作感受。在開(kāi)展微信小程序個(gè)性化設(shè)計(jì)過(guò)程中，依托于各種微交互設(shè)計(jì)，能夠有效提高小程序的交互性，給用戶(hù)帶來(lái)良好的互動(dòng)體驗(yàn)[6]。

最后，從基于用戶(hù)聽(tīng)覺(jué)設(shè)計(jì)的角度來(lái)看，這其中也融入了許多微交互設(shè)計(jì)。比如，手機(jī)處于非靜音時(shí)，從主頁(yè)面向下滑動(dòng)并點(diǎn)擊小程序時(shí)，會(huì)產(chǎn)生對(duì)應(yīng)的聲音效果。還有很多小程序通過(guò)不同的聲音來(lái)體現(xiàn)微交互設(shè)計(jì)，通過(guò)這樣的設(shè)計(jì)一方面可以提醒用戶(hù)，另一方面也能夠提高微交互的娛樂(lè)性。

2.3? 價(jià)值體驗(yàn)

使用者在初次使用某個(gè)微信小程序時(shí)，往往會(huì)產(chǎn)生較大的期待，希望能夠從小程序中獲得新鮮感與良好體驗(yàn)，為了確保用戶(hù)在進(jìn)入小程序后不會(huì)產(chǎn)生較大的心理落差，在進(jìn)行微信小程序設(shè)計(jì)時(shí)必須要保持個(gè)性及新鮮感。此外，微信小程序設(shè)計(jì)中還必須要重視用戶(hù)的滿意度，從而提高用戶(hù)心理的愉悅性[7]。從現(xiàn)階段微信小程序開(kāi)發(fā)現(xiàn)狀來(lái)看，以游戲等娛樂(lè)類(lèi)的小程序往往能給用戶(hù)帶來(lái)良好的愉悅性，而一般的小程序則很難為用戶(hù)帶來(lái)很好的體驗(yàn)感受。為了改善這樣的問(wèn)題，可以提高微信小程序的社交功能性，為用戶(hù)帶來(lái)更好的價(jià)值體驗(yàn)，通過(guò)微交互提高社交界面的互動(dòng)性，讓用戶(hù)既能夠得到良好的社交體驗(yàn)，也能夠從中獲得價(jià)值獲取感，滿足用戶(hù)的使用需求。

3? ? 結(jié)語(yǔ)

綜上所述，小程序是微信中十分重要的一個(gè)功能，隨著微信版本的不斷更新和完善，小程序的功能與操作也在逐步的改進(jìn)，伴隨著科學(xué)技術(shù)水平的不斷提升，微交互設(shè)計(jì)的不斷成熟，將設(shè)計(jì)與科學(xué)完美融合，進(jìn)一步改善微交互設(shè)計(jì)的智能化程度。此外，依托于小程序的微交互設(shè)計(jì)，還能夠提高微信小程序的個(gè)性化，進(jìn)而增加產(chǎn)品的市場(chǎng)影響力。

[參考文獻(xiàn)]

[1]陳和，周紹彬，林靜，等.微信小程序在機(jī)構(gòu)知識(shí)庫(kù)服務(wù)中的應(yīng)用實(shí)踐與分析—以廈門(mén)大學(xué)機(jī)構(gòu)知識(shí)庫(kù)為例[J].情報(bào)理論與實(shí)踐，2019（9）：123-127.

[2]陳世宇，鄧秋雪，陳正銘，等.試析微信小程序前端界面與網(wǎng)站前端界面實(shí)現(xiàn)技術(shù)的異同[J].電腦編程技巧與維護(hù)，2017（20）：5-8，13.

[3]張妮.基于微信小程序的移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)開(kāi)發(fā)研究[J].電腦知識(shí)與技術(shù)，2019（4）：94-96.

[4]林紫霞.場(chǎng)景視閾下微信小程序用戶(hù)使用意愿研究—基于感知價(jià)值理論[J].今傳媒，2019（12）：79-81.

[5]許世虎，曾梵影.微信小程序界面設(shè)計(jì)與用戶(hù)黏性影響因素關(guān)系研究[J].美與時(shí)代，2020（1）：54-56.

[6]許嘉，黃新昊，呂品.基于微信小程序的教學(xué)服務(wù)應(yīng)用軟件開(kāi)發(fā)與教學(xué)實(shí)踐[J].中國(guó)教育信息化，2020（18）：88-91.

[7]郭彬彬.場(chǎng)景視域下互聯(lián)網(wǎng)傳播的進(jìn)階方向—以微信小程序場(chǎng)景內(nèi)嵌與生態(tài)布局為例[J].出版廣角，2020（21）：66-68.

（編輯 傅金睿）