You may be wondering why a self proclaimed blog based on publication design has successfully talked about blogs for three whole posts straight. Well, the idea is that, know your medium, know your tools in those mediums, and you shall be able to create wonderful affects with them. That said, it is time to look at the differences between print and online media. We’ll start with what constitutes good design.
For print design, Walsh (2006 p. 24) states that the reader decodes the message found within a printed document. This means that the context, the style, the tone, the format of the message contained within a printed document are all understood by a reader. If the reader is familiar with the context of the printed document well enough to decode it, then the message can be understood and meaning can be made out of it (Walsh 2006 p. 28). Any text on a printed document must be coherently placed, with proper use of framing, colour scheme, textual mood, one could use print media to effectively bring its intended message to the audience clearly (Walsh 2006 p. 34).
I would like to highlight one sterling example of this, seen in an Absolut ad. Absolut is known for making ads using their bottle shape as a constant presence in all of their print ads. This one I would like to point out is no different, as it is one they did based on the Bangkok lifestyle. They used the boats to frame the shape of the ever popular Absolut bottle, and at the bottom it says Absolut Bangkok. Pretty self explanatory, and everything in the design reflects this.
Moving on to web design, Nielsen (1997) said that people do not read websites, they scan them, seeing single words or sentences. This is because reading things on a computer screen is tiring, web browsing is a fast moving activity where stopping to read could be seen as detrimental, there are so many other web pages to see, and of course, time is a factor where not everyone has the luxury to surf. Due to those factors, online pages have to be designed with scanning in mind, perhaps utilising and employing techniques such as highlighted keywords, relevant headings, bulleted lists, an idea per paragraphs, beginning with the most important idea first and a much lower word count compared to writing on print. These would help contribute to a user’s understanding of a web page when they scan it, though good design does not stop there.
Since web pages are in abundance with little tells as to its authenticity, credibility is an issue and to get that credibility a website needs to establish trust towards its audience. Nielsen (1999) states that design quality, up-front disclosure of information, a lack of server downtime, and outgoing hyperlinks all contribute to a site’s trustworthiness.
Let me illustrate this. I love getting my hands on free MP3s, and I am a gamer. Therefore, I frequent two game music remixing sites, Overclocked Remix and VGMix. Overclocked Remix is a professionally designed website, with music indexed by composer, remixer, remix name, game name, and more. It also features a latest remixes column on the right side of the page, some of the latest forum posts on the front, their latest communal remixing project, all that on just their homepage. Also, their server is hardly ever (practically never) down.

Overclocked Remix homepage (Source: Overclocked Remix)
VGMix on the other hand, has been…less than stellar the past couple of years. Bogged down with an unintuitive interface a few years back, they took time to reconstruct the site from the ground up and replaced it with very simplistic forums in the meantime while they worked on recoding the whole site. The managed to gain create a much better, faster and intuitive site at the end of their endeavour, roughly a whole year later than their projected and promised date. While the interface is much better now, it still lacks many of the features of Overclocked Remix, such as a latest remixes column for instance. This bogs down usability and frankly, having to wait a few years for a proper upgrade from a below average site layout to a more workable but still flawed site design for its purposes hardly helps matters. Thus, I am a regular visitor of Overclocked Remix and only a rare, sporadic visitor of VGMix. It is much easier to find what I want in Overclocked Remix, and to me, ease of use is an exceedingly important factor in any online document, and VGMix could well do with some improvements.

VGMix homepage (Source: VGMix)
Now, assuming something was published both on print and online with identical content, which would be better?
Spyridakis, Schultz, Bartell (2005) have found that as far as reading comprehension goes, understanding printed text is easier than understanding online text, regardless of text design. They surmised that it could be that since online reading comprehension is in its infancy as opposed to printed text comprehension, the user’s familiarity with the medium may be a contributing factor, as well as other factors outlined by Nielsen earlier. Regardless of cause, this brings up the issue where at this stage in time, putting up lots of information or text online may not be a very good idea, as user understanding for heavy texts is easier when it is printed. Perhaps this is one of the reasons why e-books have not really taken off that well and that bookstores like MPH and Popular still thrive on selling actual books with paper in them. Compare this to the music industry, which is currently experiencing a shift in power from hard copy CDs to online MP3 purchases from sites such as the iTunes Music Store and Audiogalaxy. Thus, the amount of text is an important consideration, especially if you were to design it for the web.
Here is the tl;dr version (or too long, didn’t read for those not used to that acronym):
- Good design for print involves great use of all design elements to bring a message to the reader
- Good design for web involves building ease of use and credibility and trust to the user
- Printed text is easier to comprehend and is more suited for longer text
- Online text is better for quick and easy information across a variety of sources.
And that’s that.
References
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
Nielsen, J 1997, How users read on the web, useit.com, viewed 2 May 2008, <http://www.useit.com/alertbox/9710a.html>
Nielsen, J 1999, Trust or bust: Communicating trustworthiness in web design, useit.com, viewed 2 May 2008, <http://www.useit.com/alertbox/990307.html>
Spyridakis, JH, Schultz, LD, Bartell, AL 2005, Heading frequency and comprehension: Studies of print versus online media, viewed 1 May 2008, <http://tc.eserver.org/out/29651/http://www.stc.org/ConfProceed/2005/PDFs/0032.pdf>