Design: Difference between revisions

From LitWiki
Line 75: Line 75:


*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. (2006). [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Revision as of 10:58, 14 November 2012

Design is an important aspect to remember when writing for the screen. In digital writing, design pertains to the look of the website and arrangement of the text, graphics, and other objects that make up the site. The design of a site or webpage is what will likely cause viewers to return to the site and continue reading it, so the overall appearance must be appealing and entertaining.

There are three main components to understanding and implementing design: consistency, usability, and navigability.

Consistency

Web content must be consistent in both content and appearance. For example, if the website has a logo, make sure that it appears on all pages. The text on each page must also be consistent. This is best achieved through the use of a web style guide[1].

  • The repetition of elements gives a site a consistent identity[2].
    • Colors.
    • Graphics.
    • Headlines.
    • Typography.
    • Section divisions.
    • Text placement.
  • Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site[5][1].

Usability

When viewers arrive at each website, and pages within that site, the users will have to relearn how to use the site if the design and elements are different on every page. This is why having a constant design and easy navigation are necessary[6].

  • Keep text scan-able[7].
    • Highlight key words.
    • Use links.
    • Vary typeface.
    • Use colors.
    • Include subheadings.
    • Make bulleted lists.
    • Use paragraphs with one idea.
    • Practice brevity.
  • Keep it simple and user-friendly. Break pages into clearly defined areas and minimize distractions[8].
  • Include a visual hierarchy for information and navigation on each page[9].
  • Fifty to eighty percent of the page should be reserved for content[10].

Navigability

Navigability is provided by tool bars, blog rolls, links, and navigation bars on the web site. Navigation is important so that users will not be lost on the web page, figuratively and literally.

  • Include easy-to-use navigation tools. A navigation bar is best utilized on the top of the website[11][6].
  • Each web page must be able to stand alone[12]. Make sure that users know where they are in the site.
  • Insert anchors (internal hyperlinks that lead to another page of the same site) for internal page navigation[13].
  • Include consistent navigational aids. Each page needs to have easy access back to the main page[14].
  • Twenty percent of the internal web pages should be reserved for navigation[15]. Shortcuts to the main page should be included on every page.
  • The home page requires more navigational space[16] and has many purposes.
    • Establishes the site’s identity and mission.
    • Shows the site's hierarchy.
    • Shows where to start.
    • Provides shortcuts to the most desired pages and sections.
    • Avoids clutter.
    • Conveys the big picture.

See Also

Notes

  1. 1.0 1.1 Lynch and Horton
  2. Carroll, 62
  3. Carroll, 28
  4. Carroll, 79
  5. Carroll, 97, 111
  6. 6.0 6.1 Horton
  7. Carroll, 32
  8. Carroll, 28, 69
  9. Carroll, 123
  10. Carroll, 67
  11. Carroll, 35
  12. Carroll, 57-58
  13. Carroll, 48
  14. Carroll, 60
  15. Carroll, 67
  16. Carroll, 70

References