JOURNAL OF BEIJING UNIVERSITY OF POSTS AND TELECOM ›› 2016, Vol. 18 ›› Issue (3): 6-13.

Previous Articles     Next Articles

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

  

  1. 1 School of Digital Media and Design Arts, Beijing University of Posts and Telecommunications,
    Beijing 100876, China; 2 Beijing Key Laboratory of Network and Network Culture, Beijing University
    of Posts and Telecommunications, Beijing 100876, China
  • Received:2016-03-07 Online:2016-06-30

Abstract:

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

Key words:  graphic layout, eye tracking, human-computer interaction, user experience, mobile News software

CLC Number: