LitWiki - User contributions [en]

Design

2012-12-03T15:08:05Z

Rlynch: /* Navigability */ editing

[[Web_Based_Digital_Media_for_College_Writing_Students|Home Page]]

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Photos|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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, 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:
**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 [[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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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>. 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:
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Web Based Digital Media for College Writing Students

2012-12-03T14:35:51Z

Rlynch: /* Design */ added links

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-[[Good Writing]], [[Identification]], and [[Expertise]]-must be the concern of the author.

====[[Good Writing]]====
When writing for any type of media, whether it be traditional print or online, there is generally a basic standard the writer must adhere to if the writer wants people to read. In web based digital media, “good writing” has a typically higher standard than traditional print. That standard varies depending on what is being written about. No matter the standard, though, the most important thing to keep in mind for all good writing is to keep the readers interested.

====[[Identification]]====
When writing for digital media, identify the audience and consider who is reading what the writer is trying to say. An article aimed at college students will read much different from an article aimed at elementary students even if the same basic information is being conveyed. As a result, it is always best to focus on a small, targeted community when writing online.

====[[Expertise]]====
When writing for the screen one important aspect to consider is [[design]]. The layout of the content will determine whether or not a potential reader stops and peruses the information displayed. Subheadings, links, and color scheme will be the first impression an online author gets. The writing, the author's informational expertise, is an afterthought.

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability| usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

====[[Design|Design]]====
The design of a webpage layout is important when writing for the web. In digital writing, design pertains to the look of the website and arrangement of the [[Good Writing|text]], [[Photos|graphics]], and other objects that make up the site. A website's design must be consistent, [[Usability|usable]], and navigable.

====[[Photos|Photos]]====

[[File:Layout.gif|thumb|right|<ref> webitRabbit </ref>]]

Photos assist in providing information to the audience visually and attracting readers. Unprofessional or broken links to photos can result in loss of [[expertise|credibility]] for the site and site owner.
File formats in photos differ, typically falling into categories such as:
* GIF
* JPEG
* PNG
* BMP

====[[Contact]]====
Contact information should be included on every website because it suggests credibility and accountability. When including contact information in a website, navigation should always be considered. Student's can include contact information by creating a page located on the main menu or at the bottom of each page. Contact information should incorporate:
*First and last name
*Email address
*Business telephone number
*Business address
If students are not willing to display their contact information, contact forms should be included. Students can also include links to their [[Twitter]], Facebook, [[Linked In]], and/or [[Wordpress]].

====[[Usability|Usability]]====
Making content usable is important for a good webpage layout. Keeping the webpage scannable and redundant will help a user understand the points presented. By using links, search engines, and relevant sources, the writer adds to the overall usefulness.

====[[Scanability|Scanability]]====
Scanability is one of the key tools to online layout. "Web users scan content rather than reading word for word. Scanners need clues, signposts and highlights, so content should be shaped for scanning. "<ref> Carroll </ref> Tools for adding scanability to layout include:
* '''Headlines'''
**Subheads
* [[Help:Editing|Links]]
* ''Font''
** size
**color
* Image/Graphic

====[[Relevance and Support|Relevance and Support]]====
Relevant sources and links are essential for adding credibility to a webpage. Sources that are well-known or have high credibility can increase the professionalism of a webpage. Content uses three key topics that ensure a resourceful webpage:
*Dated Pages
*Outside Web Sources
*Relevant Content Links

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Students who can proficiently utilize socially based networks as well as other digital writing mediums have an edge in their future career endeavors. Ideally, student-based environments that employ good writing can communicate optimally online. Students who use [[Good writing | good web writing]] skills developed in college can take those learned skills and apply them to their career search. Because an online presence is becoming an employer's first impression of an applicant, it is essential to create an effective personal brand. Online résumés sites, social media sites, and blogging sites provide platforms that support professional presence, personality, and perspective.

====[[LinkedIn]]====
LinkedIn is a website geared toward professionals, and persons ready to enter the professional job market. Users can connect with other people in their respective industries, tout their skills, and find answers to their questions. LinkedIn gives users the opportunity to build a network, a very important aspect of careers in the digital age.

====[[VisualCV]]====
VisualCV is a free Internet-based platform that allows users to create online resumes . Students can customize a personal portfolio with their skills and qualifications and build a portable, professional online presence. VisualCV can be modified to showcase keyword pop-ups, audio, video, pictures and links, to network and share resume data securely within the VisualCV community.

====[[About Me]]====
About Me pages are the cover pages of the digital world. By using an About Me page, college students are able to keep all social media outlets in one place. It also allows for others to access all the users interests on one page. About Me pages can be designed by the user in order to better describe the person in his or her own way. As with all writing for the web the basics of [[usability]], [[scanability]], and [[design]] should be used.

====[[Twitter]]====
Twitter is an excellent example of [[Good Writing | good writing]] for the screen because of its use of brief and concise information. In addition to communicating with followers and gaining information about the changing world, twitter allows its users to create a personal presence online. Twitter not only provides more [[contact]] information when applying for a job, it also provides a platform to create a professional brand. By having a twitter account, students who are searching for a career can add a personal aspect to their résumés.

====[[Blogging | Wordpress/Blogger]]====
With online blogging sites such as WordPress and Blogger college students can easily publish their thoughts in a professional way. Blogs are a great way for students to practice their [[Good Writing|writing for the screen]]. The writing can be personal, but by publishing to a blogging the entires seem more professional. WordPress and Blogger are extremely easy to use with step by step set-up instructions. These online blogging sites are also very customizable with many backgrounds and templates to choose from.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

== Notes ==
<references />

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.
#webitRabbit. (2012). ''"[http://www.webitrabbit.com/id5.html Basic Website Layout]"''. Orange County, California:LLC. Image. Retrieved 26 Nov 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-12-03T14:35:07Z

Rlynch: /* Design */ added links

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-[[Good Writing]], [[Identification]], and [[Expertise]]-must be the concern of the author.

====[[Good Writing]]====
When writing for any type of media, whether it be traditional print or online, there is generally a basic standard the writer must adhere to if the writer wants people to read. In web based digital media, “good writing” has a typically higher standard than traditional print. That standard varies depending on what is being written about. No matter the standard, though, the most important thing to keep in mind for all good writing is to keep the readers interested.

====[[Identification]]====
When writing for digital media, identify the audience and consider who is reading what the writer is trying to say. An article aimed at college students will read much different from an article aimed at elementary students even if the same basic information is being conveyed. As a result, it is always best to focus on a small, targeted community when writing online.

====[[Expertise]]====
When writing for the screen one important aspect to consider is [[design]]. The layout of the content will determine whether or not a potential reader stops and peruses the information displayed. Subheadings, links, and color scheme will be the first impression an online author gets. The writing, the author's informational expertise, is an afterthought.

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability| usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

====[[Design|Design]]====
The design of a webpage layout is important when writing for the web. In digital writing, design pertains to the look of the website and arrangement of the text, [[Photos|graphics]], and other objects that make up the site. A website's design must be consistent, [[Usability|usable]], and navigable.

====[[Photos|Photos]]====

[[File:Layout.gif|thumb|right|<ref> webitRabbit </ref>]]

Photos assist in providing information to the audience visually and attracting readers. Unprofessional or broken links to photos can result in loss of [[expertise|credibility]] for the site and site owner.
File formats in photos differ, typically falling into categories such as:
* GIF
* JPEG
* PNG
* BMP

====[[Contact]]====
Contact information should be included on every website because it suggests credibility and accountability. When including contact information in a website, navigation should always be considered. Student's can include contact information by creating a page located on the main menu or at the bottom of each page. Contact information should incorporate:
*First and last name
*Email address
*Business telephone number
*Business address
If students are not willing to display their contact information, contact forms should be included. Students can also include links to their [[Twitter]], Facebook, [[Linked In]], and/or [[Wordpress]].

====[[Usability|Usability]]====
Making content usable is important for a good webpage layout. Keeping the webpage scannable and redundant will help a user understand the points presented. By using links, search engines, and relevant sources, the writer adds to the overall usefulness.

====[[Scanability|Scanability]]====
Scanability is one of the key tools to online layout. "Web users scan content rather than reading word for word. Scanners need clues, signposts and highlights, so content should be shaped for scanning. "<ref> Carroll </ref> Tools for adding scanability to layout include:
* '''Headlines'''
**Subheads
* [[Help:Editing|Links]]
* ''Font''
** size
**color
* Image/Graphic

====[[Relevance and Support|Relevance and Support]]====
Relevant sources and links are essential for adding credibility to a webpage. Sources that are well-known or have high credibility can increase the professionalism of a webpage. Content uses three key topics that ensure a resourceful webpage:
*Dated Pages
*Outside Web Sources
*Relevant Content Links

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Students who can proficiently utilize socially based networks as well as other digital writing mediums have an edge in their future career endeavors. Ideally, student-based environments that employ good writing can communicate optimally online. Students who use [[Good writing | good web writing]] skills developed in college can take those learned skills and apply them to their career search. Because an online presence is becoming an employer's first impression of an applicant, it is essential to create an effective personal brand. Online résumés sites, social media sites, and blogging sites provide platforms that support professional presence, personality, and perspective.

====[[LinkedIn]]====
LinkedIn is a website geared toward professionals, and persons ready to enter the professional job market. Users can connect with other people in their respective industries, tout their skills, and find answers to their questions. LinkedIn gives users the opportunity to build a network, a very important aspect of careers in the digital age.

====[[VisualCV]]====
VisualCV is a free Internet-based platform that allows users to create online resumes . Students can customize a personal portfolio with their skills and qualifications and build a portable, professional online presence. VisualCV can be modified to showcase keyword pop-ups, audio, video, pictures and links, to network and share resume data securely within the VisualCV community.

====[[About Me]]====
About Me pages are the cover pages of the digital world. By using an About Me page, college students are able to keep all social media outlets in one place. It also allows for others to access all the users interests on one page. About Me pages can be designed by the user in order to better describe the person in his or her own way. As with all writing for the web the basics of [[usability]], [[scanability]], and [[design]] should be used.

====[[Twitter]]====
Twitter is an excellent example of [[Good Writing | good writing]] for the screen because of its use of brief and concise information. In addition to communicating with followers and gaining information about the changing world, twitter allows its users to create a personal presence online. Twitter not only provides more [[contact]] information when applying for a job, it also provides a platform to create a professional brand. By having a twitter account, students who are searching for a career can add a personal aspect to their résumés.

====[[Blogging | Wordpress/Blogger]]====
With online blogging sites such as WordPress and Blogger college students can easily publish their thoughts in a professional way. Blogs are a great way for students to practice their [[Good Writing|writing for the screen]]. The writing can be personal, but by publishing to a blogging the entires seem more professional. WordPress and Blogger are extremely easy to use with step by step set-up instructions. These online blogging sites are also very customizable with many backgrounds and templates to choose from.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

== Notes ==
<references />

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.
#webitRabbit. (2012). ''"[http://www.webitrabbit.com/id5.html Basic Website Layout]"''. Orange County, California:LLC. Image. Retrieved 26 Nov 2012.

[[Category:Composition]][[Category:New Media]]

Design

2012-11-28T15:45:07Z

Rlynch: editing.

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Photos|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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, 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:
**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 [[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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Web Based Digital Media for College Writing Students

2012-11-28T14:43:44Z

Rlynch: /* Design */ editing

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

====[[Good Writing]]====
When writing for any type of media, whether it be traditional print or online, there is generally a basic standard the writer must adhere to if the writer wants people to read. In web based digital media, “good writing” has a typically higher standard than traditional print. That standard varies depending on what is being written about. No matter the standard, though, the most important thing to keep in mind for all good writing is to keep the readers interested.

====[[Identification]]====
When writing for digital media, identify the audience and consider who is reading what the writer is trying to say. An article aimed at college students will read much different from an article aimed at elementary students even if the same basic information is being conveyed. As a result, it is always best to focus on a small, targeted community when writing online.

====[[Expertise]]====
When writing for the screen one very important aspect to think about is design. The design of the page and layout of the content will determine whether or not an individual stops and actually peruses the information being displayed. Things like subheadings, links, and color scheme will be only chance one gets to impress and attract. The actual content, the expertise you are truly trying to show off, has become an afterthought of design, expertise facade building.

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevance support]].

====[[Design|Design]]====
The design of a webpage layout is important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

====[[Photos|Photos]]====

[[File:Layout.gif|thumb|right|<ref> webitRabbit </ref>]]

Photos assist in providing information to the audience visually. Photos play a huge part in attracting readers, and unprofessional or broken photos can result in loss of [[expertise|credibility]] for the site and site owner.
File formats in photos differ, typically falling into categories such as:
* GIF
* JPEG
* PNG
* BMP

====[[Contact]]====
Contact information should be included on every page of a website because it suggests credibility and accountability. When including contact information in a website, navigation should always be considered. Student's can include contact information by creating a page located on the main menu or at the bottom of each page. Contact information should incorporate:
*First and last name
*Email address
*Business telephone number (if applicable)
*Business address (if applicable)
If students are not willing to display their contact information, contact forms should be included. Students can also include links to their Twitter, Facebook, Linked In, and/or Wordpress.

====[[Usability|Usability]]====
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

====[[Scanability|Scanability]]====
Scanability is one of the of the key tools to online layout. "Web users scan content rather than reading word for word. Scanners need clues, signposts and highlights, so content should be shaped for scanning. "<ref> Carroll </ref>
* '''Headlines'''
**Subheads
* [[Help:Editing|Links]]
* ''Font''
** size
**color
* Image/Graphic

====[[Relevance and Support|Relevance and Support]]====
Having relevant sources and links for the web are essential to the credibility of the page. Sources that are well known or have a lot of credibility can increase the professionalism of a webpage. Making sure content uses these 3 topics will ensure a resourceful webpage:
*Dated Pages
*Outside Web Sources
*Relevant Content Links

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Students who can proficiently utilize socially based networks as well as other digital writing mediums have an edge in their future career endeavors. Ideally, student-based environments that employ good writing can communicate optimally online. Students who use [[Good writing | good web writing]] skills developed in college can take those learned skills and apply them to their career search. Because an online presence is becoming an employer's first impression of an applicant, it is essential to create an effective personal brand. Online résumés sites, social media sites, and blogging sites provide platforms that support professional presence, personality, and perspective.

====[[Linked In]]====
Content Coming Soon

====[[VisualCV]]====
Content Coming Soon
====[[About Me]]====
About Me pages are the cover pages of the digital world. By using an About Me page, college students are able to keep all social media outlets in one place. It also allows for others to access all the users interests off of one page. About Me pages can be designed by the user in order to better describe the person in his or her own way. As with all writing for the web the basics of [[usability]], [[scanability]], and [[design]] should be used.

====[[Twitter]]====
Twitter is an excellent example of [[good writing]] for the screen because of its use of brief and concise information. In addition to communicating with followers and gaining information about the changing world, twitter allows its users to create a personal presence online. Twitter not only provides more [[contact]] information when applying for a job, it also provides a platform to create a professional brand. By having a twitter account, students who are searching for a career can add a personal aspect to their résumés.

====[[Blogging | Wordpress/Blogger]]====
Content Coming Soon

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

== Notes ==
<references />

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.
#webitRabbit. (2012). ''"[http://www.webitrabbit.com/id5.html Basic Website Layout]"''. Orange County, California:LLC. Image. Retrieved 26 Nov 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-28T14:36:50Z

Rlynch: /* Design */ removed block quote :

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

====[[Good Writing]]====
:When writing for any type of media, whether it be traditional print or online, there is generally a basic standard the writer must adhere to if the writer wants people to read. In web based digital media, “good writing” has a typically higher standard than traditional print. That standard varies depending on what is being written about. No matter the standard, though, the most important thing to keep in mind for all good writing is to keep the readers interested.

====[[Identification]]====
:In order to better address the interests, concerns, and questions of the audience, writing should focus on a small targeted community.

====[[Expertise]]====
:When writing for the screen one very important aspect to think about is design. The design of the page and layout of the content will determine whether or not an individual stops and actually peruses the information being displayed. Things like subheadings, links, and color scheme will be only chance one gets to impress and attract. The actual content, the expertise you are truly trying to show off, has become an afterthought of design, expertise facade building.

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevance support]].

