Monday, November 9, 2009

Designing for Online vs. Print

Examples of same sources in different genre.

Example 1: National Geographic

Print Media

(sources:http://images.google.com.my)

VS

Online Media

(sources: http://www.nationalgeographic.com)

The two images of National Geographic above showing the difference between designing for printed and online media. It was taken from the same source but published in different genre. Nielson (1999) stressed that it is necessary to take different design approaches to utilize the strengths of each medium and minimize its weaknesses.

Print Design
In order to create a good printed document, designers should focus on the layout, to attract the readers from flipping through the pages. As Kress and van Leuween says multimodal text means a text which contains words and images which integrate in bringing up the meaning of the document. Printed materials are a form of multimodal text document which meant to be read and carried so the designers have to create a handy document with an appealing layout, whereas for online material readers are suppose to go form link to link. (Toor, 1998, p. 163).

Web Design
Web design is simultaneously 1-dimensional and N-dimensional as a web page is fundamentally a scrolling experience compare to print. Readers should be able to move around the web and feel good while visiting a website. This is agreed by Maureen Walsh (2006) that a reader should be able to choose different pathways depending on their interest. Apart from that, Nielson (2006) assert that internet users tend to scan through website in F-shaped reading pattern rather than reading through. Hence, the content in web should be more concise compare to print.
Example: Heatmaps from user eyetracking studies of three website

(sources: Nielson 2006)

References:
Education.Toor, M L, 1998, Graphic Design on the Desktop: A Guide For the Non-designer, 2nd edn, John Wiley & Sons., Canada.

Kress, G & van Leeuwen, T 1998, ‘chapter 6: The meaning of composition in Front Pages: Analysis of newspaper layout’.

Nielsen, J 1999, Print vs. web design, online, viewed 10 November 2009, <http://www.useit.com/alertbox/990124.html>

Nielsen, J, 2006, F-Shaped Pattern For Reading Web Content, online, viewed 10 November 2009,
<http://www.useit.com/alertbox/reading_pattern.html>

Walsh, M 2006, 'The 'textual shift': Examining the reading process with print, visual and multimodal texts', Australian Journal of Language and Literacy, vol.29, No.1, pp.24-37.

No comments:

Post a Comment