文本—图片类教育网页的结构特征与设计原则——基于宁波大学的眼动实验研究

On Structure Characteristics of Educational Web-page Based on Text-picture and Its Design Principles

通过对浏览文本—图片类教育网页的注视时间、注视点个数等视觉参数进行眼动实验研究发现,在文本—图片类网页中,左图右文结构对文本区的注视时间、注视点个数最多;上图下文结构则对图片区的注视时间、注视点个数最多。由此,教育网页的界面设计在从经验型向科学型转变中,当网页界面以文为主时应采用左图右文优选原则和上图下文避免原则;当网页界面以图为主时应采用上图下文优选原则和左图右文避免原则;当网页界面以图文为主的,要坚持网页界面的图文兼顾原则。

With the eye tracking research experiment on the visual parameters of the fixation duration and the number of fixation on the viewing of text-picture based educational web-pages, it is found out that in the text-picture based web-pages, the structure with left-picture and right-text has gained the most fixation duration and the number of fixation, while the structure with up-picture and down-text has gained the most fixation duration and the number of fixation. Therefore, in the transformation from experiment orientation to science orientation of the design of educational web-page, the text-dominated web-page should adopt optimizing principle of left-picture and right-text, the picture-dominated web-page should avoid adopting the principle of left-picture and right-text; the picture-dominated web-page should adopt optimizing principle of up-picture and down-text, the text-dominated web-page should avoid adopting the principle of up-picture and down-text, and at the same time the principle of appropriate balance between picture and text should be adhered in the design of web-page.