====[[Design|Design]]====
The design of a webpage's layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

====[[Photos|Photos]]====

[[File:Layout.gif|thumb|right|<ref> webitRabbit </ref>]]

Photos assist in providing information to the audience visually. Photos play a huge part in attracting readers, and unprofessional or broken photos can result in loss of [[expertise|credibility]] for the site and site owner.
File formats in photos differ, typically falling into categories such as:
* GIF
* JPEG
* PNG
* BMP

====[[Contact]]====
Contact information should be included on every page of a website because it suggests credibility and accountability. When including contact information in a website, navigation should always be considered. There must be a clear way of obtaining contact information from each page. Student's can include contact information by creating a separate page and including the page in the main menu, or at the bottom of each page. Contact information should incorporate:
*First and last name
*Email address
*Business telephone number (if applicable)
*Business address (if applicable)
If students are not willing to display their contact information, contact forms should be included. Students can also include links to their Twitter, Facebook, Linked In, and/or Wordpress, which are other means of contact through social media websites.

====[[Usability|Usability]]====
:Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

====[[Scanability|Scanability]]====
:Scanability is one of the of the key tools to online layout. "Web users scan content rather than reading word for word. Scanners need clues, signposts and highlights, so content should be shaped for scanning. "<ref> Carroll </ref>
:* '''Headlines'''
:**Subheads
:* [[Help:Editing|Links]]
:* ''Font''
:** size
:**color
:* Image/Graphic

