基于用戶體驗的微信小程序微交互設計分析

陳其嶙

摘 要：現階段，微信小程序應用范圍極為廣泛，與一般App程序相比，微信小程序占用資源更少，使用更加便捷。因此，在設計微信小程序的過程中，要將用戶體驗作為第一考慮要素，而在這其中，微交互則與用戶體驗具有密切關聯。基于此，文章以用戶體驗為基礎，針對微信小程序微交互設計展開分析。

關鍵詞：用戶體驗;微信小程序;微交互

中圖分類號：TP317 文獻標識碼：A 文章編號：1674-1064（2021）12-0-03

DOI：10.12310/j.issn.1674-1064.2021.12.013

在移動互聯網和新媒體技術不斷進步的社會環境下，用戶對信息傳遞的需求趨于快速易懂，交互邏輯清晰，操作快捷方便。騰訊開發的微信小程序與手機端App相比具有諸多優勢，是現階段“微網”核心理念的充分體現。在微信小程序中，微交互并不是一個應該被低估的關鍵組成部分，一個好的微交互設計會讓用戶享受整個應用過程。因此，小程序中的微交互設計方案應從用戶體驗的方向考慮，兼顧企業產品的易用性和用戶在應用全過程的體驗，推動持續改進和發展微信小程序。

1 無意識認知與無意識設計

1.1 無意識認知

無意識認知是社會心理學的定義，當代認知社會心理學研究發現，人腦除了有意識的認知系統外，還有無意識的認知系統，相對于意識認知系統的緩慢，串行通信不會受到情緒的影響，整個過程必須消耗大量的心智操控。無意識認知系統快速且自動，習慣性地而不受意識控制。

每個人的核心都可以看作三個大腦，即大腦、中腦、新腦。簡而言之，大腦控制身體的自動調節作用，中腦調節情緒，新腦控制有意識的主體活動。人的思維并不是完全客觀的、有意識的，大部分是無意識的。舊腦的反射比新腦好，在大腦皮層反射之前，人們都按照老中腦的指導行動，無意識認知可以快速解決信息工問題。

例如，當看到紅燈時，人們會停車;當看到一個燒紅的熨斗時，并不會觸摸。然而，人腦并不能無意識地認知和解決所有信息，而是根據信息對認知壓力施加多少信息作出決策。一般情況下，對于已經掌握的經驗、已經學會的操作、無需耗費過多腦力的事物，大腦容易進行無意識認知。

1.2 無意識設計

無意識設計是基于對人們無意識的個人行為的深入分析，最大限度地利用用戶的判斷習慣來培養，根據設計，通過引入產品和環境，將用戶引入某種場景，將設備的物理特性轉化為喚起用戶“判斷力和個人行為”的媒體因素。在App設計中，優秀的交互設計，讓用戶快速有效地實現應用目標，降低用戶的學習培訓成本和認知壓力，快速產生無意識的應用。

用戶在使用App執行日常任務時，無需考慮如何使用軟件，可以無視專用工具。當然，用戶可以在不知不覺中高效地操作，個人行為無意識認知的主要外在表現包括視覺效果、個人行為，個人行為的控制以及其他認知和互動的個人行為。很多個人行為都是無意識的結果，只是自身意識不到，App的交互設計是對用戶個人行為的設計。根據設計頁面的合理布局、結構層次、操作方式等，定義用戶與App“溝通”的方式——用戶獲取操作命令，App即時響應，獲取反饋關于用戶操作。無意識設計是通過有目的的認知，讓用戶無需“生產和加工”信息內容即可與App“交流”，引發無意識的個人行為。

2 用戶體驗與微交互概念

2.1 用戶體驗

用戶體驗的定義首先由唐納德·諾曼（Jeffrey Norman）提出，成功的用戶體驗必須保證首先滿足消費者的要求，不打擾用戶，不讓用戶厭煩。其次，贈送的產品要簡潔大方，讓消費者用得開心。現階段，關于用戶體驗基礎理論的文獻研究較多，很多專家學者都提出了相關的基礎理論，例如從用戶的產品需求、情感體驗等角度構建用戶體驗評價指標體系。互動產品感受的構成概括為三個層次：享受（Wow）、通用性和易用性（Flow）、榮譽感（Show）。有人認為用戶體驗包括易用性、情感和用戶價值，其中用戶使用價值的關鍵包括自我滿足、愉悅、人性化要求、社會發展表現和附加的現實意義[1]。

2.2 微交互

英國著名交互設計師丹薩弗提出，“微”是指關鍵點，微交互設計方案是指交互中的小細節設計方案，微交互致力于在環境中以多功能性為關鍵特征進行交互，追求完美和個性化的用戶體驗。

