基于视觉行为的手机新闻App图文布局设计研究

Graphic Layout Design Study of Mobile News APP Based on Visual Behavior

通过实例总结出手机新闻App的三种基础图文布局结构,即左图右文式、左文右图式和上文下图式布局。以图文布局结构的客观评价为目的,从视觉搜索和视觉浏览规律的角度,分析了手机新闻App图文布局结构对用户阅读效率的影响。运用眼动仪对三种图文布局方案进行了实验评价与分析。通过注视轨迹、注视热点、注视点数量和搜索时间,研究不同图文布局方案下视觉浏览和视觉搜索的眼动规律。实验发现用户使用手机新闻App呈现文字导向型的视觉浏览规律,上文下图式图文布局的视觉搜索效率最高。研究结论可为手机新闻App图文布局设计提供科学的参考依据。

By investigating, three basic graphic layout structures of mobile news App are summarized, namely the picture left and text right type, the text left and picture right type and the text above and picture below type. For evaluating the graphic layout structure objectively, factors that influence the efficiency of news reading are analyzed from the perspective of visual search rules and visual browsing rules. The there kinds of graphic layout schemes were empirically studied by using the eye-tracker. Through watching track, hot spots, the number of watching points and search time, the rules of visual browsing and visual search in different schemes are discussed. Results show that users present the text-oriented visual browsing rule; the text above and picture below type has the highest visual search efficiency. The conclusions provide scientific basis for the graphic layout design of mobile news App.