<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE article PUBLIC "-//NLM//DTD Journal Publishing DTD v2.3 20070202//EN" "journalpublishing.dtd">
<article xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:xlink="http://www.w3.org/1999/xlink" article-type="research-article">
<front>
<journal-meta>
<journal-id journal-id-type="publisher-id">Front. Psychol.</journal-id>
<journal-title>Frontiers in Psychology</journal-title>
<abbrev-journal-title abbrev-type="pubmed">Front. Psychol.</abbrev-journal-title>
<issn pub-type="epub">1664-1078</issn>
<publisher>
<publisher-name>Frontiers Media S.A.</publisher-name>
</publisher>
</journal-meta>
<article-meta>
<article-id pub-id-type="doi">10.3389/fpsyg.2013.00186</article-id>
<article-categories>
<subj-group subj-group-type="heading">
<subject>Psychology</subject>
<subj-group>
<subject>Original Research</subject>
</subj-group>
</subj-group>
</article-categories>
<title-group>
<article-title>Navigating Comics: An Empirical and Theoretical Approach to Strategies of Reading Comic Page Layouts</article-title>
</title-group>
<contrib-group>
<contrib contrib-type="author" corresp="yes">
<name><surname>Cohn</surname> <given-names>Neil</given-names></name>
<xref ref-type="aff" rid="aff1"><sup>1</sup></xref>
<xref ref-type="author-notes" rid="fn001">&#x0002A;</xref>
</contrib>
</contrib-group>
<aff id="aff1"><sup>1</sup><institution>Center for Research in Language, University of California San Diego</institution> <country>La Jolla, CA, USA</country></aff>
<author-notes>
<fn fn-type="edited-by"><p>Edited by: Gary Jones, Nottingham Trent University, UK</p></fn>
<fn fn-type="edited-by"><p>Reviewed by: Steve Croker, Illinois State University, USA; Tandra Ghose, Technical University of Kaiserslautern, Germany</p></fn>
<fn fn-type="corresp" id="fn001"><p>&#x0002A;Correspondence: Neil Cohn, Center for Research in Language, University of California San Diego, 9500 Gilman Dr. Dept. 0526, La Jolla, CA 92093-0526, USA. e-mail: <email>neilcohn&#x00040;emaki.net</email></p></fn>
<fn fn-type="other" id="fn002"><p>This article was submitted to Frontiers in Cognitive Science, a specialty of Frontiers in Psychology.</p></fn>
</author-notes>
<pub-date pub-type="epreprint">
<day>11</day>
<month>03</month>
<year>2013</year>
</pub-date>
<pub-date pub-type="epub">
<day>18</day>
<month>04</month>
<year>2013</year>
</pub-date>
<pub-date pub-type="collection">
<year>2013</year>
</pub-date>
<volume>4</volume>
<elocation-id>186</elocation-id>
<history>
<date date-type="received">
<day>05</day>
<month>02</month>
<year>2013</year>
</date>
<date date-type="accepted">
<day>27</day>
<month>03</month>
<year>2013</year>
</date>
</history>
<permissions>
<copyright-statement>Copyright &#x000A9; 2013 Cohn.</copyright-statement>
<copyright-year>2013</copyright-year>
<license license-type="open-access" xlink:href="http://creativecommons.org/licenses/by/3.0/"><p>This is an open-access article distributed under the terms of the Creative Commons Attribution License, which permits use, distribution and reproduction in other forums, provided the original authors and source are credited and subject to any copyright notices concerning any third-party graphics etc.</p></license>
</permissions>
<abstract>
<p>Like the sequence of words in written language, comic book page layouts direct images into a deliberate reading sequence. Conventional wisdom would expect that comic panels follow the order of text: left-to-right and down &#x02013; a &#x0201C;Z-path&#x0201D; &#x02013; though several layouts can violate this order, such as Gestalt groupings of panels that deny a Z-path of reading. To examine how layouts pressure readers to choose pathways deviating from the Z-path, we presented participants with comic pages empty of content, and asked them to number the panels in the order they would read them. Participants frequently used strategies departing from both the traditional Z-path and Gestalt groupings. These preferences reveal a system of constraints that organizes panels into hierarchic constituents, guiding readers through comic page layouts.</p>
</abstract>
<kwd-group>
<kwd>comics</kwd>
<kwd>page layout</kwd>
<kwd>spatial representation</kwd>
<kwd>reading order</kwd>
<kwd>writing systems</kwd>
</kwd-group>
<counts>
<fig-count count="12"/>
<table-count count="1"/>
<equation-count count="1"/>
<ref-count count="32"/>
<page-count count="15"/>
<word-count count="11479"/>
</counts>
</article-meta>
</front>
<body>
<sec sec-type="introduction">
<title>Introduction</title>
<p>Many readers of comic books have had the unusual experience of meeting someone who is confused by the order of the images on a comic page. While most literate readers are familiar with the left-to-right and downward reading orders used in written language &#x02013; the &#x0201C;Z-path&#x0201D; &#x02013; those who do not read comics sometimes become confused when pages depart from the stereotypical grid layout. To comic readers, this confusion seems baffling &#x02013; isn&#x02019;t the order of images obvious? While the sequential aspect of comics has often been emphasized as one of its defining features (e.g., McCloud, <xref ref-type="bibr" rid="B22">1993</xref>), research has mostly examined how sequence conveys <italic>meaning</italic> (e.g., McCloud, <xref ref-type="bibr" rid="B22">1993</xref>; Saraceni, <xref ref-type="bibr" rid="B28">2001</xref>; Cohn et al., <xref ref-type="bibr" rid="B9">2012</xref>; Cohn, <xref ref-type="bibr" rid="B8">2013</xref>), with little attention paid to the overall page layout outside its impact on this comprehension (e.g., Barber, <xref ref-type="bibr" rid="B3">2002</xref>; Cohn, <xref ref-type="bibr" rid="B7">2003</xref>). Thus far, no research has broached the question of <italic>how</italic> readers create this deliberate sequence out of the unconstrained spatial array of analog visual information &#x02013; the <italic>external compositional structure</italic> (ECS) of comic pages &#x02013; and to what extent experience might play a role in guiding these decisions.</p>
<p>Scholarship on comics has mostly focused on the relationship of layout to the content of the images. Several authors have proposed taxonomies of layout types based on how they relate to the content of the narrative (Peeters, <xref ref-type="bibr" rid="B27">1991/1998</xref>; Groensteen, <xref ref-type="bibr" rid="B14">2007</xref>; Caldwell, <xref ref-type="bibr" rid="B5">2012</xref>). For example, does the page serve a decorative function or does it use a standard conventional layout, such as a grid? Other conflations of layout and meaning have incorporated aspects of page layout directly into the comprehension of sequential images (Barber, <xref ref-type="bibr" rid="B3">2002</xref>; Drucker, <xref ref-type="bibr" rid="B11">2008</xref>). For example, Barber (<xref ref-type="bibr" rid="B3">2002</xref>) argued that comic pages are understood holistically through integration of the content of all panels on a page. Barber claims this idea is exemplified by a page from comic author Jim Steranko, depicted in Figure <xref ref-type="fig" rid="F1">1</xref>. This page allows for no contiguous columns or rows of panels, and the colors of panels imply perceptual groupings between non-adjacent panels, thereby making a linear reading order difficult.</p>
<fig id="F1" position="float">
<label>Figure 1</label>
<caption><p><bold>Comic page by Jim Steranko that flouts a conventional linear path of reading (reprinted in Steranko, 2002)</bold>. Image &#x000A9; 2002 Marvel Comics.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g001.tif"/>
</fig>
<p>While layout and content likely interface in important ways, they are ultimately independent structures. The same sequence of images can be arranged in multiple ways without impairing meaning. For instance, four-panel comic strips in newspapers commonly appear horizontally, vertically, or stacked in a 2&#x02009;&#x000D7;&#x02009;2 grid. In all cases, the content remains the same, while the layout changes. Granted, change in the <italic>order</italic> of panels would result in different meaning, but this still requires a method to explain <italic>why</italic> people read in the sequence they do. Navigational strategies cannot wholly rely on content, since once a panel is reached, readers would need to fully engage all possible choices of panels before choosing which one is next. This would place too much burden on the reading process, not to mention working memory. The smooth motions found in eye-tracking studies of comic pages seem to support that expert readers do not explore all options before moving from one panel to the next (Nakazawa, <xref ref-type="bibr" rid="B24">2002</xref>). Moreover, while alterations in panel layouts affect eye movements, they do not appear to significantly impact reading comprehension (Omori et al., <xref ref-type="bibr" rid="B25">2004</xref>).</p>
<p>Thus, a more basic question needs to be addressed: how do people know how to navigate through page layouts? Many factors likely contribute to how a reader might traverse through a comic page. These may include aspects of content, such as color of panels (as in the Steranko page), composition within a panel, character positioning or eye-gaze, or elements breaking the borders of panels (such as figures or speech balloons). Additional factors may fall outside the realm of content entirely, such as particular ways in which panels are arranged relative to each other (discussed below).</p>
<p>While research on comic page layout has not yet been undertaken, various studies have examined how readers engage other media, such as newspaper pages or websites. Experiments using eye-tracking have generally shown that readers scan these pages broadly, then focus on particular <italic>entry-points</italic> before they begin focused reading, usually with attention captured by images and larger items (e.g., Garcia et al., <xref ref-type="bibr" rid="B13">1991</xref>; Kress and van Leeuwen, <xref ref-type="bibr" rid="B19">1996</xref>; Homqvist et al., <xref ref-type="bibr" rid="B17">2003</xref>; Holsanova et al., <xref ref-type="bibr" rid="B16">2006</xref>). Unlike comics though, these media present readers with an unconstrained array of numerous types of information &#x02013; images, headlines, advertisements, and articles. In contrast, the combination of text and image in comic panels are usually intended for only a single directed stream of reading &#x02013; more similar to the stream of text in written language. Here, order has become conventionalized into different directional streams. English segments text into horizontal rows, and runs left-to-right and downward (a Z-path), while Japanese uses the opposite order, organizing text into vertical columns to read downward then right-to-left.</p>
<p>Despite the fact that comic page layouts often diverge from the uniform lines of text, most assume that comic pages follow the path of the culture&#x02019;s written language (e.g., Bongco, <xref ref-type="bibr" rid="B4">2000</xref>; Duncan, <xref ref-type="bibr" rid="B12">2000</xref>; McCloud, <xref ref-type="bibr" rid="B23">2000</xref>). Indeed, studies suggest that the orientation of a person&#x02019;s writing system can impact other facets of perception. For example, left-to-right writing systems bias participants to prefer that directional ordering for depicting temporal relationships (Tversky et al., <xref ref-type="bibr" rid="B30">1991</xref>; Chan and Bergen, <xref ref-type="bibr" rid="B6">2005</xref>), for assigning semantic agency to objects (Maass and Russo, <xref ref-type="bibr" rid="B21">2003</xref>; Dobel et al., <xref ref-type="bibr" rid="B10">2007</xref>), for perceptually scanning arrays (Padakannaya et al., <xref ref-type="bibr" rid="B26">2002</xref>), and for drawing pictures (Vaid et al., <xref ref-type="bibr" rid="B31">2002</xref>), while the opposite has been found in right-to-left reading cultures. Given this, we might expect the left-to-right reading orientation to engender the use of a Z-path as well.</p>
<p>A Z-path certainly makes sense for a grid organization of panels (Figure <xref ref-type="fig" rid="F2">2</xref>A), which is most similar to the rows of text, but layouts may depart from or manipulate a straightforward grid in several ways. The borders of panels may become angled or eliminated, or panels might take strange sizes or shapes. These manipulations are relatively superficial though, since they may not necessarily force a reader to question how to order the panels. More challenging manipulations might vary the <italic>proximity</italic> of panels with each other, either through <italic>separation</italic> of the panels from each other (Figure <xref ref-type="fig" rid="F2">2</xref>C) or <italic>overlapping</italic> panels on top of each other (Figure <xref ref-type="fig" rid="F2">2</xref>D). This dimension of proximity has been well established as an organizational principle by Gestalt psychologists (e.g., Wertheimer, <xref ref-type="bibr" rid="B32">1923</xref>) who showed that people perceptually group items that are nearest to each other. Would such groupings be preferred if they flout the Z-path?</p>
<fig id="F2" position="float">
<label>Figure 2</label>
<caption><p><bold>Manipulations of comic page layouts. (A)</bold> Canonical grid layout stereotypically read in a &#x0201C;Z-path.&#x0201D; <bold>(B)</bold> Layout where a horizontal panel &#x0201C;blocks&#x0201D; the creation of a row of panels. <bold>(C)</bold> Layout where panels are separated by a wide space. <bold>(D)</bold> Layout where panels overlap each other. <bold>(E)</bold> Layout where panels are staggered to no longer retain a contiguous gutter.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g002.tif"/>
</fig>
<p>Other orientations between panels create different challenges. On a small scale, panels may be <italic>staggered</italic> (Figure <xref ref-type="fig" rid="F2">2</xref>E) which might lead readers to question the Z-path because the horizontal gutter no longer runs continuously across panels to form a row. The most extreme manipulation of this type occurs when a whole panel &#x0201C;blocks&#x0201D; the horizontal gutter entirely. <italic>Blockage</italic> occurs when panels are stacked vertically next to a panel that runs the distance of the vertical panels. As in Figure <xref ref-type="fig" rid="F2">2</xref>B, following the Z-path causes panel C to be ordered before panel B. Thus, any subsequent panel (like B) might require backtracking in the opposite direction to the Z-path, thereby passing over the bottom part of panel C. An alternate order would move vertically before horizontally, where panel C &#x0201C;blocks&#x0201D; the Z-path, forcing movement vertically from A to B then horizontally to C. Do readers prefer to follow blockage or the Z-path in these situations?</p>
<p>In order to investigate how these factors influence the navigation of page layouts, we designed an experiment that presented participants with 12 comic pages with empty panels (i.e., with no imagistic content &#x02013; only panel borders). Participants numbered panels in the order that they would read them, and we examined their ordering preferences for various manipulations to layout. Each of these manipulations will be described one at a time, followed by an analysis of the results. Finally, a theoretical model for the navigation of page layouts integrates this empirical data.</p>
</sec>
<sec sec-type="materials|methods">
<title>Materials and Methods</title>
<sec>
<title>Participants</title>
<p>One hundred forty-five individuals (98 male, 47 female, mean age: 25.4) from the 2004 Comic-Con International comic book convention in San Diego, CA, USA participated in the study. Attendees were asked at random to participate in the experiment at a convention booth, and the sample reflects only those who volunteered. All participants gave their informed written consent and received a novelty sticker as compensation.</p>
<p>Prior to the experiment, all participants completed a questionnaire assessing their comic reading and drawing habits both in the present and childhood on a 1&#x02013;4 scale (1&#x02009;&#x0003D;&#x02009;Never, 4&#x02009;&#x0003D;&#x02009;Always). This questionnaire also asked how often they read Japanese comics (<italic>manga</italic>), which often retain their native right-to-left reading order even in English translations. Table <xref ref-type="table" rid="T1">1</xref> summarizes participants&#x02019; background expertise.</p>
<table-wrap position="float" id="T1">
<label>Table 1</label>
<caption><p><bold>Number of participants belonging to varying levels of comic reading expertise</bold>.</p></caption>
<table frame="hsides" rules="groups">
<thead>
<tr>
<th align="left"/>
<th align="left">Never</th>
<th align="left">Rarely</th>
<th align="left">Sometimes</th>
<th align="left">Often</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">Childhood comic reading</td>
<td align="left">13</td>
<td align="left">34</td>
<td align="left">44</td>
<td align="left">54</td>
</tr>
<tr>
<td align="left">Current comic reading</td>
<td align="left">7</td>
<td align="left">36</td>
<td align="left">54</td>
<td align="left">47</td>
</tr>
<tr>
<td align="left">Japanese manga reading</td>
<td align="left">50</td>
<td align="left">42</td>
<td align="left">32</td>
<td align="left">21</td>
</tr>
</tbody>
</table>
<table-wrap-foot>
<p><italic>Note that one participant did not provide an answer for &#x0201C;current comic reading.&#x0201D;</italic></p>
</table-wrap-foot>
</table-wrap>
</sec>
<sec>
<title>Stimuli</title>
<p>Each booklet consisted of 12 &#x0201C;comic pages&#x0201D; where the panels were empty of content (all stimuli pages found in Figure <xref ref-type="fig" rid="F3">3</xref>). All pages were created specifically for this experiment, except for one imitating the Steranko page discussed in the introduction (Figure <xref ref-type="fig" rid="F3">3</xref>L). Eleven of these page layouts tested various phenomena against the assumed Z-path, as well as additional properties that factor into the reading of pages. Each of these manipulations will be discussed individually below. Pages often featured several manipulations, though our analysis examined the adherence to the Z-path for isolated segments of the layouts vs. deviations using other orderings. Any reading order that was confounded by interaction with other parts of the layout was judged as a &#x0201C;non-Z-path&#x0201D; order. Results and discussion for each manipulation are discussed individually.</p>
<fig id="F3" position="float">
<label>Figure 3</label>
<caption><p><bold>All stimuli pages with notations of the various ECS manipulations</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g003.tif"/>
</fig>
<p>One page featured a 2&#x02009;&#x000D7;&#x02009;3 panel grid where columns and rows were clearly defined. While technically ambiguous for its reading order, we predicted this page to be ordered in the Z-path because of a grid&#x02019;s similarity to text and its status as the most basic and conventional type of comic page layout. As such, this page was used as a control to be compared with other reading strategies. The additional manipulations of pages were embedded across panels to varying frequencies (as labeled in Figure <xref ref-type="fig" rid="F3">3</xref>). Each manipulation is described below.</p>
<sec>
<title>Blockage</title>
<p>Seven instances of blockage occurred throughout the booklets (Figures <xref ref-type="fig" rid="F3">3</xref>B,C,I,K,L). In some cases, blockage featured a simple three-panel interaction (two vertical panels, one horizontal), while others featured more complex combinations. However, all used the same general interaction with a long vertical &#x0201C;Blocking Panel&#x0201D; that &#x0201C;blocks&#x0201D; the path of two or more rows of panels. It should be noted that three instances of blockage came from the Steranko page (Figure <xref ref-type="fig" rid="F3">3</xref>L). Detailed analyses of this page are provided in supplementary material available online at: <uri xlink:href="http://www.visuallanguagelab.com/essays/ECS_Supplement.pdf">http://www.visuallanguagelab.com/essays/ECS_Supplement.pdf</uri></p>
</sec>
<sec>
<title>Separation</title>
<p>Two instances of separation were tested across the experimental pages (Figures <xref ref-type="fig" rid="F3">3</xref>C,F). In both cases, a large gap separated panels and grouped them in a way counter to the Z-path that sponsored a vertical path of reading.</p>
</sec>
<sec>
<title>Overlap</title>
<p>Two instances of overlap appeared throughout the booklets (Figures <xref ref-type="fig" rid="F3">3</xref>F,K). In the case of the second instance (Figure <xref ref-type="fig" rid="F3">3</xref>K), the overlap across three panels could reinforce both a blockage path (guiding the reader from the bottom left panel diagonally upward) or a Z-path (guiding the reader horizontally, then down to the diagonal left).</p>
</sec>
<sec>
<title>Staggering</title>
<p>Each booklet contained three instances of staggering (Figures <xref ref-type="fig" rid="F3">3</xref>C,E,H). In all cases, the borders between panels were staggered so that a continuation of the gutter moved vertically against the Z-path, instead of horizontally with the Z-path.</p>
</sec>
<sec>
<title>Insets</title>
<p>One page featured a single inset panel inside of a larger dominant panel (Figure <xref ref-type="fig" rid="F3">3</xref>E).</p>
</sec>
<sec>
<title>Entry-point</title>
<p>An additional manipulation looked beyond how participants navigated through clusters of panels, and focused on participants&#x02019; preferences when entering a page with no &#x0201C;entry-point&#x0201D; in the upper left corner of the page. Four of the experimental comic pages had no clearly defined panel in the upper left corner of the page (Figures <xref ref-type="fig" rid="F3">3</xref>B,D,G,H). These pages either divided this space between two or more panels or omitted a panel in this location altogether. Reading preferences for these pages were contrasted with the frequency that participants began a page with the upper left panel in the remaining eight experimental pages. This &#x0201C;standard&#x0201D; order was used as a control to compare against the experimental manipulations.</p>
</sec>
<sec>
<title>Fillers</title>
<p>In addition to these panel manipulations that challenge the Z-path, &#x0201C;fillers&#x0201D; introduced aspects of layouts that appeared similar to the challenging organizations, yet did not violate the Z-path. For example, &#x0201C;Z-blockage&#x0201D; manipulations horizontally flip a &#x0201C;blockage&#x0201D; layout by using a long vertical panel to the left of horizontally stacked panels. This order appears similar to blockage (as its mirror), but does not challenge the Z-path of reading. Similarly, &#x0201C;Z-staggering&#x0201D; and &#x0201C;Z-separation&#x0201D; used these manipulations of layout to reinforce a Z-path of reading. These fillers were included to give variation to the experimental page layouts and give the appearance of complexity while not challenging the Z-path (see Figure <xref ref-type="fig" rid="F3">3</xref>).</p>
</sec>
</sec>
<sec>
<title>Procedure</title>
<p>Each participant received a booklet with the 12 experimental layouts. All participants saw the same page layouts, randomly ordered in four different booklet sets. Participants were instructed to number the panels in the order that they would read them, and to treat all pages as independent (i.e., that there were no &#x0201C;two page spreads&#x0201D;). Additionally, participants were told that there were no &#x0201C;right or wrong&#x0201D; answers, and to follow their own intuitions. Participants filled out the booklets with no time restrictions, though most averaged between 5 and 10&#x02009;min.</p>
</sec>
<sec>
<title>Data analysis</title>
<p>We first wanted to know how often participants used the Z-path given a particular manipulation in the layout. For each manipulation, we calculated the mean frequencies that a participant followed the Z-path by collapsing across all instances of a given manipulation. An Independent Samples <italic>t</italic>-test compared these means with those of a control (i.e., the means for following the Z-path in the grid). We next wanted to know which strategy each participant chose more for each manipulation: the Z-path or an alternate route. For a given manipulation, we calculated whether each participant used the non-Z-path over 50% of the time (a value of &#x0201C;1&#x0201D;) or used the Z-path (&#x0201C;0&#x0201D;). Across all participants, a sign test was used to analyze which strategy was more frequently used overall.</p>
<p>Finally, we wanted to know how particular strategies of navigation were influenced by participants&#x02019; background experience with comics. Participants were grouped based on their self-assessed levels of expertise (i.e., Never read comics vs. Sometimes vs. Often vs. Always) in a variety of fields (frequency reading/drawing comics or Japanese manga, as an adult or child). Mean frequencies of navigational strategies were compared across participants&#x02019; expertise ratings using a one way analysis of variance (ANOVA) that set levels of expertise as a between-subjects factor. Significant interactions were followed up using <italic>post hoc</italic> Independent Samples <italic>t</italic>-tests.</p>
</sec>
</sec>
<sec>
<title>Results and Discussion</title>
<sec>
<title>Grid</title>
<p>The most conventional layout of a comic page is a grid. Within our booklets, one page featured a 2&#x02009;&#x000D7;&#x02009;3 panel grid (Figure <xref ref-type="fig" rid="F3">3</xref>A). Technically, this page could be ordered in any number of ways (Z-path, up and down, snaking in a reverse &#x0201C;S&#x0201D; shape, etc.), though the canonical order would follow the Z-path of the standard reading order of the English writing system. Indeed, participants did choose the Z-path almost all the time (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.941, SD&#x02009;&#x0003D;&#x02009;0.172). The only instances of departure from the Z-path were participants who ordered the panels in vertical columns. Comparison of participants&#x02019; frequencies of using the Z-path with frequencies of vertical orders showed that this preference was clearly significant, <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;10.796, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. Because it is the standard reading order in the most conventional layout, the mean preferences for the Z-path of the grid were subsequently used as the control for analysis of other manipulations to layouts. We now turn to discussing more complex manipulations of page layouts.</p>
</sec>
<sec>
<title>Blockage</title>
<p>We first examined page layout segments using blockage, as in Figure <xref ref-type="fig" rid="F2">2</xref>B. Blockage has often been cited as &#x0201C;problematic&#x0201D; by comic creators and inexperienced comic readers (Abel and Madden, <xref ref-type="bibr" rid="B1">2008</xref>). Some evidence supports this claim. In a study looking at eye movements when readers viewed comic pages, Omori et al. (<xref ref-type="bibr" rid="B25">2004</xref>) found that readers frequently skip over the vertically aligned &#x0201C;B&#x0201D; panels (as in Figure <xref ref-type="fig" rid="F2">2</xref>B) when presented with blockage situations, and that when modified to a horizontal path, skipping of this panel decreased dramatically. This would indicate that participants would prefer the horizontal Z-path when presented with these situations.</p>
<p>Orders followed the Z-path if a horizontal path progressed from the upper row of panels to the Blocking Panel prior to moving down to lower panels (i.e., the &#x0201C;ACB&#x0201D; path in Figure <xref ref-type="fig" rid="F2">2</xref>B). Orders that followed the &#x0201C;blockage path&#x0201D; moved vertically to complete the rows of horizontal panels prior to numbering the large Blocking Panel (i.e., the &#x0201C;ABC&#x0201D; path in Figure <xref ref-type="fig" rid="F2">2</xref>B).</p>
<p>Blockage clearly influenced participants to depart from the Z-path. Participants ordered panels in the Z-path infrequently in blockage scenarios (means are summarized in Figure <xref ref-type="fig" rid="F4">4</xref>), which was significantly less than the frequency of Z-path usage in the control grid, <italic>t</italic>(144)&#x02009;&#x0003D;&#x02009;&#x02212;22.79, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. Closer analysis showed that, when faced with a blockage situation, more participants preferred to move to a vertical panel (91 of 145) than moving to a horizontally adjacent panel (40 of 145). These data show that, when posed with a blockage situation, participants chose a route differing from the Z-path over twice as often as when they followed it, a clearly significant difference, <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;4.37, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001.</p>
<fig id="F4" position="float">
<label>Figure 4</label>
<caption><p><bold>Frequency of using the Z-path under various manipulations</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g004.tif"/>
</fig>
<p>Usage of the blockage path appeared to be affected by the frequency participants currently read comics. The blockage path increased along with participants levels of reading frequency (summarized in Figure <xref ref-type="fig" rid="F5">5</xref>A) compared to those who do not read comics at all, <italic>F</italic>(3,140)&#x02009;&#x0003D;&#x02009;2.964, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.05. Follow up analyses revealed that participants who never read comics had fewer frequencies using the blockage path than those of any other group to a significant or trending degree (all <italic>t</italic>&#x02009;&#x0003E;&#x02009;2.0, all <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.054), while those with any habits of reading comics did not differ from each other (all <italic>t</italic>&#x02009;&#x0003C;&#x02009;1.58, all <italic>p</italic>&#x02009;&#x0003E;&#x02009;0.126).</p>
<fig id="F5" position="float">
<label>Figure 5</label>
<caption><p><bold>Influence of background expertise on various strategies of navigating page layouts</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g005.tif"/>
</fig>
<p>These results show that, when presented with blockage situations, comic readers clearly preferred using the blockage path of navigating through comic panels over the Z-path. These results contrast with the findings of Omori et al. (<xref ref-type="bibr" rid="B25">2004</xref>), where readers&#x02019; eyes often followed the Z-path of reading. This discrepancy in results may be attributable to comic reading expertise. The data on comic reading expertise indicate that people who read comics at least to a moderate amount have a greater tendency to prefer the blockage path to those who do not read comics at all. Overall, that novice comic readers would prefer the Z-path makes sense: since they are unfamiliar with blockage scenarios, they revert to the comfortable Z-path inherited from written text. Indeed, additional eye-tracking research has shown that the saccades of a novice reader were far more erratic and less directed than an expert reader (Nakazawa, <xref ref-type="bibr" rid="B24">2002</xref>). Thus, the results in Omori et al.&#x02019;s (<xref ref-type="bibr" rid="B25">2004</xref>) study could have reflected participants with less experience in reading comics, though such expertise measures are not reported.</p>
</sec>
<sec>
<title>Separation</title>
<p>Page layouts may also manipulate constraints of Gestalt principles of grouping (e.g., Wertheimer, <xref ref-type="bibr" rid="B32">1923</xref>) such as proximity. As discussed, Gestalt psychology has long shown that people perceptually group items that are nearest to each other. Thus, in the <italic>separation</italic> condition, panels were grouped in ways that might violate the Z-path by extending the space between columns of panels, as in Figure <xref ref-type="fig" rid="F2">2</xref>C. Here, to maintain the Z-path (i.e., A&#x02013;B), participants would need to jump over a large gap between panels, instead of following the most closely grouped panels (i.e., A&#x02013;C). If participants are sensitive to the Gestalt preference for closely grouped panels, they will depart from the Z-path to order panels that are nearest together. If the Z-path remains dominant, participants should be unaffected by the groupings created by separating panels from each other. Thus, a separation path followed the Z-path if orders crossed the separation to maintain a left-to-right path, while orders that did not follow this path, moving to the panels grouped closest together, followed the separation path.</p>
<p>While participants followed the Z-path for separation situations in high proportions (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.717, SD&#x02009;&#x0003D;&#x02009;0.338, see Figure <xref ref-type="fig" rid="F4">4</xref>), this frequency of ordering panels still significantly differed from that of the control grid, <italic>t</italic>(144)&#x02009;&#x0003D;&#x02009;6.758, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. Overall, when faced with separation conditions, more participants chose a panel along the Z-path (84 of 145) than an alternative path. This difference was significant, <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;6.97, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001.</p>
<p>These results indicate that separation of panels did impact participants&#x02019; preferences for navigational order, though it was not influential enough for full rejection of the Z-path. Participants chose the Z-path almost three times more than they chose the Gestalt groupings created by separation. Nevertheless, separation does play a statistically significant role in altering the strategies of navigation away from the Z-path when compared to the control condition. Further analysis of these contrary results will be addressed in the Section <xref ref-type="sec" rid="s1">&#x0201C;General Discussion.&#x0201D;</xref></p>
</sec>
<sec>
<title>Overlap</title>
<p>The Z-path could also be flouted by the reverse proximity relationship to separation: when panels are close together. This happens to the extreme when panels <italic>overlap</italic> each other, and the borders of one panel lie on top of another. Like separation, this manipulation can flout the Z-path, as in Figure <xref ref-type="fig" rid="F2">2</xref>D. The proximal relations between overlapping panels (i.e., A&#x02013;C), force a reader to choose to either move upwards (to B) or laterally (to C) and then upwards. This would force them to skip back over panels they have already read. Alternatively, following the Z-path (i.e., A&#x02013;B) would allow panels to be read in a familiar left-to-right and down fashion, but would require ignoring the clear grouping created by the overlap of panels (i.e., A&#x02013;C). If readers prefer the Z-path, they should ignore the Gestalt effects of overlap. However, if the Z-path does not guide their preferences, the Overlapping Panel would be ordered prior to those guided by the left-to-right and down order.</p>
<p>Overlapping Panels did influence the navigation order. Roughly half of all orders followed the Z-path in these situations (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.50, SD&#x02009;&#x0003D;&#x02009;0.341, see Figure <xref ref-type="fig" rid="F4">4</xref>), which differed from the preferences of the control grid, <italic>t</italic>(144)&#x02009;&#x0003D;&#x02009;13.828, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. Additionally, when presented with an overlap scenario, more participants chose to follow the overlapping panel than the other choices available to a proportion trending in significance, <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;1.74, <italic>p</italic>&#x02009;&#x0003D;&#x02009;0.081.</p>
<p>While overlap significantly influenced the grand mean for ordering of panels, these results were largely influenced by the nature of the path created by the overlap. Analysis at each instance of overlap revealed that preferences for departing from the Z-path differed between the two stimuli. While the overlap in Figure <xref ref-type="fig" rid="F3">3</xref>F clearly showed a preference for the Z-path, only rarely departing from it (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.17, SD&#x02009;&#x0003D;&#x02009;0.37), the overlap in Figure <xref ref-type="fig" rid="F3">3</xref>K did not, instead directing a preferred order following a blockage path (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.63, SD&#x02009;&#x0003D;&#x02009;0.48), which was a significant difference <italic>t</italic>(144)&#x02009;&#x0003D;&#x02009;&#x02212;10.203, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. In Figure <xref ref-type="fig" rid="F3">3</xref>F more participants chose the Z-path than other strategies (105 of 145), <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;7.04, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. However, more participants dominantly followed the overlap in Figure <xref ref-type="fig" rid="F3">3</xref>K into a blockage path (92 of 145), <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;4.23, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. Indeed, a blockage condition without overlap used this same layout, where the blockage path was chosen nearly 75% of the time. This indicates that preferences for following overlap in this stimulus had less to do with the influence of the overlapping panel, and more with other navigation strategies, such as blockage. Overall, these results imply that overlap on its own does not provide a sufficient influence to dramatically alter the preference for the Z-path.</p>
</sec>
<sec>
<title>Staggering</title>
<p>Another type of Gestalt constraint has less to do with proximity, but more to do with the continuation of a common flow. This can be manipulated in comic layouts by altering the size of panels so that their borders do not line up cleanly to create a smooth row or column. Thus, <italic>staggering</italic> panels offsets the rows or columns so that the flow of panels does not create a clear grid, as in Figure <xref ref-type="fig" rid="F2">2</xref>E. Following the staggered panels orders panels along straight gutters (i.e., A&#x02013;C) instead of following the Z-path (i.e., A&#x02013;B). Reading downward would avoid conflict with the offset created by the staggered borders. Thus, like the effects of blockage, staggering could force navigation away from the Z-path by following the flow of the clearly defined gutters. Thus, experimentally, we would predict that if participants prefer the Z-path, the staggering of panel borders should have little effect on their maintenance of a left-to-right order.</p>
<p>Orders were deemed as following the Z-path if they maintained the left-to-right ordering that did not choose panels along the vertical dimension. Staggering barely impacted the ordering of the Z-path. The Z-path order dominated all preferences in staggering scenarios (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.90, SD&#x02009;&#x0003D;&#x02009;0.23, see Figure <xref ref-type="fig" rid="F4">4</xref>), though this trended toward differing with the frequencies of the Z-path in the control grid, <italic>t</italic>(144)&#x02009;&#x0003D;&#x02009;1.788, <italic>p</italic>&#x02009;&#x0003D;&#x02009;0.076. Additionally, far more participants preferred the Z-path (131 of 145) to other strategies, <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;10.59, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001.</p>
<p>Staggering had the least impact on participants to depart from the Z-path. These results are curious because staggering is very similar to blockage: they differ only in the degree to which the stagger meets the Blocking Panel. Though blockage had a huge impact on orders of panels, staggering did not. Given this similarity, the question remains at what point does staggering yield the same effects as blockage? In the examples used, the staggering only subtly varied the distance that divided the continuous flow of the lateral gutter. Would a more dramatic stagger yield a stronger blockage effect? Will staggering always overcome blockage as long as there is more than one panel stacked as &#x0201C;blockers&#x0201D;? Future studies could address these concerns (see the <xref ref-type="sec" rid="s1">General Discussion</xref>).</p>
</sec>
<sec>
<title>Insets</title>
<p>Further aspects of navigating comic pages do not involve the Z-path. For example, one panel can enclose another as an &#x0201C;inset&#x0201D; panel. Inset panels feature one &#x0201C;enclosed&#x0201D; panel embedded within another &#x0201C;dominant&#x0201D; panel. The question here is which panel readers prefer to be ordered first: the enclosed or dominant panels?</p>
<p>Analysis of the inset scenario showed that 60% of the time the outer &#x0201C;dominant&#x0201D; panel was ordered before the enclosed panel (84 of 145), a significant difference, <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;2.47, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.05. In many ways this order makes sense, since the reader engages the borders of the outer panel first, after which they progress to the inner panel. Coming to the inner panel first would make the reader skip over the outer panel when it is initially approached.</p>
</sec>
<sec>
<title>Entry-point</title>
<p>Finally, navigating page layouts also involves where people prefer to begin reading a page. Eye-tracking studies on reading strategies in newspaper or website pages have shown that attention often becomes directed to larger items or more colorful elements (Holmqvist and Wartenberg, <xref ref-type="bibr" rid="B15">2005</xref>; Holsanova et al., <xref ref-type="bibr" rid="B16">2006</xref>; Homqvist et al., <xref ref-type="bibr" rid="B17">2003</xref>). Pages like these are often scanned, with certain segments acting as <italic>entry-points</italic> for directed reading of text, such as dominant photos or particular snippets of text (Garcia et al., <xref ref-type="bibr" rid="B13">1991</xref>), though researchers disagree about whether leftward or rightward elements attract more attention (Arnheim, <xref ref-type="bibr" rid="B2">1974</xref>; Garcia et al., <xref ref-type="bibr" rid="B13">1991</xref>; Holsanova et al., <xref ref-type="bibr" rid="B16">2006</xref>; Homqvist et al., <xref ref-type="bibr" rid="B17">2003</xref>; Kress and van Leeuwen, <xref ref-type="bibr" rid="B19">1996</xref>). However, unlike these unconstrained spatial arrays, comic pages have an intended reading order, and are recognized as conveying explicit linear streams of information, similar to writing systems. Thus, conventional wisdom would say that readers of left-to-right writing systems would prefer to start in the upper left-hand corner of a page, while readers of right-to-left writing systems would prefer the upper right corner. Research has supported that the order of a person&#x02019;s writing system affects other aspects of their spatial cognition. For example, readers of left-to-right writing systems are better able to recall elements in the upper left quadrant of an array, while readers of right-to-left systems better remember upper right quadrants (Chan and Bergen, <xref ref-type="bibr" rid="B6">2005</xref>). Such results would imply that similar preferences would be maintained for comic pages.</p>
<p>Thus, if comic panels use the same intuitions as text, participants should prefer to begin pages in the upper left. To test this, participants were presented with various pages where the upper left corner lacked a clearly defined panel. We asked whether such examples pose problems for participants, and whether consistent strategies were employed to handle such irregularity.</p>
<p>Analysis of experimental pages looked at several factors. First, we examined where the first chosen panel was located relative to upper left corner space. In cases where this space was divided into two parts diagonally, panels were either deemed as left/bottom vs. right/top. Second, we examined the nature of the path involved in ordering panels surrounding these situations. Paths ordered with a left-to-right path followed an overall left-to-right direction across panels. This left-to-right order also was a bottom-to-top order given in the diagonal relations of the panels. Right-to-left orders followed the opposite directionality. Finally, continuous paths were compared with broken paths. Continuous paths successively ordered adjacent panels. Broken paths jumped between non-adjacent panels, thereby skipping over panels in-between.</p>
<p>As would be expected from a Z-path, participants strongly preferred starting comic pages in the upper left corner. This preference was so great that one participant actually numbered &#x0201C;1&#x0201D; into the empty space where an entry panel normally would appear (perhaps considering this as a &#x0201C;borderless panel&#x0201D;). In pages with a panel in the upper left corner, that panel almost always began the page (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.96, SD&#x02009;&#x0003D;&#x02009;0.13). By comparison, when no panel was clearly defined in this position, the preference for choosing the <italic>leftmost</italic> panel dropped dramatically (<italic>M</italic>&#x02009;&#x0003D;&#x02009;0.60, SD&#x02009;&#x0003D;&#x02009;0.20), a significant difference, <italic>t</italic>(144)&#x02009;&#x0003D;&#x02009;21.26, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001.</p>
<p>This leftmost preference extended to orders of panels as well. The left-to-right order was far preferred to a rightward order. Significantly more participants chose a left-to-right/bottom-to-top order (93 of 145) than chose alternative orders like right-to-left (21 of 145), <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;6.65, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.001. Reading frequency of Japanese manga had a significant influence on the left-to-right order of panels, <italic>F</italic>(3,141)&#x02009;&#x0003D;&#x02009;3.866, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.05. A high frequency of reading Japanese manga decreased the likelihood of using a left-to-right ordering of panels, as depicted in Figure <xref ref-type="fig" rid="F5">5</xref>B. Follow up analyses revealed that participants who often read manga had significantly fewer frequencies of left-to-right orders than those of people who never or rarely read manga (all <italic>t</italic>&#x02009;&#x0003E;&#x02009;2.83, all <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.01). All other contrasts between groups were not significantly different from each other (all <italic>t</italic>&#x02009;&#x0003C;&#x02009;1.69, all <italic>p</italic>&#x02009;&#x0003E;&#x02009;0.096).</p>
<p>The interaction of left-to-right motion with frequency of reading Japanese manga may support that reading of different page layouts alters one&#x02019;s navigational preferences. Participants who read more manga had a reduced likelihood of using a left-to-right motion, consistent with their reading habits: manga pages, even when translated into English, often maintain the original right-to-left orders. Despite these right-to-left orders in the entry-points of these pages, panels in the whole pages were ordered left-to-right. Thus, the effects of manga reading seem to influence only where to begin reading a difficult page. These results are consistent with evidence that readers of writing systems with left-to-right paths attend to different quadrants of an array than those of right-to-left systems (Chan and Bergen, <xref ref-type="bibr" rid="B6">2005</xref>). In this case, increased reading of manga pages that begin in the upper right lead participants to start pages in that area more often, even when that directionality does not persist through the rest of the page.</p>
<p>Age also positively correlated with left-to-right orders, <italic>r</italic>(142)&#x02009;&#x0003D;&#x02009;0.253, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.005, showing that preference for this order increased with older individuals. This could be attributed to several factors. For example, if it were the case that a higher proportion of younger readers read manga, they might rely more on the left-to-right orders. However, age correlated significantly with manga reading, indicating that this was not the case. An additional explanation may be that newer comics &#x02013; those read more by younger readers &#x02013; may use more complex layouts than older works familiar to older readers. If this is true, newer types of layouts might familiarize younger readers to alternative strategies, while older readers retain the left-to-right orders common to older comics. While it is generally accepted that mainstream American superhero comics have introduced more complexity to page layouts than their older or Indy genre counterparts, such a claim could be substantiated with corpus analyses.</p>
<p>A Gestalt constraint of continuity further influenced preference of entry-point, as participants chose continuous paths over broken ones. In pages with more than two panels in the upper left corner, more participants preferred continuous paths (88 of 145) over broken paths (48 of 145), <italic>z</italic>&#x02009;&#x0003D;&#x02009;&#x02212;3.34, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.005, even when they departed from the left-to-right path. As depicted in Figure <xref ref-type="fig" rid="F5">5</xref>C, continuous paths seem to have been most preferred by participants with the polar habits of frequent and infrequent habits of reading comics, <italic>F</italic>(3,140)&#x02009;&#x0003D;&#x02009;5.12, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.005. Participants who never or always read comics used continuous paths at frequencies significant or trending to be greater than those used by those who read comics only rarely or sometimes (all <italic>t</italic>&#x02009;&#x0003E;&#x02009;1.95, <italic>p</italic>&#x02009;&#x0003C;&#x02009;0.056). No difference was found between those who read comics never/always or rarely/sometimes (all <italic>t</italic>&#x02009;&#x0003C;&#x02009;0.594, <italic>p</italic>&#x02009;&#x0003E;&#x02009;0.423).</p>
</sec>
</sec>
<sec id="s1">
<title>General Discussion</title>
<p>Overall, these experiments showed that certain manipulations of a page layout push readers to flout the Z-path inherited from the reading of text. In particular, blockage and separation had the most impact on pushing readers to follow Gestalt groupings instead of the Z-path, while overlap and staggering had little effect. Additionally, several aspects of background reading habits influenced the frequencies at which individuals navigated comics, indicating that a degree of expertise can influence the navigation of comics away from the Z-path.</p>
<p>These findings raise additional questions: how long does a Blocking Panel need to be to invoke blockage, since staggering alone created little effect? Why does separation have a significant impact on navigational path, even though the Z-path was still chosen more than any other strategy in these situations? Addressing these issues requires that the data from these experiments be assimilated into a broader analysis. The following section sketches out a preliminary theoretical model for the governing principles underlying the navigation (and creation) of comic page layouts. First, I will propose a general principle of navigation based on preference rules for selecting the path of reading. Second, these rules will be situated as part of a broader generative model for the architecture of ECS.</p>
<sec>
<title>Constraints on external compositional structure</title>
<p>The results of these experiments reveal an overarching strategy that expands on the basic principles of the Z-path. By and large, the rightward and downward direction of the Z-path was preferred: participants started in the upper left and progress to the lower right. However, beyond this, readers were sensitive to various aspects of panels&#x02019; relations to each other and the page borders. To negotiate these issues, I propose that a general strategy of &#x0201C;Assemblage&#x0201D; seeks <italic>to build successive units of structure based on distance and coherence of composite shapes in as smooth a reading path as possible</italic>. There are several <italic>general preferences</italic> that guide Assemblage:
<list list-type="order">
<list-item><p>Grouped areas&#x02009;&#x0003E;&#x02009;non-grouped areas</p></list-item>
<list-item><p>Smooth paths&#x02009;&#x0003E;&#x02009;broken paths</p></list-item>
<list-item><p>Do not jump over units</p></list-item>
<list-item><p>Do not leave gaps</p></list-item>
</list></p>
<p>Blockage can provide a good example. Assemblage would predict that readers follow blockage because a horizontal Z-path reading would leave a &#x0201C;gap&#x0201D; in the broader shape of the panels&#x02019; &#x0201C;additive space,&#x0201D; as in Figure <xref ref-type="fig" rid="F6">6</xref>A. In contrast, the preferred reading fills in the whole space in the most economical order possible through an additive process, as in Figure <xref ref-type="fig" rid="F6">6</xref>B. By moving vertically first, the combined space of the stacked panels equals that of the blocking panel to their right. Grouping these panels first ensures that no excess space remains at any point of the reading process, and that navigation follows a smooth path. This grouping relies on coherence of the lengths of the various panels&#x02019; borders. Two segments must guide this: the length of the top border, and the length of the inner vertical borders. In blockage, the vertical boundaries guide the navigation before the horizontal border. However, the horizontal boundary is retained as an overarching space required to be filled.</p>
<fig id="F6" position="float">
<label>Figure 6</label>
<caption><p><bold>Blockage preferences through Assemblage</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g006.tif"/>
</fig>
<p>Assemblage acts as a general principle to the ECS of comic page layouts, while a more explicit set of preference rules more specifically direct the processes of navigation. Like the constraints placed on perception by Gestalt groupings, preference rules specify the &#x0201C;preferred&#x0201D; interpretation out of various possible structural interpretations, and have been used for describing both music cognition (e.g., Lerdahl and Jackendoff, <xref ref-type="bibr" rid="B20">1982</xref>) and language (e.g., Jackendoff, <xref ref-type="bibr" rid="B18">1983</xref>). In combination with the general principles of Assemblage, these &#x0201C;ECS Preference Rules&#x0201D; (ECSPR) sketch out the series of operations that occur when a reader is at one panel and looking to move to a subsequent panel. A navigational choice is determined by moving down the list: if a rule is met by all or no options, the next rule is invoked, down until a constraint is satisfied. Like the conflict that can occur between Gestalt constraints, these preferences rules operate in probabilistic ways, rather than algorithmically. Thus, these rules can come in conflict with each other and must be played off each other to determine the proper path. Depending upon the conditions, different rules may win out (for example, preferential ordering rules for blockage and the Z-path &#x0201C;won out&#x0201D; over the proximity of overlapping panels).</p>
<p>Below, each constraint will be discussed and then applied to examples. These descriptions provide an initial foray into describing the structures governing the navigation of page layouts. Future work can further investigate the probabilistic weights that guide these constraints further. It is also important to remember that these only comprise part of what is likely a larger family of navigational constraints also including the influence of the content of images within and across panels.</p>
<sec>
<title>Entry constraints</title>
<p>Before actually navigating through various panels, readers must first find a starting panel. Thus, the first preference rules outline how a sequence is begun, when faced with an ambiguous page or display (as opposed to a scenario when the first panel is overtly provided, such as in digital comics that force the reading to begin at a particular panel).</p>
<list list-type="simple">
<list-item><p><bold><italic>ECSPR E1: go to the top left corner</italic></bold>. The results of the analysis of entry-points suggest that readers consistently look for a panel in the top left corner of a page as the first preference for entry into a &#x0201C;canvas&#x0201D; (i.e., a page or screen). Note, cultural experience may alter the direction of this constraint (and all the preference rules), as indicated by right-to-left preferences from readers of Japanese manga.</p></list-item>
<list-item><p><bold><italic>ECSPR E2: If no top left panel, go to either the (1) highest and/or (2) leftmost panel</italic></bold>. When no panel exists in the top left to satisfy the first constraint, this second constraint directs readers to balance either the panel that is most left on the page (so that a left-to-right reading motion is preserved) or the highest panel on the page (to preserve a smooth continuous path of reading motion).</p></list-item>
</list>
</sec>
<sec>
<title>Navigational constraints</title>
<p>Once an entry panel is established, navigational constraints specify how to move through that environment. The first two of these constraints involve following the inner and outer &#x0201C;borders&#x0201D; of panels (see Figure <xref ref-type="fig" rid="F7">7</xref>), while the others involve broader movements. &#x0201C;Border&#x0201D; in this case may be considered as an abstract. Panels often lack drawn borders, and it is unclear whether &#x0201C;borderless&#x0201D; panels would obey the same principles sensitive to borders or not.</p>
<fig id="F7" position="float">
<label>Figure 7</label>
<caption><p><bold>Inner and outer borders of panels in a layout</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g007.tif"/>
</fig>
<list list-type="simple">
<list-item><p><bold><italic>ECSPR 1: follow the outer border (Assemblage constraint 1)</italic></bold>. The first navigational choice seeks a contiguous edge of the outer-most borders of the situated panel and its immediate surrounding panels.</p></list-item>
<list-item><p><bold><italic>ECSPR 2: follow the inner border (Assemblage constraint 2)</italic></bold>. If all available paths have contiguous outer borders, seek a contiguous border for the inner edges of a panel and its adjacent panels (see Figure <xref ref-type="fig" rid="F7">7</xref>). These rules following outer and inner borders reflect the desire of Assemblage to create groupings out of contiguous orders.</p></list-item>
<list-item><p><bold><italic>ECSPR 3: move to the right (Z-path constraint 1)</italic></bold>. When either an outer or inner border can be followed, the first preferred motion goes to the right. In less expert comic readers, this preference may be elevated to the most preferred reading strategy, as acquired by the Z-path. In other words, these readers ignore the sensitivity to the borders and Assemblage, seeking only to satisfy a left-to-right reading path.</p></list-item>
<list-item><p><bold><italic>ECSPR 4: move straight down (Z-path constraint 2)</italic></bold>. Given the previous constraints, if a rightward movement is unavailable, downward movement is next preferred.</p></list-item>
<list-item><p><bold><italic>ECSPR 5: if nothing is to the right, go to the far left and down (Z-path constraint 3)</italic></bold>. Sometimes no panel is available to the right, such as at the end of a row of panels on a page, forcing the reader to move to the next tier down. This rule specifies the diagonal motion inherent in the Z-path. This rule comes into direct conflict with the previous rule as a separate type of downward movement. In those cases, the local context decides which rule wins out.</p></list-item>
<list-item><p><bold><italic>ECSPR 6: go to the panel that has not been read yet</italic></bold>. The final rule provides a default for reading any panel that has not yet been read. As the terminating constraint, this rule cannot be overridden. In the case where panels are randomly scattered and &#x0201C;floating&#x0201D; on a page, the Z-path rules (3&#x02013;5) may guide a reader in some semblance of order, while this last rule &#x0201C;sweeps up the remainders.&#x0201D;</p></list-item>
</list>
<p>As is labeled, the first two rules satisfy the constraints of Assemblage, while the remaining rules refine the process of the Z-path. Most likely, the default for readers is ECSPR 3&#x02013;6 gained through the reading motions found in text, while experienced comic readers have acquired additional Assemblage constraints that take precedence over this default.</p>
<p>These rules can better be understood through examples, beginning with blockage. When presented with a layout like Figure <xref ref-type="fig" rid="F2">2</xref>B, ECSPR E1 is engaged first. Since a panel is present at the upper left corner, that constraint is satisfied anda reader first goes to panel A. From here, ECSPR 1 checks the outer borders: the contiguity of both outer borders is sustained (A&#x02013;C and A&#x02013;B), so this constraint alone cannot determine the path. Moving into ECSPR 2, panel C blocks the contiguity of the inner horizontal border, but the vertical inner border downwards to panel B is not blocked. Since panel C blocks rightward movement in ECSPR 3, ECSPR 4 initiates movement downward, and the constraints are satisfied reaching panel B.</p>
<p>In the case of a grid, as in Figure <xref ref-type="fig" rid="F2">2</xref>A, at panel A both ECSPR 1 and 2 are met, since both outer and inner borders are contiguous all the way through. This allows ECSPR 3 to be initiated since a rightward movement can reconcile the ambiguity, resulting in the common left-to-right motion of the Z-path. In situations with separation and staggering, we find competition between the Assemblage and Z-path constraints. Once at panel A, ECSPR 1 (and 2) can be satisfied by moving downward, invoking ECSPR 4. However, if the gap between panels is ignored as a constraining feature, the upper border from panel A can still be perceived as forming a contiguous line with panel B. This may invoke ECSPR 3 for rightward motion previous to ECSPR 4 coming to action. Such a result was observed in the experiment: while readers chose the Z-path (A&#x02013;B) almost three times as much as the Gestalt grouping (A&#x02013;C), the vertical path remained statistically significant. In this case, both pathways are acceptable, but it appears that the Z-path constraints &#x0201C;win out&#x0201D; over the Assemblage constraints more often.</p>
<p>A similar competition occurs for staggering, which trended toward influencing away from the Z-path. Here, the preference rules must weigh the influence of the discontinuous inner border forming a &#x0201C;continuous&#x0201D; gutter horizontally across panels against the continuity of an undisrupted vertical border. If the disruption in the border is perceived as significant &#x02013; i.e., enough to warrant the blockage of that &#x0201C;row&#x0201D; &#x02013; ECSPR 2 will guide the reading vertically instead of allowing the Z-path rules to push the motion rightward while following the outer borders. The results of this experiment showed that minor staggers to a horizontal row are not enough to push an order vertically, yet blockage was very effective in doing so. This issue may be influenced by the general Assemblage preference for forming grouped areas to non-grouped areas. So long as the layout allows a &#x0201C;constituent&#x0201D; to be formed horizontally, staggering may have less of an effect. One way that future experiments could test this would be to align a column of three equally sized panels next to another column of two equally sized panels, which would thus provide fully ambiguous staggered groupings (i.e., the two gutters between the three panels should be equally far from the gutter between the two panels). From here, slight variations in the size of panels in the two-panel column could vary whether its horizontal gutter aligns with the gutter between the first-second or second-third panels of the first column. Such a method could provide one way to assess how much stagger leads to blockage.</p>
<p>The ways in which preference rules can weigh different conflicting paths can be seen by the navigation of the unusual diagonal borders presented in the entry-point pages. For example, in Figure <xref ref-type="fig" rid="F3">3</xref>D, no panel occupies the upper left corner panel, making ECSPR E1 not satisfied. In this case, ECSPR E2 can select the leftmost panel as the entry-point. From here, ECSPR 3 guides a rightward movement, maintaining general Assemblage principle 3 for a continuous motion to create a grouping out of the whole tier of diagonal panels. This strategy was chosen the most often for this layout (67 of 143), but the next most chosen strategy moved from the topmost panel (which is more rightward) and then moved smoothly downward (45 of 143) (note: two participants skipped this layout). Both strategies satisfy ESPR E2 to start the page in different ways (i.e., left vs. top), which results in different directions of reading. However, once an entry-point is decided, the general Assemblage principle for a continuous motion is satisfied. Thus, in these cases, the overall desire for a continuous motion may provide a stronger influence that the precise entry-point.</p>
<p>The choice of ESPR E2 to choose a leftmost vs. topmost panel may also be influenced by the size of panels or surrounding context. For example, in the entry-point of Figure <xref ref-type="fig" rid="F3">3</xref>B, where a binary choice was offered, the leftmost panel was chosen far more than the top one (104 of 145). In contrast, readers chose the topmost panel in the seemingly binary choice in Figure <xref ref-type="fig" rid="F3">3</xref>H (114 of 145). However, in this case, the thin sliver of the leftmost panel is connected to a panel that forms a contiguous lower border with an adjacent panel. Here, participants seem to consider the &#x0201C;bottom&#x0201D; panels as forming their own &#x0201C;row&#x0201D; beneath the &#x0201C;row&#x0201D; of the topmost curving panel, thus enabling a Z-path of reading. This means that the thin strands of the bottom panels in this &#x0201C;top row&#x0201D; are insufficient on their own to motivate being read prior to the topmost panel. Creating rows in this way satisfies general Assemblage constraint 1 for the creation of a &#x0201C;grouped area.&#x0201D; This entry-point example and the examples of staggering show that the creation of grouped areas does not necessarily depend on contiguous gutters (see also the analysis of the Steranko page in supplementary material). This point of creating constituents will be returned to in the next section.</p>
<p>While these preference rules and general Assemblage constraints provide an initial foray into describing the governing principles of comic page navigation, it should be clear that these experimental results are not enough to fully articulate the precise balancing of these principles. There are two directions that need to be addressed in future works. First, this first study on ECS only examined these manipulations in broad strokes. Further studies can examine the precise probabilistic weights negotiated by the ECSPR to determine how one rule is chosen over another. For example, how discontinuous does a horizontal gutter need to be to create a blockage effect? How large a gap does a separation need to be? What physical features might motivate an entry-point to be at the leftmost vs. topmost panel? These constraints would deal with the direct panel-to-panel choices in the navigation of pages.</p>
<p>A second line of research must further address how the local constraints of the preference rules interact with more global principles offered by the Assemblage constraints. In several cases, the choices for local directions in page navigation were influenced by the overall interactions between panels on a page &#x02013; sometimes by non-adjacent panels that happened to form a larger grouping. Here we find the balance between the analog nature of comic pages as visual-spatial arrays &#x02013; presenting all the information at once &#x02013; and the linear stream of panels creating a cohesive visual narrative. Further articulating the balance between these issues must be addressed more precisely in future studies.</p>
</sec>
</sec>
<sec>
<title>Embedding structures</title>
<p>The ECSPR and Assemblage constraints serve as principles that govern how a reader might navigate from panel to panel in a page layout. As described, one constraint on a preferred strategy in navigation is the creation of &#x0201C;grouped areas&#x0201D; over &#x0201C;non-grouped areas.&#x0201D; Such an overall constraint may be guided further by underlying structures that form hierarchically embedded constituents, which essentially define these &#x0201C;grouped areas.&#x0201D; It may be the case that the general constraints and preference rules function in order to build such hierarchic structures while a reader is navigating through a page layout. Conversely, these structures may motivate comic creators in their designs of page layouts, which are then &#x0201C;decoded&#x0201D; through a reader&#x02019;s navigation. A simple model of these types of relations was proposed by Tanaka et al. (<xref ref-type="bibr" rid="B29">2007</xref>) for converting comic pages into an acceptable format for cell phone and PDA screens. Their approach divided pages into vertical and horizontal segments that recursively embed into each other. A similar approach will be presented here, with further elaboration.</p>
<p>Visual constituents are naturally created out of the Gestalt groupings of the navigational preference rules. Constituents become formed by vertical and horizontal groupings, which concatenate panels additively. For instance, Figure <xref ref-type="fig" rid="F8">8</xref>A depicts the Assemblage process that guides blockage, where a vertical composite unit embeds within a larger horizontal composite. This reflects the sensitivities to the contiguity of panel borders set out in the first two preference rules. Satisfying the length of the vertical boundaries allows the broader horizontal structure to be completed only through the addition of the third panel. Using a Z-path would flout this by finishing the horizontal structure of panels A and C first, as in Figure <xref ref-type="fig" rid="F8">8</xref>B. This completion leaves the remaining panel as an unnecessary gap in the Assemblage process. If B is left to an additional horizontal structure, that grouping &#x0201C;runs through&#x0201D; the already existing C panel. This adds redundancy, and forces the reader to jump over the already read panel. Meanwhile, following the Z-path in blockage scenarios flouts all of the Assemblage constraints. In part, this is the challenge created by the Steranko page in Figure <xref ref-type="fig" rid="F1">1</xref> &#x02013; no matter whether the reader follows blockage or the Z-path, the layout forces the reader to jump over a panel because no clean segments can be grouped. (Despite this, analysis of participants&#x02019; preferences in the experimental Steranko page did show consistent reading order strategies. See the online supplement for this analysis.)</p>
<fig id="F8" position="float">
<label>Figure 8</label>
<caption><p><bold>Tree structures for the reading orders of blockage using (A) a strategy following Assemblage, or (B) an infelicitous Z-Path</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g008.tif"/>
</fig>
<p>Similarly, using this tree structure formalism, the Z-path would be represented as in Figure <xref ref-type="fig" rid="F9">9</xref>A. Under an overarching vertical structure, horizontal segments concatenate various panels in rows. This is the way to represent successive reading of multiple rows moving downward. Any number of horizontal nodes can be added into this Z-path, as well as any number of panels within each horizontal node. A general computational rule reflecting the Z-path preference rules could be stated as (with asterisks notating repetition):
<disp-formula id="E1"><mml:math id="M1"><mml:mrow><mml:mtext>Z&#x02009;-&#x02009;path&#x02009;rule</mml:mtext><mml:mo>:</mml:mo><mml:mtext>&#x02009;</mml:mtext><mml:mrow><mml:mo>[</mml:mo><mml:mrow><mml:mtext>Vertical&#x02009;</mml:mtext><mml:mrow><mml:mo>[</mml:mo><mml:mrow><mml:mtext>Horizontal&#x02009;</mml:mtext><mml:mo>&#x0002A;</mml:mo><mml:mtext>&#x02009;</mml:mtext><mml:mrow><mml:mo>&#x0230A;</mml:mo><mml:mrow><mml:mtext>Unit</mml:mtext><mml:mo>&#x0002A;</mml:mo></mml:mrow><mml:mo>&#x0230B;</mml:mo></mml:mrow></mml:mrow><mml:mo>]</mml:mo></mml:mrow></mml:mrow><mml:mo>]</mml:mo></mml:mrow></mml:mrow></mml:math></disp-formula></p>
<fig id="F9" position="float">
<label>Figure 9</label>
<caption><p><bold>Tree structures for reading orders of various grids using (A) a strategy following the Z-path, or (B) a strategy going against the Z-path (for a vertical &#x0201C;N-path&#x0201D;)</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g009.tif"/>
</fig>
<p>This constituency rule states that within an overarching vertical unit, an unlimited number of horizontal segments can embed, into which an unlimited number of units can be placed. This is essentially the default rule for Western style reading of text. Altering it to suit the vertical motions of Japanese or Chinese would merely require the flipping of the horizontal and vertical labels (as in Figure <xref ref-type="fig" rid="F9">9</xref>B). An associated constraint would then specify the direction of motion, moving right, left, up, and/or down.</p>
<p>These groupings further explain why separation could statistically depart from the Z-path yet be numerically chosen less than the Z-path. Assemblage works for both routes in Figures <xref ref-type="fig" rid="F9">9</xref>A,B, allowing for composite structures to build cleanly using smooth motions, without leaving gaps. As depicted in Figure <xref ref-type="fig" rid="F9">9</xref>A, the tree structure for separation greatly resembles that of the Z-path, only inverting the vertical and horizontal nodes. This same tree would appear for staggering, which showed a trend toward departing from the Z-path. Like separation, staggering forces the reader to decide which boundary to complete first: horizontal or vertical. Both strategies of the Z-path and vertical reading allow Assemblage to be completed without gaps, using a smooth motion. However, the engagement with the preference rules determines which path will ultimately be chosen.</p>
<p>This search for adequate grouping strategies also accounts for the significant differences in the items analysis between overlap conditions. While the overlap in Figure <xref ref-type="fig" rid="F3">3</xref>K allowed for Assemblage through the overlapping panel, Figure <xref ref-type="fig" rid="F3">3</xref>F allowed Assemblage through the Z-path while going against the overlapping panels. In both cases, participants preferred to follow Assemblage, regardless of overlap or Z-path. For example, in Figure <xref ref-type="fig" rid="F3">3</xref>F, the dominantly chosen path went against overlap. The dominant reading path for this segment fulfilled ECSPR 1 and uppermost edge first, then accounted for the internal edges &#x02013; wholly discarding the proximity of the overlap. Interestingly, the resulting structure is a left branching tree, since it continually embeds further into each subsequent layer, as depicted in Figure <xref ref-type="fig" rid="F10">10</xref>. The cluster in Figure <xref ref-type="fig" rid="F3">3</xref>K primarily followed the overlap path. In this case, the vertical border (A&#x02013;B) allowed the first completion, which just so happened to follow the overlap through the blockage. Through analysis of these stimuli at least, overlap has little effect on reading strategy, which relies more on the preference rules and Assemblage. This is surprising since it contrasts the logical associations that would be made through both the Z-path and the Gestalt principles of proximity.</p>
<fig id="F10" position="float">
<label>Figure 10</label>
<caption><p><bold>Tree structures for overlapping examples</bold>.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g010.tif"/>
</fig>
<p>The left branching aspect of Figure <xref ref-type="fig" rid="F3">3</xref>F highlights an important aspect to the ECS system: recursion. Any horizontal structure can embed a vertical structure, and vice-versa, which means that embedding can go on infinitely (theoretically speaking). Note also that a node of one type cannot embed a node of the same type.</p>
<p>These rules guide the entire embedding process for ECS, with a few exceptions like inset panels. They are emblematic, in that for a 2D space, the grouping rules concatenate elements along <italic>X</italic> and <italic>Y</italic> dimensions. These grouping rules are also idealizations, in that not all constituents cleanly group rectangular panels. Truly, the same rules would apply to panels diagonally arranged or with angled gutters for the overarching grouping patterns, further constrained by the ECSPR.</p>
</sec>
<sec>
<title>Descriptive tree structures</title>
<p>The tree structure approach to ECS can also offer a way to describe the structure of full comic pages. In this case, these &#x0201C;descriptive&#x0201D; trees would articulate the underlying structure used by an author to create particular comic pages, and presumably decoded by a reader in their navigation. As a descriptive tool, this approach has several benefits. For example, this notation can be used in conjunction with the trees created by narrative structures (e.g., Cohn, <xref ref-type="bibr" rid="B8">2013</xref>) to show the interfacing between a sequence&#x02019;s content and its layout. Such descriptions could also benefit efforts to characterize the differences between page layouts within and between comics, providing a quantitative method to assess the structures of ECS cross-culturally through corpus analyses (which has yet to be undertaken).</p>
<p>For full pages, a topmost node of &#x0201C;Canvas&#x0201D; can be added to the overall trees &#x02013; taken here to mean the maximal space that the ECS covers. This could be a single page, a two page spread, or the overall space of a website, wall, piece of pottery, etc. A few example pages from various comics can illustrate this formalism. Figure <xref ref-type="fig" rid="F11">11</xref> excellently demonstrates recursive embedding in a comic page layout from the comic <italic>Scott Pilgrim</italic> vs. <italic>The World</italic>, since each panel is successively embedded within either a horizontal or vertical node. This technique results in a layout where each panel gets progressively smaller, coinciding with the narrative of one character fading into the distance riding on a bus. In effect, the recursive structure of the layout facilitates the sense that the character recedes into the distance away from the reader.</p>
<fig id="F11" position="float">
<label>Figure 11</label>
<caption><p><bold>Page from <italic>Scott Pilgrim vs. The World</italic> with recursive embedding</bold>. <italic>Scott Pilgrim vs. The World</italic> is &#x000A9; 2005 Bryan Lee O&#x02019;Malley.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g011.tif"/>
</fig>
<p>Other good examples come from Mike Mignola&#x02019;s <italic>B.P.R.D</italic>., as in Figure <xref ref-type="fig" rid="F12">12</xref>A. This canvas is divided into three horizontal streams connected through an overarching vertical node. Blockage splits the second horizontal node into two more horizontal sub-streams (345, 678) before reaching panel 9. Note that as long as panel 8 immediately precedes panel 9, the content of the panels within these subordinate rows could be read as vertical columns (with the broader row encapsulating three vertical nodes). However, based on the rules of Assemblage, they would be read horizontally, since no guiding force like the length of panel 9 dictates a vertical order. Essentially, the rows belonging to panels 5 and 8 engage in the blockage condition additively for their respective rows, since they form that interaction with panel 9.</p>
<fig id="F12" position="float">
<label>Figure 12</label>
<caption><p><bold>Pages from Mike Mignola&#x02019;s <italic>B.P.R.D</italic>. with (A) blockage and (B) an inset panel</bold>. &#x000A9; 2003 Mike Mignola.</p></caption>
<graphic xlink:href="fpsyg-04-00186-g012.tif"/>
</fig>
<p>Figure <xref ref-type="fig" rid="F12">12</xref>B illustrates the next page of the same book. This page is relatively simpler, with only four panels. The whole page divides into two sections bound through an overarching vertical node. The bottom segment is a horizontal row, though the top half features an inset panel enclosed within another. In tree form, the dominant panel embeds the enclosed panels inside it. Note that the enclosed node could feature multiple panels within it, and also include another &#x0201C;enclosed&#x0201D; node for an inset within an inset (indefinitely, since this too becomes recursive).</p>
</sec>
<sec>
<title>Conclusion</title>
<p>This study examined participants&#x02019; intuitions for navigating through the panels of comic pages. We found that navigation of comic pages follows strategies that extend beyond the Z-path used to read written text and common Gestalt groupings like proximity. &#x0201C;Assemblage&#x0201D; constraints and preference rules comprise a system for navigating an ECS, that work toward the building of hierarchic constituent structures. There are several avenues of research that can follow this work.</p>
<p>First, as discussed, future studies can further investigate the precise balancing of probabilistic weights that go into preference rules and Assemblage constraints. This approach has provided an initial sketch for a previously unaddressed question, and has introduced both basic notions about the structure of page layouts (blockage, staggering, separation, etc.) and principles for how they are navigated (Assemblage, preference rules, constituent structure). Future work can clarify, enhance, or revise the principles of this model with more precise manipulation of these basic structural constructs.</p>
<p>Second, while this structure is separate from meaning &#x02013; evident since consistent results emerged even with empty panels &#x02013; this does not mean that ECS and narrative in panels cannot or do not interact. Having shown that readers <italic>do</italic> have a system for navigating layouts outside content, it is an open question as to what happens when the content defies these principles. Do readers face difficulties when layout and narrative mismatch? Does the content override the ECSs? Does this create costs in processing? There should be little doubt that the content of panels and a sequence can further constrain the navigation of readers through a layout, yet the precise manner by which this is done remains an open question. In all likelihood, an additional set of constraints must weigh factors like color, panel composition, character&#x02019;s positioning and eye-gaze, and breaking the borders of panels. Experiments using panels with ambiguous narrative content that allows for more than one felicitous reading order could likely manipulate such traits in clever ways.</p>
<p>Finally, these results allow for future research to connect with work that has been done on the navigation of other media and writing systems. Do comic readers &#x02013; who have preferences for explicit types of reading orders &#x02013; engage with newspapers and websites using different strategies than the general scanning found in previous studies? How do the ECSPR interact with more general rules of scanning and engagement used in other media? Does the varied reading order created by reading comics change the biases created by the direction of writing systems with regard to depicting temporal relationships (Chan and Bergen, <xref ref-type="bibr" rid="B6">2005</xref>; Tversky et al., <xref ref-type="bibr" rid="B30">1991</xref>), assigning semantic agency to objects (Dobel et al., <xref ref-type="bibr" rid="B10">2007</xref>; Maass and Russo, <xref ref-type="bibr" rid="B21">2003</xref>), and other perceptual tasks? This research can open the door to further research connecting the navigation of media across several domains.</p>
</sec>
</sec>
<sec>
<title>Conflict of Interest Statement</title>
<p>The authors declare that the research was conducted in the absence of any commercial or financial relationships that could be construed as a potential conflict of interest.</p>
</sec>
</body>
<back>
<ack>
<p>Leigh Cohn, Chris Vrabel, and Jared Coates are thanked for assisting in data collection and Martin Paczynski, Reyyan Bilge, and Tali Ditman for help in analysis. Earlier drafts benefited from comments by Ray Jackendoff and Holly Taylor. Marvel Comics, Dark Horse Comics, and Oni Press are thanked for their generous donation of comics featured in the analyses.</p>
</ack>
<sec>
<title>Graphic References</title>
<p>All images are created and copyright &#x000A9; 2013 Neil Cohn, except those cited throughout the text. Cited images are copyright their respective owners and used purely for analytical, critical and scholarly purposes.</p>
<p>Mignola, M., and Sook, R. (2003). <italic>Mike Mignola&#x02019;s B.P.R.D.: Hollow Earth and Other Stories</italic>. Milwaukie, OR: Dark Horse Comics.</p>
<p>O&#x02019;Malley, B. L. (2005). <italic>Scott Pilgrim vs. The World</italic>. Portland, OR: Oni Press.</p>
<p>Steranko, J. (2002). <italic>Marvel Visionaries: Steranko</italic>. New York, NY: Marvel Comics.</p>
</sec>
<ref-list>
<title>References</title>
<ref id="B1"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Abel</surname> <given-names>J.</given-names></name> <name><surname>Madden</surname> <given-names>M.</given-names></name></person-group> (<year>2008</year>). <source>Drawing Words and Writing Pictures</source>. <publisher-loc>New York, NY</publisher-loc>: <publisher-name>First Second Books</publisher-name>.</citation></ref>
<ref id="B2"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Arnheim</surname> <given-names>R.</given-names></name></person-group> (<year>1974</year>). <source>Art and Visual Perception: A Psychology of the Creative Eye</source>. <publisher-loc>Berkeley</publisher-loc>: <publisher-name>University of California Press</publisher-name>.</citation></ref>
<ref id="B3"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Barber</surname> <given-names>J.</given-names></name></person-group> (<year>2002</year>). <source>The Phenomenon of Multiple Dialectics in Comics Layout</source>. <publisher-name>Masters thesis, London College of Printing</publisher-name>, <publisher-loc>London</publisher-loc>.</citation></ref>
<ref id="B4"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Bongco</surname> <given-names>M.</given-names></name></person-group> (<year>2000</year>). <source>Reading Comics: Language, Culture, and the Concept of the Superhero in Comic Books</source>. <publisher-loc>New York, NY</publisher-loc>: <publisher-name>Garland Publishing Inc</publisher-name>.</citation></ref>
<ref id="B5"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Caldwell</surname> <given-names>J.</given-names></name></person-group> (<year>2012</year>). <article-title>Comic panel layout: a Peircean analysis</article-title>. <source>Stud. Comics</source> <volume>2</volume>, <fpage>317</fpage>&#x02013;<lpage>338</lpage>.<pub-id pub-id-type="doi">10.1386/stic.2.2.317_1</pub-id></citation></ref>
<ref id="B6"><citation citation-type="confproc"><person-group person-group-type="author"><name><surname>Chan</surname> <given-names>T. T.</given-names></name> <name><surname>Bergen</surname> <given-names>B.</given-names></name></person-group> (<year>2005</year>). <article-title>&#x0201C;Writing direction influences spatial cognition,&#x0201D;</article-title> in <conf-name>Proceedings of the Twenty-Seventh Annual Conference of Cognitive Science Society</conf-name>, <conf-loc>Stresa</conf-loc>, <fpage>412</fpage>&#x02013;<lpage>417</lpage>.</citation></ref>
<ref id="B7"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Cohn</surname> <given-names>N.</given-names></name></person-group> (<year>2003</year>). <source>Early Writings on Visual Language</source>. <publisher-loc>Carlsbad, CA</publisher-loc>: <publisher-name>Emaki Productions</publisher-name>.</citation></ref>
<ref id="B8"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Cohn</surname> <given-names>N.</given-names></name></person-group> (<year>2013</year>). <article-title>Visual narrative structure</article-title>. <source>Cogn. Sci.</source> <volume>37</volume>, <fpage>1</fpage>&#x02013;<lpage>40</lpage>.<pub-id pub-id-type="doi">10.1111/cogs.12010</pub-id><pub-id pub-id-type="pmid">23136815</pub-id></citation></ref>
<ref id="B9"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Cohn</surname> <given-names>N.</given-names></name> <name><surname>Paczynski</surname> <given-names>M.</given-names></name> <name><surname>Jackendoff</surname> <given-names>R.</given-names></name> <name><surname>Holcomb</surname> <given-names>P. J.</given-names></name> <name><surname>Kuperberg</surname> <given-names>G. R.</given-names></name></person-group> (<year>2012</year>). <article-title>(Pea)nuts and bolts of visual narrative: structure and meaning in sequential image comprehension</article-title>. <source>Cogn. Psychol.</source> <volume>65</volume>, <fpage>1</fpage>&#x02013;<lpage>38</lpage>.<pub-id pub-id-type="doi">10.1016/j.cogpsych.2012.01.003</pub-id><pub-id pub-id-type="pmid">22387723</pub-id></citation></ref>
<ref id="B10"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Dobel</surname> <given-names>C.</given-names></name> <name><surname>Diesendruck</surname> <given-names>G.</given-names></name> <name><surname>B&#x000F6;lte</surname> <given-names>J.</given-names></name></person-group> (<year>2007</year>). <article-title>How writing system and age influence spatial representations of actions</article-title>. <source>Psychol. Sci.</source> <volume>18</volume>, <fpage>487</fpage>&#x02013;<lpage>491</lpage>.<pub-id pub-id-type="doi">10.1111/j.1467-9280.2007.01926.x</pub-id><pub-id pub-id-type="pmid">17576259</pub-id></citation></ref>
<ref id="B11"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Drucker</surname> <given-names>J.</given-names></name></person-group> (<year>2008</year>). <article-title>Graphic devices: narration and navigation</article-title>. <source>Narrative</source> <volume>16</volume>, <fpage>121</fpage>&#x02013;<lpage>139</lpage>.</citation></ref>
<ref id="B12"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Duncan</surname> <given-names>R.</given-names></name></person-group> (<year>2000</year>). <article-title>&#x0201C;Toward a theory of comic book communication,&#x0201D;</article-title> in <source>Academic Forum</source>, Vol. <volume>17</volume>, eds <person-group person-group-type="editor"><name><surname>Fudge</surname> <given-names>K.</given-names></name> <name><surname>Lloyd</surname> <given-names>M. R.</given-names></name></person-group> (<publisher-loc>Arkadelphia</publisher-loc>: <publisher-name>Henderson State University</publisher-name>), <fpage>71</fpage>&#x02013;<lpage>88</lpage>.</citation></ref>
<ref id="B13"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Garcia</surname> <given-names>M. R.</given-names></name> <name><surname>Stark</surname> <given-names>M. M.</given-names></name> <name><surname>Miller</surname> <given-names>E.</given-names></name></person-group> (<year>1991</year>). <source>Eyes on the News</source>. <publisher-loc>St. Petersburg</publisher-loc>: <publisher-name>Poynter Institute for Media Studies</publisher-name>.</citation></ref>
<ref id="B14"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Groensteen</surname> <given-names>T.</given-names></name></person-group> (<year>2007</year>). <source>The System of Comics</source>, trans. <person-group person-group-type="translator"><name><surname>Beaty</surname> <given-names>B.</given-names></name> <name><surname>Nguyen</surname> <given-names>N.</given-names></name></person-group> <publisher-loc>Jackson</publisher-loc>: <publisher-name>University of Mississippi Press</publisher-name>.</citation></ref>
<ref id="B15"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Holmqvist</surname> <given-names>K.</given-names></name> <name><surname>Wartenberg</surname> <given-names>C.</given-names></name></person-group> (<year>2005</year>). <article-title>The role of local design factors for newspaper reading behaviour &#x02013; an eye tracking perspective</article-title>. <source>Lund Univ. Cogn. Stud.</source> <volume>127</volume>, <fpage>1</fpage>&#x02013;<lpage>21</lpage>.</citation></ref>
<ref id="B16"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Holsanova</surname> <given-names>J.</given-names></name> <name><surname>Rahm</surname> <given-names>H.</given-names></name> <name><surname>Holmqvist</surname> <given-names>K.</given-names></name></person-group> (<year>2006</year>). <article-title>Entry points and reading paths on newspaper spreads: comparing a semiotic analysis with eye-tracking measurements</article-title>. <source>Vis. Commun.</source> <volume>5</volume>, <fpage>65</fpage>&#x02013;<lpage>93</lpage>.<pub-id pub-id-type="doi">10.1177/1470357206061005</pub-id></citation></ref>
<ref id="B17"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Homqvist</surname> <given-names>K.</given-names></name> <name><surname>Holsanova</surname> <given-names>J.</given-names></name> <name><surname>Barthelson</surname> <given-names>M.</given-names></name> <name><surname>Lundqvist</surname> <given-names>D.</given-names></name></person-group> (<year>2003</year>). <article-title>&#x0201C;Reading or scanning? A study of newspaper and net paper reading,&#x0201D;</article-title> in <source>The Mind&#x02019;s Eye: Cognitive and Applied Aspects of Eye Movement Research</source>, eds <person-group person-group-type="editor"><name><surname>Hy&#x000F6;n&#x000E4;</surname> <given-names>J.</given-names></name> <name><surname>Radach</surname> <given-names>R.</given-names></name> <name><surname>Deubel</surname> <given-names>H.</given-names></name></person-group> (<publisher-loc>Amsterdam</publisher-loc>: <publisher-name>Elsevier</publisher-name>), <fpage>657</fpage>&#x02013;<lpage>670</lpage>.</citation></ref>
<ref id="B18"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Jackendoff</surname> <given-names>R.</given-names></name></person-group> (<year>1983</year>). <source>Semantics and Cognition</source>. <publisher-loc>Cambridge, MA</publisher-loc>: <publisher-name>MIT Press</publisher-name>.</citation></ref>
<ref id="B19"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Kress</surname> <given-names>G.</given-names></name> <name><surname>van Leeuwen</surname> <given-names>T.</given-names></name></person-group> (<year>1996</year>). <source>Reading Images: The Grammar of Visual Design</source>. <publisher-loc>London</publisher-loc>: <publisher-name>Routledge</publisher-name>.</citation></ref>
<ref id="B20"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Lerdahl</surname> <given-names>F.</given-names></name> <name><surname>Jackendoff</surname> <given-names>R.</given-names></name></person-group> (<year>1982</year>). <source>A Generative Theory of Tonal Music</source>. <publisher-loc>Cambridge, MA</publisher-loc>: <publisher-name>MIT Press</publisher-name>.</citation></ref>
<ref id="B21"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Maass</surname> <given-names>A.</given-names></name> <name><surname>Russo</surname> <given-names>A.</given-names></name></person-group> (<year>2003</year>). <article-title>Directional bias in the mental representation of spatial events</article-title>. <source>Psychol. Sci.</source> <volume>14</volume>, <fpage>296</fpage>&#x02013;<lpage>301</lpage>.<pub-id pub-id-type="doi">10.1111/1467-9280.14421</pub-id><pub-id pub-id-type="pmid">12807400</pub-id></citation></ref>
<ref id="B22"><citation citation-type="book"><person-group person-group-type="author"><name><surname>McCloud</surname> <given-names>S.</given-names></name></person-group> (<year>1993</year>). <source>Understanding Comics: The Invisible Art</source>. <publisher-loc>New York, NY</publisher-loc>: <publisher-name>Harper Collins</publisher-name>.</citation></ref>
<ref id="B23"><citation citation-type="book"><person-group person-group-type="author"><name><surname>McCloud</surname> <given-names>S.</given-names></name></person-group> (<year>2000</year>). <source>Reinventing Comics</source>. <publisher-loc>New York, NY</publisher-loc>: <publisher-name>Paradox Press</publisher-name>.</citation></ref>
<ref id="B24"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Nakazawa</surname> <given-names>J.</given-names></name></person-group> (<year>2002</year>). <article-title>Analysis of manga (comic) reading processes: manga literacy and eye movement during Manga reading</article-title>. <source>Manga Stud.</source> <volume>5</volume>, <fpage>39</fpage>&#x02013;<lpage>49</lpage>.</citation></ref>
<ref id="B25"><citation citation-type="confproc"><person-group person-group-type="author"><name><surname>Omori</surname> <given-names>T.</given-names></name> <name><surname>Ishii</surname> <given-names>T.</given-names></name> <name><surname>Kurata</surname> <given-names>K.</given-names></name></person-group> (<year>2004</year>). <article-title>Eye catchers in comics: Controlling eye movements in reading pictorial and textual media</article-title>. <conf-name>Paper presented at the 28th International Congress of Psychology</conf-name>, <conf-loc>Beijing</conf-loc>. Available at: <uri xlink:href="http://www.cirm.keio.ac.jp/media/contents/2004ohmori.pdf">http://www.cirm.keio.ac.jp/media/contents/2004ohmori.pdf</uri></citation></ref>
<ref id="B26"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Padakannaya</surname> <given-names>P.</given-names></name> <name><surname>Devi</surname> <given-names>M. L.</given-names></name> <name><surname>Zaveria</surname> <given-names>B.</given-names></name> <name><surname>Chengappa</surname> <given-names>S. K.</given-names></name> <name><surname>Vaid</surname> <given-names>J.</given-names></name></person-group> (<year>2002</year>). <source>Directional Scanning Effect and Strength of Reading Habit in Picture Naming and Recall</source>. <publisher-loc>Amsterdam</publisher-loc>: <publisher-name>Elsevier</publisher-name>.</citation></ref>
<ref id="B27"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Peeters</surname> <given-names>B.</given-names></name></person-group> (1991/1998). <source>Case, Planche, et R&#x000E9;cit: Lire la Bande Dessin&#x000E9;e</source>. <publisher-loc>Paris</publisher-loc>: <publisher-name>Casterman</publisher-name>.</citation></ref>
<ref id="B28"><citation citation-type="book"><person-group person-group-type="author"><name><surname>Saraceni</surname> <given-names>M.</given-names></name></person-group> (<year>2001</year>). <article-title>&#x0201C;Relatedness: aspects of textual connectivity in comics,&#x0201D;</article-title> in <source>The Graphic Novel</source>, ed. <person-group person-group-type="editor"><name><surname>Baetens</surname> <given-names>J.</given-names></name></person-group> (<publisher-loc>Leuven</publisher-loc>: <publisher-name>Leuven University Press</publisher-name>), <fpage>167</fpage>&#x02013;<lpage>179</lpage>.</citation></ref>
<ref id="B29"><citation citation-type="confproc"><person-group person-group-type="author"><name><surname>Tanaka</surname> <given-names>T.</given-names></name> <name><surname>Shoji</surname> <given-names>K.</given-names></name> <name><surname>Toyama</surname> <given-names>F.</given-names></name> <name><surname>Miyamichi</surname> <given-names>J.</given-names></name></person-group> (<year>2007</year>). <article-title>Layout analysis of tree-structured scene frames in comic images</article-title>. <conf-name>Paper Presented at the International Joint Conference on Artificial Intelligence</conf-name>, <conf-loc>Hyderabad</conf-loc>.</citation></ref>
<ref id="B30"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Tversky</surname> <given-names>B.</given-names></name> <name><surname>Kugelmass</surname> <given-names>S.</given-names></name> <name><surname>Winter</surname> <given-names>A.</given-names></name></person-group> (<year>1991</year>). <article-title>Cross-cultural and developmental trends in graphic productions</article-title>. <source>Cogn. Psychol.</source> <volume>23</volume>, <fpage>515</fpage>&#x02013;<lpage>557</lpage>.<pub-id pub-id-type="doi">10.1016/0010-0285(91)90005-9</pub-id></citation></ref>
<ref id="B31"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Vaid</surname> <given-names>J.</given-names></name> <name><surname>Singh</surname> <given-names>M.</given-names></name> <name><surname>Sakhuja</surname> <given-names>T.</given-names></name> <name><surname>Gupta</surname> <given-names>G. C.</given-names></name></person-group> (<year>2002</year>). <article-title>Stroke direction asymmetry in figure drawing: influence of handedness and reading/writing habits</article-title>. <source>Brain Cogn.</source> <volume>48</volume>, <fpage>597</fpage>&#x02013;<lpage>602</lpage>.<pub-id pub-id-type="pmid">12030514</pub-id></citation></ref>
<ref id="B32"><citation citation-type="journal"><person-group person-group-type="author"><name><surname>Wertheimer</surname> <given-names>M.</given-names></name></person-group> (<year>1923</year>). <article-title>Untersuchungen zur Lehre von der Gestalt (laws of organization in perceptual forms)</article-title>. <source>Psychol. Forsch.</source> <volume>4</volume>, <fpage>301</fpage>&#x02013;<lpage>350</lpage>.<pub-id pub-id-type="doi">10.1007/BF00410640</pub-id></citation></ref>
</ref-list>
</back>
</article>