83
edits
Design: Difference between revisions
m
→Navigability: editing
m (→Navigability: editing) |
|||
| (2 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
[[Web_Based_Digital_Media_for_College_Writing_Students|Home Page]] | |||
[[File:Website_design-300x300.jpg|frame|alt=Web Design|Examples of webpage design.]] | [[File:Website_design-300x300.jpg|frame|alt=Web Design|Examples of webpage design.]] | ||
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. Proper web design is the balance of visual sensation and graphic information<ref>Lynch and Horton "Page Design"</ref>. | 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. Proper web design is the balance of visual sensation and graphic information<ref>Lynch and Horton "Page Design"</ref>. | ||
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, functional and entertaining. However, having bad web design will drive users away. Viewers will not stay on a web page that is visually confusing or assaulting with either too many graphics or too much text. This is why design is such an important factor of web writing. | 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, functional, and entertaining. However, having bad web design will drive users away. Viewers will not stay on a web page that is visually confusing or assaulting with either too many graphics or too much text. This is why design is such an important factor of web writing. | ||
There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|navigability]]. | There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|navigability]]. | ||
| Line 26: | Line 28: | ||
==Usability== | ==Usability== | ||
[[File:Highlight-link-text.jpg|thumb|alt=Hyperlinks|Example of links in text.]] | [[File:Highlight-link-text.jpg|thumb|alt=Hyperlinks|Example of links in text.]] | ||
When viewers arrive at each website, and pages within that site, | When viewers arrive at each website, and pages within that site, they will have to relearn how to use the site if the design and elements are different on each page. This is why having a constant design and easy navigation are necessary<ref name= "Horton">Horton "Page Layout"</ref>. | ||
*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways: | *Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways: | ||
| Line 56: | Line 58: | ||
*Include consistent navigational aids. Each page needs to have easy access back to the main page<ref>Carroll, 60</ref>. | *Include consistent navigational aids. Each page needs to have easy access back to the main page<ref>Carroll, 60</ref>. | ||
*Twenty percent of the internal web pages should be reserved for navigation<ref>Carroll, 67</ref>. | *Twenty percent of the internal web pages should be reserved for navigation<ref>Carroll, 67</ref>. A shortcut to the main page should be included on every other page. | ||
*The home page requires more navigational space<ref>Carroll, 70</ref>.The following are some of its purposes: | *The home page requires more navigational space<ref>Carroll, 70</ref>. The following are some of its purposes: | ||
**Establishes the site’s identity and mission. | **Establishes the site’s identity and mission. | ||
**Shows the site's hierarchy. | **Shows the site's hierarchy. | ||