Appeal to intuition when making value judgments
Figure clarity and concision are improved when the selection of shapes and colors is grounded in the Gestalt principles1, which describe how we visually perceive and organize information. These principles are value free—they tell us, for example, how we group objects but do not speak to any meaning that we might intuitively infer from visual characteristics. This month, we discuss how appealing to such intuitions can help us add information to a figure as well as anticipate and encourage useful interpretations.
A figure should depict objects and processes using shapes and colors that reflect the properties and roles of the entities they represent. If a graphic can be related to a physical system, the design should mirror its spatial and temporal dimensions. For example, the timeline of an experiment in which a reagent is periodically added and measurements are made can be drawn as an axis (Fig. 1). If we consider a physical representation of this timeline to be a series of laboratory tubes, then the positioning of the “Reagent” label in Figure 1a is unintuitive, as we would not expect a reagent to be added to a tube from below. Arrows naturally communicate movement and direction and are well suited to show the addition of a reagent, but less so to represent data collection. Points placed on the timeline would more intuitively represent sampling (Fig. 1b).
Although value judgments regarding color vary by context and culture—for example, red is energetic and passionate in the West and lucky and prosperous in the East—we can still avoid design decisions that muddle our message. For example, the mapping of color onto the certainty of risk factors in Figure 2a is poorly done because (1) red is likely to be interpreted as corresponding to a worse scenario than green and (2) differences between risk and protective factors are only weakly distinguished by gray, which is further applied to the theoretical category of risk factors. Instead, risk and certainty can be effectively shown using hue and opacity (Fig. 2b). Here the dark red used for confirmed risk factors connotes negative outcomes and stands out more than the blue, which recedes.
When color is used arbitrarily it can interfere with interpretation (Fig. 3a). To avoid evoking a value judgment altogether, do not use color (Fig. 3b). Reserve red for categories that correspond to experimental intervention or conditions associated with worse outcomes, and use blue for positive outcomes (Fig. 3c,d).
When using shapes, try to match the visual characteristics of the shape to the expected physical or behavioral attributes of the item being represented (Fig. 4). In a progression, avoid making arbitrary decisions (Fig. 4, row 1), and have adjacent shapes vary according to a consistent recipe (Fig. 4, row 2). One should be able to reasonably guess a shape based on its neighbors—at the very least, one should not be surprised! For example, knowing that a normal cell is represented by a green circle does not help one deduce that an immune cell is represented by a hexagon (Fig. 4, row 1).
Anticipate unwanted interpretations of shapes and colors and avoid situations in which design elements that are purely stylistic may be confused with ones that encode data.
References
Wong, B. Nat. Methods 7, 863 (2010).
Araldi, D., Ferrari, L.F. & Levine, J.D. Neuroscience 35, 12502–12517 (2015).
Wong, B. Nat. Methods 8, 441 (2011).
Chun, H.J.E. et al. in Cancer Genomics 1st edn. (eds. Dellaire, G.D. et al.) 13–30 (Elsevier, 2013).
Author information
Authors and Affiliations
Ethics declarations
Competing interests
The author declares no competing financial interests.
Rights and permissions
About this article
Cite this article
Krzywinski, M. Intuitive design. Nat Methods 13, 895 (2016). https://doi.org/10.1038/nmeth.4041
Published:
Issue Date:
DOI: https://doi.org/10.1038/nmeth.4041