Sage Journals: Discover world-class research

Abstract

Grids, matrices, and tables are commonly used to organize information. A number of design techniques and psychological principles address how viewers’ eyes can be guided through a visual work. Designers refer to such objectives as "creating visual flow." One common technique, “zebra-shading,” is intended to guide eyes through the grid by alternating shaded and unshaded rows or columns. However, the effects of these manipulations have largely not been explored experimentally. We will review the techniques designers use to guide the eyes of their audience, associated psychological foundations, and outline some research done on the graphic design of a specific type of grid: tables. Then, we will describe an experiment wherein participants conducted a visual search task in grids with different shading manipulations. The analysis showed data trending toward improved response time when the target followed the shading.

Get full access to this article

View all access options for this article.

References

Bokil

(2009). Functions of Grid, a key for flexibility in framework. Design thoughts, 2, 42-48.

Bradstreet

T. E.

(2012). Grables: Visual Displays That Combine the Best Attributes of Graphs and Tables. In A Picture is Worth a Thousand Tables (pp. 41-69). Springer US.

Carswell

C. M.

(1992). Choosing specifiers: An evaluation of the basic tasks model of graphical perception. Human Factors: The Journal of the Human Factors and Ergonomics Society, 34(5), 535-554.

Ehrenberg

A. S. C.

(1977). Rudiments of numeracy. Journal of the Royal Statistical Society. Series A (General), 277-297.

Ellis

W. D.

(Ed.). (1938). A source book of Gestalt psychology. London, England: Routledge & Kegan Paul.

Enders

(2007, November). Zebra striping: does it really help?. In Proceedings of the 19th Australasian conference on Computer-Human Interaction: Entertaining User Interfaces (pp. 319-322). ACM.

Farquhar

A. B.

Farquhar

(1891). Economic and industrial delusions: A discourse of the case for protection. New York: Putnam.

Goldberg

J. H.

Probart

C. K.

Zak

R. E.

(1999). Visual search of food nutrition labels. Human Factors: The Journal of the Human Factors and Ergonomics Society, 41(3), 425-437.

Kyrnin

(n.d.). Flow in Design: Layout and Artwork that Conveys Motion. Retrieved from http://webdesign.about.com/od/webdesignbasics/ss/flow-in-design.htm

10.

Lauer

Pentak

(1995). Design Basics. Orlando, FL: Harcourt Brace College Publishers.

11.

Marchese

F. T.

(2011, July). Exploring the Origins of Tables for Information Visualization. In Information Visualisation (IV), 2011 15th International Conference on Information Visualisation (pp. 395-402). IEEE.

12.

May

Barnard

P. J.

(1995, June). Cinematography and interface design. In Interact (pp. 26-31).

13.

Nakashima

Yokosawa

(2013). Visual search in divided areas: Dividers initially interfere with and later facilitate visual search. Attention, Perception, & Psychophysics, 75(2), 299-307.

14.

Nielson

(2006) F-Shaped Pattern for Reading Web Content. Retrieved from http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

15.

Palmer

S. E.

(1992). Common region: A new principle of perceptual grouping. Cognitive psychology, 24(3), 436-447.

16.

Palmer

Rock

(1994). Rethinking perceptual organization: The role of uniform connectedness. Psychonomic Bulletin & Review, 1(1), 29-55.

17.

Plant

(2013). Visual Flow: Mastering the Art of Composition. Retrieved from http://www.naturescapes.net/articles/techniques/visual-flow-mastering-the-art-of-composition/

18.

Resnick

M. L.

Fares

(2004, September). Visualizations to facilitate online tabular presentation of product data. In Proceedings of the Human Factors and Ergonomics Society Annual Meeting (Vol. 48, No. 13, pp. 1498-1502). SAGE Publications.

19.

Rutledge

(2008). Poynter’s Eye-tracking Follies. Retrieved from http://www.andyrutledge.com/poynters-eye-track-follies.php

20.

Treisman

(1982). Perceptual grouping and attention in visual search for features and for objects. Journal of Experimental Psychology: Human Perception and Performance, 8(2), 194-214.

21.

Treisman

A. M.

Gelade

(1980). A feature-integration theory of attention. Cognitive psychology, 12(1), 97-136.

22.

Tufte

E. R.

(1990). Envisioning Information (5th ed.). Cheshire, CT: Graphics Press.

23.

Vinh

, (2005). The Funniest Grid You Ever Saw. Retrieved from http://www.subtraction.com/2005/09/01/the-funniest

24.

Wagemans

Elder

J. H.

Kubovy

Palmer

S. E.

Peterson

M. A.

Singh

(2012). A Century of Gestalt Psychology in Visual Perception: I. Perceptual Grouping and Figure-Ground Organization. Psychological Bulletin, 138(6), 1172-1217.

25.

Wainer

(1990). Graphical Visions from William Playfair to John Tukey. Statistical Science, 5(3), 340-346.

26.

Wainer

(1992). Understanding graphs and tables. Educational Researcher,21(1), 14-23.

27.

Wainer

(1997). Improving tabular displays, with NAEP tables as examples and inspirations. Journal of Educational and Behavioral Statistics, 22(1), 1-30.

28.

Whelan

(2008). Effective Analysis of Reaction Time Data. Psychological Record, 58(3).

29.

Wertheimer

(1923). Untersuchungen zur Lehre von der Gestalt, II. [Investigations in Gestalt Theory: II. Laws of organization in perceptual forms]. Psychologische Forschung, 4, 301–350.

30.

Wickens

C. D.

Carswell

C. M.

(1995). The Proximity Compatibility Principle: Its psychological foundation and relevance to display design. Human Factors, 37(3), 473-494.

31.

Wolfe

J. M.

(2007). Guided search 4.0. Integrated models of cognitive systems, 99-119.

32.

Wolfe

J. M.

Cave

K. R.

Franzel

S. L.

(1989). Guided search: an alternative to the feature integration model for visual search. Journal of Experimental Psychology: Human perception and performance, 15(3), 419.

33.

(2010). The impact of item clustering on visual search: It all depends on the nature of the visual search. Journal of Vision, 10(14).

Zebra-Striping

Abstract

Get full access to this article

References