====[[Relevance and Support|Relevance and Support]]====
Having relevant sources and links for the web are essential to the credibility of the page. Sources that are well known or have a lot of credibility can increase the professionalism of a webpage. Making sure content uses these 3 topics will ensure a resourceful webpage:
*Dated Pages
*Outside Web Sources
*Relevant Content Links

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Students who can proficiently utilize socially based networks as well as other digital writing mediums have an edge in their future career endeavors. Ideally, student-based environments that employ good writing can communicate optimally online. Students who use [[Good writing | good web writing]] skills developed in college can take those learned skills and apply them to their career search. Because an online presence is becoming an employer's first impression of an applicant, it is essential to create an effective personal brand. Online résumés sites, social media sites, and blogging sites provide platforms that support professional presence, personality, and perspective.

====[[Linked In]]====
Content Coming Soon

====[[VisualCV]]====
Content Coming Soon
====[[About Me]]====
Content Coming Soon
====[[Twitter]]====
:Twitter is an excellent example of [[good writing]] for the screen because of its use of brief and concise information. In addition to communicating with followers and gaining information about the changing world, twitter allows its users to create a personal presence online. Twitter not only provides more [[contact]] information when applying for a job, it also provides a platform to create a professional brand. By having a twitter account, students who are searching for a career can add a personal aspect to their résumés.

