83
edits
Design: Difference between revisions
m
Added references.
(Added links to other students' pages.) |
m (Added references.) |
||
| Line 5: | Line 5: | ||
==Consistency== | ==Consistency== | ||
*The repetition of elements gives a site a consistent identity ( | *The repetition of elements gives a site a consistent identity<ref name= "Carroll">Carroll, Brian. (2010). ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. New York: Routledge.</ref>. | ||
**Colors. | **Colors. | ||
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics]. | **[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics]. | ||
| Line 13: | Line 13: | ||
**Text placement. | **Text placement. | ||
*Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page | *Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref name= "Carroll"></ref>. | ||
*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text | *Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref name= "Carroll"></ref>. | ||
*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site | *Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref name= "Carroll"></ref>. | ||
==Usability== | ==Usability== | ||
*Keep text scan-able | *Keep text scan-able<ref name= "Carroll"></ref>. | ||
**Highlight key words. | **Highlight key words. | ||
**Use links. | **Use links. | ||
| Line 31: | Line 31: | ||
**Practice brevity. | **Practice brevity. | ||
*Keep it simple and [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions | *Keep it simple and [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions<ref name= "Carroll"></ref>. | ||
*Include a visual hierarchy for information and navigation on each page | *Include a visual hierarchy for information and navigation on each page<ref name= "Carroll"></ref>. | ||
*Fifty to eighty percent of the page should be reserved for content | *Fifty to eighty percent of the page should be reserved for content<ref name= "Carroll"></ref>. | ||
==Navigability== | ==Navigability== | ||
*Easy-to-use navigation tools. A navigation bar is best utilized on the top of the website ( | *Easy-to-use navigation tools. A navigation bar is best utilized on the top of the website<ref name= "Horton">Horton, Sarah. (2006). [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability.</ref>. | ||
*Each web page must be able to stand alone. Make sure that users know where they are in the site | *Each web page must be able to stand alone<ref name= "Carroll"></ref>. 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 | *Insert anchors (internal hyperlinks that lead to another page of the same site) for internal page navigation<ref name= "Carroll"></ref>. | ||
*Include consistent navigational aids. Each page needs to have easy access back to the main page | *Include consistent navigational aids. Each page needs to have easy access back to the main page<ref name= "Carroll"></ref>. | ||
*Twenty percent of the internal web pages should be reserved for navigation. Shortcuts to the main page should be included on every page | *Twenty percent of the internal web pages should be reserved for navigation<ref name= "Carroll"></ref>. Shortcuts to the main page should be included on every page. | ||
*The home page requires more navigational space and has many purposes | *The home page requires more navigational space<ref name= "Carroll"></ref> and has many 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. | ||
| Line 59: | Line 59: | ||
==References== | ==References== | ||
<references></references> | |||