淺談兒童輔助教學類公眾號的界面布局

王鵬 程努華 周鵬

摘要：智能手機走進千家萬戶，手機從原來的通話設備，變成了人們生活中不可缺少的重要必需品。相應的軟件行業也異軍突起，特別是騰訊的及時社交軟件—微信，讓軟件行業為之一變。微信公眾號的推出，更在軟件開發和應用的層面上造就了新的生態模式。微信公眾號自定義開發屬于深度開發，已經廣泛應用。《核心素養平臺》正是深度開發的應用鮮明代表，作為一個家校共育的輔助性平臺，主要是將學生在學校教育和日常生活中的碎片化內容收集起來。進行數據集中整理、評估，并在每一學期中為將結果呈現給學生家長、學校和學生本人，作為學生教育的參考。本文通過人機交互操作、用戶行為習慣、用戶需求、用戶反饋等內容進行分析，找出兒童輔助教學類公眾號在深度開發中界面布局基本規律。

關鍵詞： 界面布局;人機交互操作;用戶行為習慣;用戶需求

中圖類號：TP391.1? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2019）18-0068-02

《核心素養平臺》是一個家校共育的輔助性平臺，主要是將學生在學校教育和日常生活中的碎片化內容收集起來。在校期間由教師對學生在校生活的德、智、體、美等方面進行評價。在校外家長對學生的日常生活進行評價。再通過這個平臺，進行數據集中整理、評估，并在每一學期中為將結果呈現給學生家長、學校和學生本人，作為學生教育的參考。本文以《核心素養平臺》為藍本對相應的公眾號界面的開發布局進行說明

1 影響界面布局的3個方面

1.1 用戶的實際需求

隨著人們的物質生活的極大改善，科技水平和社會生產力不斷提高，用戶對產品的使用更加自由，同時用戶的民主意識在不斷加強，用戶參與型設計是順應時代發展，產品創新的重要方法和途徑。其本身就是為用戶提供好用、實用的產品和服務，設計師在這個過程中要不斷研究用戶行為方式、積極創新、讓服務更實用、更便捷[1]。

反饋數據顯示，53%的教師用戶愿意參加設計過程中的調研和咨詢活動。期中71%的用戶對界面設計提供了自己的看法和觀點。他們的積極參與推動了用戶界面的設計過程，并在后續的迭代改進中起到了非常重要的參考作用。

以用戶為中心的設計成為當前移動端設計的必然趨勢。以用戶為中心就是充分的考慮用戶的客觀需求，明確用戶的實際需要，并且及時解析用戶任務，應用這些來自用戶的信息來及時的指導設計。從而提高產品的實用性和親和性[2]。

在本項目中，經過綜合調研，73%的教師用戶希望在界面設計中直接進行排布，減少不必要的文字描述和圖片引導，合理的安排圖標指示，直接進入相關界面進行操作。62%的家長用戶希望在界面有完整的文字描述，在操作前有足夠的思考時間。61.3%家長用戶和教師用戶都希望在完成功能要求的前提下盡可能減少界面數量，減少界面錯切轉換的次數，減少因不斷變換的界面內容而產生的視覺疲勞。

在綜合調研后，開發和設計團隊，對界面布局進行了調整，讓操作更加方便、高效，調整后的反饋表明，用戶的滿意度平均有7%左右的提升。調整后的如圖1所示。

1.2 用戶行為習慣

因工作方式和工作習慣的不同，72%教師希望對學生在校生活的評價方面以單選、多選等方式完成評價數據的輸入，盡可能減少打字輸入的內容，提高工作效率，這就要求后臺的運行支撐部分保存有大量的數據模版供教師用戶選擇使用。同時在界面布局上以多行直列的布局為主。方便教師用戶閱讀，同時也方便點選操作。

對于家長用戶，這部分的行為習慣又不盡相同，63%家長用戶同意盡可能保存單選、多選等方式完成評價數據的輸入，但期中的32%要求增加文字輸入、圖片、視頻、音頻的輸入功能。盡可能完善數據輸入的形式和內容。而在界面上也比較傾向多行直列的布局。

對于教師用戶和家長用戶，我們在反饋中發現83%以上用戶是雙手操作的。雙手操作更加方便，擴大了操作面積，增加操作效率。對頁面布局更加友好和寬容。

新的移動設備的出現讓界面的布局有了新要求，移動設備的操作面積變大，讓操作更加方便。隨著全面屏的出現，44%的用戶已經在使用全面屏移動設備，他們反饋中，更傾向于使用左右滑動的方式進行頁面切換。而由于全面屏沒有明顯的 “返回”等操作按鈕，希望有明顯“返回”“首頁”的操作圖標的占33%。綜上所述，用戶的行為習慣，對界面的布局也有著重要的影響。

1.3 人機交互操作

人機交互的基本原則是以用戶為中心進行設計。為了確保用戶在實際使用產品時，人機交互界面的便捷性、有效性和舒適性，設計過程中應當全面考慮人、產品之間的相互協調作用，充分考慮用戶的使用過程。因此，好的人機交互操作需要隨著時間、用戶、設備等因素的變化而不斷調整[3]。

全面屏的出現帶來了更好的視覺效果，44%的用戶反饋中，更傾向于使用左右側滑的方式進行頁面切換，減少原來的上下頁的頁面切換方式。同時33%的教師和家長用戶希望有明顯“返回”“首頁”的操作圖標。這在界面布局上對設計和開發人員提出了更多的需求。

網絡傳輸速度不斷加快，用戶對信息的瀏覽速度也在增加，最普遍的需求是需要頁面間快捷高效的跳轉，并在跳轉后不用等待，就可以看到新頁面的內容。除了之前所說的左右側滑進行操作外，還要求有明確的導航性圖標，并為下一個界面預先加載數據內容，這也對界面布局提出了要求，如“返回”“回到頂部”、“我的首頁”“更多信息”等，如此多的圖標擺放在一個小小的移動界面中，操作、色彩上都要合理排布。常用的操作圖標會依右手定律擺放在界面的右下角45%左右的區域，方便用戶操作。

經過調研，86%用戶的視覺重心基本包括界面上部的三分之二區域（簡稱熱區），這個數據區間與一般性的APP界面的重點內容區域趨同，如淘寶APP（如圖2所示）。這樣，在設計過程中，將重要圖標、新聞、通知等內容放在熱區，成為設計的重點。而將次要的信息放在熱區之外或拖動才會顯示。這樣的界面布局讓信息服務更直接了當地呈現在用戶面前，方便用戶繼續操作。經過優化的導航界面，如圖3所示。

2 結束語

根據以上研究，對于兒童輔助教學類公眾號深度開發過程的界面布局，有了以下結論，為了更好地為用戶提供服務、增加公眾號的使用效率，應該以用戶為中心進行設計規劃、加強用戶在設計過程中的參與程度、同時緊隨用戶設備的進步，在布局中盡可能為用戶提供簡捷、方便的操作圖標、努力關切用戶的生理視覺現象，努力完善操作流程，讓用戶在使用過程中更高效、更精準、更方便。

參考文獻：

[1] 馬宏宇. 用戶參與式產品創新設計研究[J]. 設計藝術研究， 2012（1）：56-60.

[2] 鐘韜. 手機用戶界面設計開發方法研究[J]. 藝術與設計， 2007（8）：156-158.

[3] 王苗輝， 李艷， 宋武， 等. 基于科學實驗的人機交互界面設計研究——以格力空調為例[J]. 圖學學報，2019（2）：181-185.

【通聯編輯：王力】