====[[Blogging | Wordpress/Blogger]]====
Content Coming Soon

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

== Notes ==
<references />

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.
#webitRabbit. (2012). ''"[http://www.webitrabbit.com/id5.html Basic Website Layout]"''. Orange County, California:LLC. Image. Retrieved 26 Nov 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:35:28Z

Rlynch: /* Design */

Web Based Digital Media for College Writing Students

2012-11-26T15:35:00Z

Rlynch: /* Design */

Web Based Digital Media for College Writing Students

2012-11-26T15:25:03Z

Rlynch: /* Layout */

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

=====[[Good Writing]]=====
One of the most important aspects of writing for the digital media is to keep the reader reading.

=====[[Identification]]=====
In order to better address the interests, concerns, and questions of the audience, writing should focus on a small targeted community.
=====[[Expertise]]=====

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

===[[Design|Design]]===
The design of a webpage's layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

===[[Photos|Photos]]===

[[File:Layout.gif|thumb|right]]

===[[Contact]]===
Contact information should be included on every page of a website because it suggests credibility and accountability. When including contact information in a website, navigation should always be considered. There must be a clear way of obtaining contact information from each page. Student's can include contact information by creating a separate page and including the page in the main menu, or at the bottom of each page. Contact information should incorporate:
*First and last name
*Email address
*Business telephone number (if applicable)
*Business address (if applicable)

