王鵬 程努華 周鵬

摘要：智能手機(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é)生家長(zhǎng)、學(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à)。在校外家長(zhǎng)對(duì)學(xué)生的日常生活進(jìn)行評(píng)價(jià)。再通過這個(gè)平臺(tái)，進(jìn)行數(shù)據(jù)集中整理、評(píng)估，并在每一學(xué)期中為將結(jié)果呈現(xiàn)給學(xué)生家長(zhǎng)、學(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í)際需要，并且及時(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%的家長(zhǎng)用戶希望在界面有完整的文字描述，在操作前有足夠的思考時(shí)間。61.3%家長(zhǎng)用戶和教師用戶都希望在完成功能要求的前提下盡可能減少界面數(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ì)于家長(zhǎng)用戶，這部分的行為習(xí)慣又不盡相同，63%家長(zhǎng)用戶同意盡可能保存單選、多選等方式完成評(píng)價(jià)數(shù)據(jù)的輸入，但期中的32%要求增加文字輸入、圖片、視頻、音頻的輸入功能。盡可能完善數(shù)據(jù)輸入的形式和內(nèi)容。而在界面上也比較傾向多行直列的布局。

對(duì)于教師用戶和家長(zhǎng)用戶，我們?cè)诜答佒邪l(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%的教師和家長(zhǎng)用戶希望有明顯“返回”“首頁”的操作圖標(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ū)域（簡(jiǎn)稱熱區(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)步，在布局中盡可能為用戶提供簡(jiǎ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)編輯：王力】