微交互由觸發原理、標準、意見反饋、循環系統和方法四部分組成。觸發原理運行微交互，標準要求微交互的全過程，反饋向用戶表明標準，循環系統和方法構成了微交互規則，四個部分相互配合，產生微交互的重復和循環時間，從而產生更好的用戶體驗，制定微交互標準，觸發原理是微交互結構的基礎，是指個體行為的逐步交互，直接影響用戶的感受。標準是微交互的主體部分，決定用戶在微交互的整個過程中可以做什么、如何響應觸發原理的興奮等。反饋方式多樣，還可以幫助用戶掌握設備的標準。在循環系統和方法設計方案中，主體部分是循環的主體部分參數設計方案，同時要盡量避免用戶的應用疑惑[2]。

3 微信小程序設計

3.1 進入小程序

從目前的使用情況來看，可以通過以下兩種方式進入小程序。一個是在微信首頁，根據下拉指示，彈出下拉提示框，在HTML頁面“我的小程序”中找到添加的微信小程序，點擊相應標志進入，點擊右上角關閉按鈕或返回按鈕退出，進入手機主界面手機微信。另一個是點擊微信首頁底部菜單欄的發現按鈕，彈出一個文本框，輸入想要找到的小程序名稱，點擊轉換后的微信小程序的標志，進入微信小程序。

3.2 添加微信小程序

在微信中打開小程序管理網頁，會顯示各種微信小程序文件目錄。將微信小程序從右向左翻轉，右側出現“添加”和“刪除”兩個選擇。點擊“添加”按鈕，匹配的小程序右側經常出現一個明亮的星形圖標。點擊“刪除”按鈕，從列表中刪除微信小程序。這兩種是非常常見的小程序微交互技術。

4 微信小程序微交互設計的特征

設計微信小程序的過程中，諸多方面皆能體現交互特點，這一特性在實際操作方式中得以顯現。站在產品角度，需加大對用戶體驗感關注力度，而在微交互設計方案中，則要對產品功能進行滲透，促使二者存有緊密關聯。站在小程序發展角度，微交互設計特點在功能、操作性、感官情感、使用價值等綜合體驗感上得以顯現[3]。

微信小程序微交互用戶體驗分析如圖1所示。

4.1 功能與操作性

微交互對于微信小程序操作與應用而言有著諸多裨益，當用戶自界面進入小程序時，縮短等待時間，提高可實現性與便利性，而在經過多次升級更新后，微信現能夠兼容其他電子產品端，其功能也在不斷優化。

在目前小程序中已經新增掃碼功能，用戶可通過掃碼進入小程序，隨后關注相關公眾號，令操作更加便捷，有助于提升用戶的體驗感。同時，為更好地處理外圍小程序，目前增加了分層導航、網頁信息顯示優化、搜索對話框重新規劃等諸多功能，這一方式能夠提升網頁規劃合理性與科學性，促使用戶快速識別小程序，提升用戶體驗。

4.2 感官與情感體驗

從現在很多微信小程序的設計方案的有效性看，很多小程序的整體布局和配色都比較傳統，無法展現小程序本身的特點。因此，有必要完成小程序頁面圖形和顏色使用的改進，例如將常用按鈕設置為醒目的圖形，以便用戶快速識別。此外，顏色的選擇也是非常關鍵的一個環節，例如麥當勞、拼多多平臺等常用小程序，界面設計的顏色選擇主要以鮮紅色為主，增強了產品的辨識度和人性化[4]。

從用戶的觸覺設計方案看，如果用戶想要打開微信小程序，只需在微信主界面向下滾動即可。在微信小程序的人性化設計過程中，借助各種微交互設計方案，可以有效提升小程序的交互性。

從用戶聽覺系統的設計角度看，也加入了很多微交互設計方案。

4.3 價值體驗

用戶首次進入小程序時通常具有強烈的新鮮感，希望能夠在小程序中發現令其驚喜的內容，為保障用戶在使用小程序后不產生較大的心理落差，需在設計過程中始終保持個性化與神秘感。

在設計過程中要對用戶滿意度加大關注力度，切實促進用戶心理幸福感。站在現階段微信小程序開發現狀發角度上，娛樂性小程序能夠為用戶帶來更強的體驗感，而其他類型小程序次之。為改善這一問題，要提升小程序社交屬性，令用戶感受到體驗價值，以微交互為基礎，促進社交性，使用戶的社交需求得到充分滿足。

4.4 動態變化引起無意識摘報

運動的對象，即使是非常輕微的運動，一般也很容易被人眼注意到，這是古代傳說中的狩獵階段，人類祖先避免了掠食者進化出的人眼特征，以便更好地發現成分。在人機交互中，頁面上動態變化的圖形對人眼非常有吸引力，如果用戶對變化的信息感興趣，很容易被人眼下意識地捕捉到。稍后會有一個有目的的查詢。因此，在頁面中有效應用動態變化，可以合理提高養牛的實際效果。現在的智能手機顯示屏都比較大，在用戶單手模式下，顯示屏的頂部區域是不會被手指觸摸到的。在一般的手機軟件的頂部區域放置太多功能并不容易。靜態數據文本放置在手機微信頂部區域的中間，顯示聊天對象的名稱。