If students are not willing to display their contact information, contact forms should be included.

===[[Usability|Usability]]===
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

===[[Scanability|Scanability]]===
Scanability is one of the of the key tools to online layout.
* '''Headlines'''
**Subheads
* [[Help:Editing|Links]]
* ''Font''
** size
**color
* Image/Graphic

===Relevance and Support===
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and [[blogging]] websites like Wordpress and Blogger, allow users to add a personality and perspective to their professional presence on the web.

Platforms that support professional presence, personality, and perspective include:
* [[Linkedin]]
* [[Visual CV]]
* [[About Me]]
* [[Twitter]]
* [[Blogging | Wordpress/Blogger]]

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:15:28Z

Rlynch: /* Layout */

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

=====[[Good Writing]]=====
One of the most important aspects of writing for the digital media is to keep the reader reading.

=====[[Identification]]=====

=====[[Expertise]]=====

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

=====[[Design|Design]]=====
The design of a webpage's layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

=====[[Photos|Photos]]=====

[[File:Layout.gif|thumb|right]]

=====Contact=====
asgasfasfda sdfasdfasdf asfd

=====[[Usability|Usability]]=====
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

=====[[Scanability|Scanability]]=====

=====Relevance and Support=====
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and [[blogging]] websites like Wordpress and Blogger, allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:13:47Z

Rlynch: /* Design */

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

=====[[Good Writing]]=====
One of the most important aspects of writing for the digital media is to keep the reader reading.

=====[[Identification]]=====

=====[[Expertise]]=====

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

====[[Design|Design]]====
The design of a webpage's layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

===[[Photos|Photos]]===

[[File:Layout.gif|thumb|right]]

===Contact===
asgasfasfda sdfasdfasdf asfd

===[[Usability|Usability]]===
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

===[[Scanability|Scanability]]===

===Relevance and Support===
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and [[blogging]] websites like Wordpress and Blogger, allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Design

2012-11-26T15:13:19Z

Rlynch: /* Navigability */

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Photos|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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>.

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-26T15:12:56Z

