Design - Revision history

Rlynch: /* Navigability */ editing

2012-12-03T15:08:05Z

Navigability: editing

← Older revision		Revision as of 11:08, 3 December 2012
Line 58:		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>. ~~Shortcuts~~ to the main page should be included on every page.		*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.

Lewissteven: Added Home Page link

2012-12-03T15:04:40Z

Added Home Page link

← Older revision		Revision as of 11:04, 3 December 2012
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>.

Rlynch: editing.

2012-11-28T15:45:07Z

editing.

← Older revision		Revision as of 11:45, 28 November 2012
Line 2:		Line 2:
	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 26:
	==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, ~~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<ref name= "Horton">Horton "Page Layout"</ref>.		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:

Rlynch: /* Navigability */

2012-11-26T15:13:19Z

Navigability

← Older revision		Revision as of 11:13, 26 November 2012
Line 46:		Line 46:
	==Navigability==		==Navigability==
	[[File:87981.jpg\|thumb\|alt=Navigation bar\|Examples of basic navigation bars.]]		[[File:87981.jpg\|thumb\|alt=Navigation bar\|Examples of basic navigation bars.]]
	~~[[Navigation and Usability\|~~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.		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<ref>Carroll, 35</ref><ref name= "Horton"></ref>.		*Include easy-to-use navigation tools. A navigation bar is best utilized on the top of the website<ref>Carroll, 35</ref><ref name= "Horton"></ref>.

Rlynch: /* Usability */

2012-11-26T15:12:56Z

Usability

← Older revision		Revision as of 11:12, 26 November 2012
Line 38:		Line 38:
	**Practice brevity.		**Practice brevity.

	*Keep it simple and [[~~Navigation and~~ Usability\|user-friendly]]. Remember to K.I.S.S.<ref>"The Kiss Principle"</ref> Keep It Simple Stupid. One way to make web sites more simple is by breaking pages into clearly defined areas and minimizing distractions<ref>Carroll, 28, 69</ref>.		*Keep it simple and [[Usability\|user-friendly]]. Remember to K.I.S.S.<ref>"The Kiss Principle"</ref> Keep It Simple Stupid. One way to make web sites more simple is by breaking pages into clearly defined areas and minimizing distractions<ref>Carroll, 28, 69</ref>.

	*Include a visual hierarchy for information and navigation on each page<ref>Carroll, 123</ref>.		*Include a visual hierarchy for information and navigation on each page<ref>Carroll, 123</ref>.

Rlynch: /* Consistency */

2012-11-26T15:09:28Z

Consistency

← Older revision		Revision as of 11:09, 26 November 2012
Line 12:		Line 12:
	*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:		*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
	**Colors.		**Colors.
	**[[~~Graphics~~\|Graphics]].		**[[Photos\|Graphics]].
	**Headlines.		**Headlines.
	**Typography.		**Typography.

Rlynch: /* Navigability */

2012-11-26T14:29:08Z

Navigability

← Older revision		Revision as of 10:29, 26 November 2012
Line 45:		Line 45:

	==Navigability==		==Navigability==
	[[File:87981.jpg\|thumb\|alt=Navigation bar\|~~Example~~ of ~~common~~ navigation bars.]]		[[File:87981.jpg\|thumb\|alt=Navigation bar\|Examples of basic navigation bars.]]
	[[Navigation and Usability\|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.		[[Navigation and Usability\|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.

Rlynch: edited picture captions.

2012-11-26T14:28:08Z

edited picture captions.

← Older revision		Revision as of 10:28, 26 November 2012
Line 1:		Line 1:
	[[File:Website_design-300x300.jpg\|frame\|alt=Web Design\|~~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>.

Line 7:		Line 7:

	==Consistency==		==Consistency==
	[[File:72-a21f0f9bce.jpg\|thumb\|alt=Webpage Design\|Mini Cooper ~~Webpage Design~~]]		[[File:72-a21f0f9bce.jpg\|thumb\|alt=Webpage Design\|This Mini Cooper webpage has a very consistent design.]]
	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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.		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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

Line 25:		Line 25:

	==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, 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<ref name= "Horton">Horton "Page Layout"</ref>.		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<ref name= "Horton">Horton "Page Layout"</ref>.

Line 45:		Line 45:

	==Navigability==		==Navigability==
	[[File:87981.jpg\|thumb\|alt=Navigation bar\|Example of navigation bars]]		[[File:87981.jpg\|thumb\|alt=Navigation bar\|Example of common navigation bars.]]
	[[Navigation and Usability\|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.		[[Navigation and Usability\|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.

Rlynch: added image to usability

2012-11-15T18:14:48Z

added image to usability

← Older revision		Revision as of 14:14, 15 November 2012
Line 25:		Line 25:

	==Usability==		==Usability==
			[[File:Highlight-link-text.jpg\|thumb\|alt=Hyperlinks\|Example of links in text]]
	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<ref name= "Horton">Horton "Page Layout"</ref>.		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<ref name= "Horton">Horton "Page Layout"</ref>.

Rlynch: Added image to navigation

2012-11-15T14:36:09Z

Added image to navigation

← Older revision		Revision as of 10:36, 15 November 2012
Line 45:		Line 45:

	==Navigability==		==Navigability==
			[[File:87981.jpg\|thumb\|alt=Navigation bar\|Example of navigation bars]]
	[[Navigation and Usability\|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.		[[Navigation and Usability\|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.