一般情況下，用戶比較關注應用中的聊天內容，并不特別關心熱門信息。頂部的昵稱信息會幫助用戶下意識地確定八卦目標。對方打字時，最上面的文字由原來的通信對象名稱變為“對方正在輸入”的文字提示。由于人眼跟蹤動態變化的特性，即使是小的動態變化也很容易引起用戶的關注。同時，小的文字變化也不容易分散已經在聊天的用戶的注意力，從而在實際效果和交互體驗上得到了提升。因為動態效果，每個人的眼睛都忍不住跟蹤。這時候，如果這類圖形提供的信息不是用戶關心的或不需要的，就會導致用戶關閉頁面甚至不合理地退出應用程序。所以App頁面一定要合理使用動態變化，不要給用戶造成太大的干擾。

例如，在微信聊天頁面的動態表情列表中，每個表情并沒有直接播放動態效果。相反，您可以通過長按來瀏覽表情的動態效果。想象一下，如果表情列表中的幾個表情符號同時播放視頻動態效果，用戶就會被壓垮，眼睛無法集中在一個地方，很容易放棄應用。所以，設計方案動態變化時，一定要有效應用，掌握好分寸，這樣動態變化才能有很好的實際效果，過多的應用會適得其反。

在App人機交互中，由于人眼是針對動態圖形的潛意識捕捉，所以要有效應用動態變化，在需要或關鍵的地方提醒，可以考慮應用某些動態變化提高實際效果，但不需要應用太多，避免用戶的視覺疲勞和認知壓力。

5 實際案例

測試對象必須首先盯著眼動儀屏幕。設備識別出測試對象的視線數據信號并在屏幕上投射出雙目圖案設計后，測試對象需要盯著屏幕上出現在不同部位的“+”字符點。此時，測試對象必須移動視線跟隨“+”字符點，以提示儀器捕獲視線數據信號并進行儀器校準過程。這一過程有利于測試對象盡快進入測試狀態。整個校正過程大約需要30秒。

開始測試，給測試對象兩張圖片，分別是原生態App手機客戶端和小程序的實際操作主界面。觀察記錄表，測試對象在5秒內了解兩個不同頁面，視線運動軌跡、動作點停留位置和停留時間的變化，主體必須在兩個不同頁面上“快速選擇”操作流程，并記錄每個頁面的時間段數據信息。

通過檢測視線移動軌跡得到的統計數據可以看出，原生App操作面板更加細致，應用功能比較完善。應用操作面板時，測試對象的視線移動軌跡總數為10條，視線重點停留在角色選擇項目區、地形圖指示區和選擇區。其中，視線長時間停留在功能選項區，專用于區分App給出的各種功能選項。獲取合理信息的速度更快，功能識別率和應用效果更高。小程序操作面板比較簡單，只保留一鍵“快速選擇”功能。測試對象在使用操作面板時注視軌跡總數為14條，注視鍵停留在正確的引導語言區、確認選項區和在線客服設置區、地形圖顯示選項隱藏在位置確定選項下。正確的導游語言區和在線客服設置區對獲取合理信息有輕微影響，底部的視線是空白的，功能識別率和使用率比較高。

6 微信小程序微交互設計的優化

首先，融合功能促進了高應用效率。注重觸發原理的設計方案，獨特易用;改進標準設計方案，使標準更符合邏輯，更方便用戶使用。

其次，提高感官和情感體驗的分辨率。引入設計心理、可靠性設計的要點，將感官交互和反饋緊密結合，使反饋更具吸引力。例如，用戶在進行實際的觸感操作后，會提示頁面的顏色變化和聲音效果。這樣的反饋在情感上給用戶帶來放松的感覺，防止用戶產生焦慮心理。

7 結語

小程序是微信非常關鍵的功能，隨著微信不斷創新和提升，小程序的作用和實際操作也在逐步提升，微交互設計也在趨于完善，通過與現階段先進技術相結合，促使微交互設計滿足不同人群需求。通過微交互設計，能夠促使微信小程序更加人性化，大幅提高產品在市場中的知名度。

參考文獻

[1] 李炳琰.基于用戶體驗的微信界面交互設計分析[J].銅陵學院學報，2020，19（1）：85-98.

[2] 高群霞，胡鏡鴻.基于微信小程序的“睡眠助手”設計與實現[J].科技創新與應用，2020（34）：31-32.

[3] 袁浩，王靜.閑置物品交易微信小程序的可用性研究[J].設計，2020，33（9）：140-142.

[4] 周璨.基于用戶體驗的移動端UI交互設計探究[J].信息與電腦，2020，32（4）：185-187.