Rlynch: /* Usability */

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Photos|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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>.

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==
[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-26T15:09:28Z

Rlynch: /* Consistency */

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Photos|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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>.

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==
[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Web Based Digital Media for College Writing Students

2012-11-26T15:09:05Z

Rlynch: /* Layout */ linked word "images" to photos page

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

*[[Good Writing]]: One of the most important aspects of writing for the digital media is to keep the reader reading.

*[[Identification]]:

*[[Expertise]]

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality [[Photos|images]]. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

===[[Design|Design]]===
The design of a webpage's layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

===[[Photos|Photos]]===
[[File:http://www.webitrabbit.com/id5.html.jpg]]

===Contact===
asgasfasfda sdfasdfasdf asfd

===Usability===
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

===Scanability===
asdfasfd

===Relevance and Support===
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and [[blogging]] websites like Wordpress and Blogger, allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:08:20Z

Rlynch: /* Design */

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

*[[Good Writing]]: One of the most important aspects of writing for the digital media is to keep the reader reading.

*[[Identification]]:

*[[Expertise]]

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality images. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

===[[Design|Design]]===
The design of a webpage's layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

===[[Photos|Photos]]===
[[File:http://www.webitrabbit.com/id5.html.jpg]]

===Contact===
asgasfasfda sdfasdfasdf asfd

===Usability===
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

===Scanability===
asdfasfd

===Relevance and Support===
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and [[blogging]] websites like Wordpress and Blogger, allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:07:01Z

Rlynch: /* Design */

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

*[[Good Writing]]: One of the most important aspects of writing for the digital media is to keep the reader reading.

*[[Identification]]:

*[[Expertise]]

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality images. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

===[[Design|Design]]===
Webpage layout design is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

===[[Photos|Photos]]===
sdfasfasdfasdf
asdfasdfas

http://www.webitrabbit.com/id5.html

===Contact===
asgasfasfda sdfasdfasdf asfd

===Usability===
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

===Scanability===
asdfasfd

===Relevance and Support===
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and blogging websites like [[Wordpress]] allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:06:37Z

Rlynch: /* Layout */

Content coming soon.

==Writing==
When writing for the digital media, the author is not just the writer, but also the publisher, the editor, the illustrator/graphic designer, and the marketer. Therefore when writing for the digital media, there are more mechanics that the author needs to consider than when writing for traditional publishing where usually the sole job of the author is to write. Issues that might usually be the concern of an editor or proofreader-if the writing is good, identification, and expertise-must be the concern of the author.

*[[Good Writing]]: One of the most important aspects of writing for the digital media is to keep the reader reading.

*[[Identification]]:

*[[Expertise]]

==Layout==

Layout is the visual and technical aspect of web based writing. The site's [[Design|design]] must include high-quality images. Personal web pages and sites must also be [[Navigation and Usability|easily usable]] and include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the navigation bar used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

===[[Design|Design]]===
The design of webpage layout is very important when writing for the web. 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. A website's design must be consistent, usable, and navigable.

===[[Photos|Photos]]===
sdfasfasdfasdf
asdfasdfas

http://www.webitrabbit.com/id5.html

===Contact===
asgasfasfda sdfasdfasdf asfd

===Usability===
Keeping the web page scannable and redundant will help with how well a user understands the points given. By using links and being consistent, the writer is adding to the overall use of the site.

===Scanability===
asdfasfd

===Relevance and Support===
asfdasfdasf

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, [[VisualCV]], and [[About Me | About Me]] allow users to create a professional online presence. Social media sites like [[Twitter]] and blogging websites like [[Wordpress]] allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Web Based Digital Media for College Writing Students

2012-11-26T15:05:19Z

Rlynch: /* Relevant Support */ edited section name

Web Based Digital Media for College Writing Students

2012-11-26T15:04:10Z

Rlynch: /* Layout */

Web Based Digital Media for College Writing Students

2012-11-26T14:59:50Z

Rlynch: /* Design */

Design

2012-11-26T14:29:08Z

Rlynch: /* Navigability */

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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>.

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==
[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-26T14:28:08Z

Rlynch: edited picture captions.

[[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>.

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]].

==Consistency==
[[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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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>.

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==
[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-15T18:14:48Z

Rlynch: added image to usability

[[File:Website_design-300x300.jpg|frame|alt=Web Design|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>.

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]].

==Consistency==
[[File:72-a21f0f9bce.jpg|thumb|alt=Webpage Design|Mini Cooper Webpage 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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

==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>.

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

File:Highlight-link-text.jpg

2012-11-15T18:13:41Z

Rlynch: Highlighted links.pjg

Highlighted links.pjg

Design

2012-11-15T14:36:09Z

Rlynch: Added image to navigation

[[File:Website_design-300x300.jpg|frame|alt=Web Design|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>.

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]].

==Consistency==
[[File:72-a21f0f9bce.jpg|thumb|alt=Webpage Design|Mini Cooper Webpage 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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

File:87981.jpg

2012-11-15T14:34:37Z

Rlynch: Navigationbar.jpg

Navigationbar.jpg

Design

2012-11-15T14:29:12Z

Rlynch: Added image to consistency

[[File:Website_design-300x300.jpg|frame|alt=Web Design|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>.

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]].

==Consistency==
[[File:72-a21f0f9bce.jpg|thumb|alt=Webpage Design|Mini Cooper Webpage 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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-15T05:34:34Z

Rlynch: /* Consistency */

[[File:Website_design-300x300.jpg|frame|alt=Web Design|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>.

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]].

==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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-15T05:33:35Z

Rlynch: /* Consistency */ added image

[[File:Website_design-300x300.jpg|frame|alt=Web Design|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>.

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]].

==Consistency==
[[File:72-a21f0f9bce.jpg|thumb|alt=Web Design Example|Mini Cooper Website]]

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>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

File:72-a21f0f9bce.jpg

2012-11-15T05:30:16Z

Rlynch: Rlynch uploaded a new version of "File:72-a21f0f9bce.jpg": Reverted to version as of 15:45, 14 November 2012

Web design.

Design

2012-11-15T05:27:48Z

Rlynch: added image

[[File:Website_design-300x300.jpg|frame|alt=Web Design|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>.

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]].

==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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

File:Website design-300x300.jpg

2012-11-15T05:25:01Z

Rlynch: website_design.jpg

website_design.jpg

File:72-a21f0f9bce.jpg

2012-11-14T15:51:58Z

Rlynch: Rlynch uploaded a new version of "File:72-a21f0f9bce.jpg"

Web design.

File:72-a21f0f9bce.jpg

2012-11-14T15:45:50Z

Rlynch: Rlynch uploaded a new version of "File:72-a21f0f9bce.jpg"

Web design.

File:72-a21f0f9bce.jpg

2012-11-14T15:40:14Z

Rlynch: Rlynch uploaded a new version of "File:72-a21f0f9bce.jpg"

Web design.

File:72-a21f0f9bce.jpg

2012-11-14T15:39:03Z

Rlynch: Web design.

Web design.

Design

2012-11-14T15:34:59Z

Rlynch: Added to beginning paragraphs

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.

There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-14T15:32:12Z

Rlynch: /* Usability */

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.

There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text [[Scanability|scan-able]]<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-14T15:30:20Z

Rlynch: Added K.I.S.S. reference

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.

There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref> in these ways:
**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 [[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>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*Horton, Sarah. [http://universalusability.com/access_by_design/page_layout/consistent.html Page Layout: Apply a consistent design]. Universal Usability, 2006.
*"[http://people.apache.org/~fhanik/kiss.html The Kiss Principle]." The Apache Software Foundation, 2012.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-14T15:25:05Z

Rlynch: Edited internal links

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.

There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[[Graphics|Graphics]].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [[Contact|contact information]] on every page<ref>Carroll, 28</ref>.

*Provide [[Relevance and Support|logical links]] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref> in these ways:
**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 [[Navigation and Usability|user-friendly]]. Remember to K.I.S.S. 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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

==Navigability==

[[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.

*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>.

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*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.

Design

2012-11-14T15:19:45Z

Rlynch: /* Usability */

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.

There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref> in these ways:
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Remember to K.I.S.S. 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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*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.

Design

2012-11-14T15:18:54Z

Rlynch: Edited intro paragraphs.

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.

There are three main components to understanding and implementing design: [[#Consistency|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton "Web Style Guide"</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref> in these ways:
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Remember to K.I.S.S. 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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*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.

Design

2012-11-14T15:13:31Z

Rlynch: Editing.

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|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton</ref>.

*The repetition of these elements give a site a consistent identity<ref>Carroll, 62</ref>:
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Include full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref> in these ways:
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Remember to K.I.S.S. 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>.

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*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.
**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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references />

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*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.

Design

2012-11-14T15:04:49Z

Rlynch: Added links to headings.

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|consistency]], [[#Usability|usability]], and [[#Navigability|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<ref name= "Lynch">Lynch and Horton</ref>.

*The repetition of elements gives a site a consistent identity<ref>Carroll, 62</ref>.
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref>.
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions<ref>Carroll, 28, 69</ref>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*The home page requires more navigational space<ref>Carroll, 70</ref> 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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references></references>

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*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.

Web Based Digital Media for College Writing Students

2012-11-14T15:02:33Z

Rlynch: /* Layout */

Content coming soon.

==Writing==

[[Expertise]]

==Layout==

Layout is the visual aspect of web based writing. The site's [[Design|design]] must include high-quality [[Graphics|graphics]]. Personal web pages and sites must also include [[Contact|contact]] information that is accessible on each page. Not only does site layout include visual elements, it also involves the [[Navigation and Usability|navigation]] used to travel through the website, the headers and footers used for [[Scanability|scanability]], and the references supplied by links and other [[Relevance and Support|relevant support]].

==Digital and Social Media==

Digital and social media sites are changing the way that we interact with the world both professionally and personally. Sites like Linkedin, VisualCV, and About.Me allow users to create a professional online presence. Social media sites like [[Twitter]] and blogging websites like Wordpress allow users to add a personality and perspective to their professional presence on the web.

==See Also==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]

*[http://mca.maconstate.edu/ The Department of Media, Culture, and the Arts]

*[http://www.maconstate.edu/ Macon State College]

==References==

#Carrol, Brian. (2010). ''"[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]"''. New York: Routledge. Retrieved 29 Oct 2012.

[[Category:Composition]][[Category:New Media]]

Design

2012-11-14T14:58:20Z

Rlynch: /* References */

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<ref name= "Lynch">Lynch and Horton</ref>.

*The repetition of elements gives a site a consistent identity<ref>Carroll, 62</ref>.
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref>.
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions<ref>Carroll, 28, 69</ref>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*The home page requires more navigational space<ref>Carroll, 70</ref> 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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references></references>

==References==

*Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010.
*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.

Design

2012-11-14T14:58:07Z

Rlynch: /* References */

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<ref name= "Lynch">Lynch and Horton</ref>.

*The repetition of elements gives a site a consistent identity<ref>Carroll, 62</ref>.
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref>.
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions<ref>Carroll, 28, 69</ref>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*The home page requires more navigational space<ref>Carroll, 70</ref> 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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references></references>

==References==

*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.
*Lynch, Patrick and Horton, Sarah. [http://webstyleguide.com/wsg3/index.html Web Style Guide 3rd Ed]. Webstyleguide.com, 2009.

Design

2012-11-14T14:55:12Z

Rlynch: /* References */

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<ref name= "Lynch">Lynch and Horton</ref>.

*The repetition of elements gives a site a consistent identity<ref>Carroll, 62</ref>.
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref>.
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions<ref>Carroll, 28, 69</ref>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*The home page requires more navigational space<ref>Carroll, 70</ref> 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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references></references>

==References==

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

Design

2012-11-14T14:54:03Z

Rlynch: /* Usability */

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<ref name= "Lynch">Lynch and Horton</ref>.

*The repetition of elements gives a site a consistent identity<ref>Carroll, 62</ref>.
**Colors.
**[http://litmuse.maconstate.edu/litwiki/index.php/Graphics Graphics].
**Headlines.
**Typography.
**Section divisions.
**Text placement.

*Full [http://litmuse.maconstate.edu/litwiki/index.php/Contact contact information] on every page<ref>Carroll, 28</ref>.

*Provide [http://litmuse.maconstate.edu/litwiki/index.php/Relevance_and_Support logical links] that pertain to the text<ref>Carroll, 79</ref>.

*Adhere to an audience-specific style guide (HTML codes used and the grammatical format of text) throughout the site<ref>Carroll, 97, 111</ref><ref name= "Lynch"></ref>.

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

*Keep text scan-able<ref>Carroll, 32</ref>.
**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 [http://litmuse.maconstate.edu/litwiki/index.php?title=Navigation_and_Usability user-friendly]. Break pages into clearly defined areas and minimize distractions<ref>Carroll, 28, 69</ref>.

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

*Fifty to eighty percent of the page should be reserved for content<ref>Carroll, 67</ref>.

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

*Each web page must be able to stand alone<ref>Carroll, 57-58</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<ref>Carroll, 48</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.

*The home page requires more navigational space<ref>Carroll, 70</ref> 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==

*[http://litmuse.net/course/nmac/writing-for-digital-media-fall-2012 Writing for Digital Media]
*[http://litmuse.maconstate.edu/litwiki/index.php/Web_Based_Digital_Media_for_College_Writing_Students Web Based Digital Media for College Writing Students]

==Notes==

<references></references>

==References==

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