Including Imagery and Format Development

Blue highlight = essay research influence

Thinking about how to include imagery into the publication:

Remember from research: Muller-Brockmann (2019), suggests the fewer the differences in size between images the quieter the impression. Muller-Brockmann adds ‘if the text and pictures are arranged systematically, the priorities stand out more clearly' 

- Make sure images fit well within the grid, not stand out too much, how would this work with image index idea or within the text?

Had the idea of having an image index, where the images for each chapter are collated into one so the layout can be consistent. 

- Don't think this is going to be best for assisting retention, from primary research tests yesterday people felt the images helped when they had access to the photo, it helped them understand the text better as well as noticed if they'd interpreted anything incorrectly. 
- Works differently to existing publications but that could be for a reason, having images with text helps learning.

Here the layout was changed, incorporating columns for the chapters that aren't continuous on the page. 

- This allows for the images to sit within the text but not disrupt the reading flow, works more like existing book but with the multiple columns to allow more relevant text on the page.

- The rule numbers had to be rearranged to allow the images to sit within the design without becoming a distraction.

- Need to ask peers about the navigation of this text. Is it clear enough, do you understand where to follow or is column design easier to understand?

- The columns within columns can be confusing (see image below)

Here the navigation is less intuitive, the yellow lines show where the eye should go from point to point. However this isn't the natural progression the eye makes.

As there are columns within columns sometimes the eye may make different path (see image below):

Here the pink is how my eyes wanted to move across the page after I took a break from work and came back to the document. And this I think is due to the column within a column dynamic that's made (see below):  

The pink are two columns within the green overall columns.

The blue sections are the columns within the overall orange column.

-The visual navigational language isn't very clear within this design when there's more than one chapter on the same page.

- Separating the chapters to be on different pages may help reduce this.

• The issue with this format is the lack of white space, the hierarchy isn't clear enough to guide the reader through the page correctly. 
  - Think about research:
  > 'Use white, or negative, space to create emphasis and draw attention to important elements. Resist the temptation to fill up every bit of space on a page, which can create too much “visual noise” that can confuse or fatigue the viewer' - Typographic Hierarchy, n.d. [online] Available at: <https://www.fonts.com/content/learning/fyti/typographic-tips/typographic-hierarchy> [Accessed 10 November 2020].

Reconfiguring book format to have different chapters on each page:

The format makes it much easier to understand where the audience's attention should be.

- It allows for the eye to find correct chapter and subheading as the subtitle and title are in the same place on each page, not halfway done one page and then at the top on another.

- Visual consistency to assist navigation, aid retention. 

- This layout also allows imagery to be included within the text, to further the audience's cognition when reading content they haven't read before (see below)

Imagery included within text

- Again rule numbering changed to fit in layout, but the text still flows and nothing becomes confusing as a result.
Think back to Guo et al research when adding imagery, want the text to be with the images provide a strong 'concrete' understanding. 

Grid System:
- Wanting spacing to be consistent.
- Columns provide structure for body text and images to sit in
- Providing continuity across pages, reader won't be spending extraneous cognitive processing on the layout and will be able to spend more energy on understanding the content (Mestre, L. (2012) 'Pedagogical Considerations for Tutorials' in Mestre, L. (2016) Designing Effective Library Tutorials. Elsevier Science. pp. 141-169)

^ Added in circle navigation dots. 
Thinking about colours to use, want to be eye catching and vibrant to assist navigation (perhaps primary colours would be a good place to start?
- If add in more chapters adjustments could be made, but main thing is to be bright. 

WHAT TO THINK ABOUT NEXT?

• Typography, what type to use?
  - Think about 'desirable difficulty' and Sans Forgetica theory, shall any text be made bold or in complicated typeface.
• Hierarchy - when laws are mentioned should these go to an index in the back, making all the content more accessible? Or should there be end section that summarises the laws at the end of each chapter? 
• Contents page - having a contents page that clearly displays the structure of the book.
  - Think back to lucienne roberts book.
  
• Navigational tools - having a production method that allows the audience to flick and navigate the document to pop in and out of relevant information.