淺談兒童輔助教學(xué)類公眾號(hào)的界面布局

王鵬 程努華 周鵬

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

關(guān)鍵詞： 界面布局;人機(jī)交互操作;用戶行為習(xí)慣;用戶需求

中圖類號(hào)：TP391.1? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）18-0068-02

《核心素養(yǎng)平臺(tái)》是一個(gè)家校共育的輔助性平臺(tái)，主要是將學(xué)生在學(xué)校教育和日常生活中的碎片化內(nèi)容收集起來。在校期間由教師對(duì)學(xué)生在校生活的德、智、體、美等方面進(jìn)行評(píng)價(jià)。在校外家長對(duì)學(xué)生的日常生活進(jìn)行評(píng)價(jià)。再通過這個(gè)平臺(tái)，進(jìn)行數(shù)據(jù)集中整理、評(píng)估，并在每一學(xué)期中為將結(jié)果呈現(xiàn)給學(xué)生家長、學(xué)校和學(xué)生本人，作為學(xué)生教育的參考。本文以《核心素養(yǎng)平臺(tái)》為藍(lán)本對(duì)相應(yīng)的公眾號(hào)界面的開發(fā)布局進(jìn)行說明

1 影響界面布局的3個(gè)方面

1.1 用戶的實(shí)際需求

隨著人們的物質(zhì)生活的極大改善，科技水平和社會(huì)生產(chǎn)力不斷提高，用戶對(duì)產(chǎn)品的使用更加自由，同時(shí)用戶的民主意識(shí)在不斷加強(qiáng)，用戶參與型設(shè)計(jì)是順應(yīng)時(shí)代發(fā)展，產(chǎn)品創(chuàng)新的重要方法和途徑。其本身就是為用戶提供好用、實(shí)用的產(chǎn)品和服務(wù)，設(shè)計(jì)師在這個(gè)過程中要不斷研究用戶行為方式、積極創(chuàng)新、讓服務(wù)更實(shí)用、更便捷[1]。

反饋數(shù)據(jù)顯示，53%的教師用戶愿意參加設(shè)計(jì)過程中的調(diào)研和咨詢活動(dòng)。期中71%的用戶對(duì)界面設(shè)計(jì)提供了自己的看法和觀點(diǎn)。他們的積極參與推動(dòng)了用戶界面的設(shè)計(jì)過程，并在后續(xù)的迭代改進(jìn)中起到了非常重要的參考作用。

以用戶為中心的設(shè)計(jì)成為當(dāng)前移動(dòng)端設(shè)計(jì)的必然趨勢。以用戶為中心就是充分的考慮用戶的客觀需求，明確用戶的實(shí)際需要，并且及時(shí)解析用戶任務(wù)，應(yīng)用這些來自用戶的信息來及時(shí)的指導(dǎo)設(shè)計(jì)。從而提高產(chǎn)品的實(shí)用性和親和性[2]。

在本項(xiàng)目中，經(jīng)過綜合調(diào)研，73%的教師用戶希望在界面設(shè)計(jì)中直接進(jìn)行排布，減少不必要的文字描述和圖片引導(dǎo)，合理的安排圖標(biāo)指示，直接進(jìn)入相關(guān)界面進(jìn)行操作。62%的家長用戶希望在界面有完整的文字描述，在操作前有足夠的思考時(shí)間。61.3%家長用戶和教師用戶都希望在完成功能要求的前提下盡可能減少界面數(shù)量，減少界面錯(cuò)切轉(zhuǎn)換的次數(shù)，減少因不斷變換的界面內(nèi)容而產(chǎn)生的視覺疲勞。

在綜合調(diào)研后，開發(fā)和設(shè)計(jì)團(tuán)隊(duì)，對(duì)界面布局進(jìn)行了調(diào)整，讓操作更加方便、高效，調(diào)整后的反饋表明，用戶的滿意度平均有7%左右的提升。調(diào)整后的如圖1所示。

1.2 用戶行為習(xí)慣

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

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

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

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

1.3 人機(jī)交互操作

人機(jī)交互的基本原則是以用戶為中心進(jìn)行設(shè)計(jì)。為了確保用戶在實(shí)際使用產(chǎn)品時(shí)，人機(jī)交互界面的便捷性、有效性和舒適性，設(shè)計(jì)過程中應(yīng)當(dāng)全面考慮人、產(chǎn)品之間的相互協(xié)調(diào)作用，充分考慮用戶的使用過程。因此，好的人機(jī)交互操作需要隨著時(shí)間、用戶、設(shè)備等因素的變化而不斷調(diào)整[3]。

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

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

經(jīng)過調(diào)研，86%用戶的視覺重心基本包括界面上部的三分之二區(qū)域（簡稱熱區(qū)），這個(gè)數(shù)據(jù)區(qū)間與一般性的APP界面的重點(diǎn)內(nèi)容區(qū)域趨同，如淘寶APP（如圖2所示）。這樣，在設(shè)計(jì)過程中，將重要圖標(biāo)、新聞、通知等內(nèi)容放在熱區(qū)，成為設(shè)計(jì)的重點(diǎn)。而將次要的信息放在熱區(qū)之外或拖動(dòng)才會(huì)顯示。這樣的界面布局讓信息服務(wù)更直接了當(dāng)?shù)爻尸F(xiàn)在用戶面前，方便用戶繼續(xù)操作。經(jīng)過優(yōu)化的導(dǎo)航界面，如圖3所示。

2 結(jié)束語

根據(jù)以上研究，對(duì)于兒童輔助教學(xué)類公眾號(hào)深度開發(fā)過程的界面布局，有了以下結(jié)論，為了更好地為用戶提供服務(wù)、增加公眾號(hào)的使用效率，應(yīng)該以用戶為中心進(jìn)行設(shè)計(jì)規(guī)劃、加強(qiáng)用戶在設(shè)計(jì)過程中的參與程度、同時(shí)緊隨用戶設(shè)備的進(jìn)步，在布局中盡可能為用戶提供簡捷、方便的操作圖標(biāo)、努力關(guān)切用戶的生理視覺現(xiàn)象，努力完善操作流程，讓用戶在使用過程中更高效、更精準(zhǔn)、更方便。

參考文獻(xiàn)：

[1] 馬宏宇. 用戶參與式產(chǎn)品創(chuàng)新設(shè)計(jì)研究[J]. 設(shè)計(jì)藝術(shù)研究， 2012（1）：56-60.

[2] 鐘韜. 手機(jī)用戶界面設(shè)計(jì)開發(fā)方法研究[J]. 藝術(shù)與設(shè)計(jì)， 2007（8）：156-158.

[3] 王苗輝， 李艷， 宋武， 等. 基于科學(xué)實(shí)驗(yàn)的人機(jī)交互界面設(shè)計(jì)研究——以格力空調(diào)為例[J]. 圖學(xué)學(xué)報(bào)，2019（2）：181-185.

【通聯(lián)編輯：王力】