浅谈儿童辅助教学类公众号的界面布局

王鹏 程努华 周鹏

摘要：智能手机走进千家万户，手机从原来的通话设备，变成了人们生活中不可缺少的重要必需品。相应的软件行业也异军突起，特别是腾讯的及时社交软件—微信，让软件行业为之一变。微信公众号的推出，更在软件开发和应用的层面上造就了新的生态模式。微信公众号自定义开发属于深度开发，已经广泛应用。《核心素养平台》正是深度开发的应用鲜明代表，作为一个家校共育的辅助性平台，主要是将学生在学校教育和日常生活中的碎片化内容收集起来。进行数据集中整理、评估，并在每一学期中为将结果呈现给学生家长、学校和学生本人，作为学生教育的参考。本文通过人机交互操作、用户行为习惯、用户需求、用户反馈等内容进行分析，找出儿童辅助教学类公众号在深度开发中界面布局基本规律。

关键词： 界面布局;人机交互操作;用户行为习惯;用户需求

中图类号：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.

【通联编辑：王力】