基于注意力分配的儿童教育类APP界面布局优化策略研究

目的 为解决现有儿童教育类APP界面布局设计缺乏针对性的问题,提出基于注意力分配的界面布局优化策略。方法 通过眼动实验收集了20名被试者浏览应用程序界面活动中的眼动指标,提取了各区域的注视总持续时间、首次注视时间、首次注视持续时间共3项注视类指标,并统计分析了被试者的注意力分配情况及影响因素。结果 儿童在屏幕上半部分的中间区域注意力分配最集中;颜色和背景对儿童注意力分配存在影响但不会造成反差性结果;注视总持续时间与首次注视时间存在负相关性。此外,对被试者的移动终端操作水平进行了评估,并分析得到其操作水平与注意力分配情况无相关性。结论 通过实际案例验证表明,基于儿童注意力分配情况优化界面布局,可使重要信息或内容有更高的机会被阅读,最大限度地传递信息,提高信息接收效率,以此为儿童教育类应用程序界面布局优化提供参考。

Optimization Strategy of Children's Educational APP Interface Layout Based on Attention Allocation

The work aims to propose an interface layout optimization strategy based on attention allocation to solve the problem that the interface layout design of existing children''s education apps lacks relevance. The eye-movement indicators were collected from 20 subjects during the activity of browsing the application interface through an eye-movement experiment. A total of three eye-movement indicators, namely total gaze duration, first gaze duration and first gaze duration, were extracted for each region, and the subjects'' attention allocation and the influencing factors were statistically analyzed. The results showed that children''s attention was the most concentrated in the middle area of the upper half of the screen; that colour and background had an effect on children''s attention but did not cause contrasting results; and that there was a negative correlation between total gaze duration and first gaze time. In addition, the subjects'' level of mobile device operation was assessed and analyzed and no correlation was found between their level of operation and attention allocation. The practical case shows that the interface layout optimization based on children''s attention distribution can achieve the purpose of optimizing the interface layout, so that important information or content has a higher chance of being read. It can also maximize the delivery of information and improve the efficiency of information reception, thus providing a reference for the optimization of the interface layout of children''s educational applications.