Scanability - Revision history

Victoria.masa: /* Fonts and Graphics */

2012-12-03T15:43:16Z

Fonts and Graphics

← Older revision		Revision as of 11:43, 3 December 2012
Line 42:		Line 42:
	The same applies with [[Photos\|images]], make sure the images are of a similar quality and size. Make sure all of them are applicable to the writing and only add visual interest, not distract from the writing.		The same applies with [[Photos\|images]], make sure the images are of a similar quality and size. Make sure all of them are applicable to the writing and only add visual interest, not distract from the writing.

	:"Notice the ways that the selection and placement of text and images, the typography and text size, the use of color, and other design elements help to set a mood and establish a rhythm for the magazine that affects how you react to and move through the content." <ref> Carroll, 73 </ref>		:"Notice the ways that the selection and placement of text and images, the typography and text size, the use of color, and other design elements help to set a mood and establish a rhythm for the magazine that affects how you react to and move through the content." <ref> Carroll, 62 </ref>

	== Notes ==		== Notes ==

Victoria.masa at 15:42, 3 December 2012

2012-12-03T15:42:22Z

← Older revision		Revision as of 11:42, 3 December 2012
Line 42:		Line 42:
	The same applies with [[Photos\|images]], make sure the images are of a similar quality and size. Make sure all of them are applicable to the writing and only add visual interest, not distract from the writing.		The same applies with [[Photos\|images]], make sure the images are of a similar quality and size. Make sure all of them are applicable to the writing and only add visual interest, not distract from the writing.

	:"Notice the ways that the selection and placement of text and images, the typography and text size, the use of color, and other design elements help to set a mood and establish a rhythm for the magazine that affects how you react to and move through the content." <ref> Carroll</ref>		:"Notice the ways that the selection and placement of text and images, the typography and text size, the use of color, and other design elements help to set a mood and establish a rhythm for the magazine that affects how you react to and move through the content." <ref> Carroll, 73 </ref>

	== Notes ==		== Notes ==

Victoria.masa: /* Links */

2012-12-03T15:40:56Z

Links

← Older revision		Revision as of 11:40, 3 December 2012
Line 18:		Line 18:
	== Links ==		== Links ==

	Adding links to online writing makes the work non-linear. If the writing is more like an outline than adding links can add more details without adding visual weight to what has been said. Links should not interrupt the text; they should go with the flow of the writing and unlike headlines should not break up what is being said. The links used on a page should only create [[Relevance and Support\|relevant support]] not extra reading for the user to navigate through.		Adding links to online writing makes the work non-linear. If the writing is more like an outline than adding links can add more details without adding visual weight to what has been said."Students were frustrated by sites that provided shallow information. College students demand more evidence than teenagers do." <ref> Nielsen </ref> Links should not interrupt the text; they should go with the flow of the writing and unlike headlines should not break up what is being said. The links used on a page should only create [[Relevance and Support\|relevant support]] not extra reading for the user to navigate through.

	When Linking <ref> Carroll,47 </ref>		When Linking <ref> Carroll,47 </ref>

Victoria.masa at 15:33, 3 December 2012

2012-12-03T15:33:35Z

← Older revision		Revision as of 11:33, 3 December 2012
Line 59:		Line 59:
	#Friedman, Vitaly . "[http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts For Professional Design]". (2007). Retrieved 26 Nov 2012.		#Friedman, Vitaly . "[http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts For Professional Design]". (2007). Retrieved 26 Nov 2012.
	#Mayer, Dan. "[http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/ What Font Should I Use?: Five Principles for Choosing and Using Typefaces]". (2010). Retrieved 3 Dec. 2012.		#Mayer, Dan. "[http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/ What Font Should I Use?: Five Principles for Choosing and Using Typefaces]". (2010). Retrieved 3 Dec. 2012.
			#Neilsen, Jakob. "[http://www.nngroup.com/articles/college-students-on-the-web College Students on the Web]". Retrieved 3 Dec. 2012.

Victoria.masa: /* Headlines / Subheads */

2012-12-03T15:31:10Z

Headlines / Subheads

← Older revision		Revision as of 11:31, 3 December 2012
Line 6:		Line 6:
	[[File:Scannability.jpg\|400px\|thumb\|right\|This image shows how breaking up large amounts to text using headlines, subheads, and even a graphic can make writing more scannable.<ref>Butler </ref>]]		[[File:Scannability.jpg\|400px\|thumb\|right\|This image shows how breaking up large amounts to text using headlines, subheads, and even a graphic can make writing more scannable.<ref>Butler </ref>]]

	When writing an online it is a good idea to present the most important information first. When reading an outline vs. a full text article, the readability is better in an outline. The outline is easy to read and conveys all of the information the full text does except in a bulleted form. Readers can easily locate what they are looking for in an outline and when they find it, they can go to the full text for the details. Practice writing in headlines and subheads to make finding information easy, and link to other good sources to give what has been written more detail. [[Photos\|Graphics]] can also be used for headlines if there is applicable text in the graphic.		"Students often judge sites on how they look. But they usually prefer sites that look clean and simple rather than flashy and busy." <ref> Nielsen </ref> When writing an online it is a good idea to present the most important information first. When reading an outline vs. a full text article, the readability is better in an outline. The outline is easy to read and conveys all of the information the full text does except in a bulleted form. Readers can easily locate what they are looking for in an outline and when they find it, they can go to the full text for the details. Practice writing in headlines and subheads to make finding information easy, and link to other good sources to give what has been written more detail. [[Photos\|Graphics]] can also be used for headlines if there is applicable text in the graphic.

	Headlines <ref>Carroll,34 </ref> and subheads are a great way to:		Headlines <ref>Carroll,34 </ref> and subheads are a great way to:

Victoria.masa: /* Reference */

2012-12-03T15:26:07Z

Reference

← Older revision		Revision as of 11:26, 3 December 2012
Line 58:		Line 58:
	#Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010. Retrieved 2 Nov. 2012.		#Carroll, Brian. ''[http://www.scribd.com/doc/64429015/Writing-for-Digital-Media Writing for Digital Media]''. Routledge; New York, 2010. Retrieved 2 Nov. 2012.
	#Friedman, Vitaly . "[http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts For Professional Design]". (2007). Retrieved 26 Nov 2012.		#Friedman, Vitaly . "[http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/ 40+ Excellent Freefonts For Professional Design]". (2007). Retrieved 26 Nov 2012.
			#Mayer, Dan. "[http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five-principles-for-choosing-and-using-typefaces/ What Font Should I Use?: Five Principles for Choosing and Using Typefaces]". (2010). Retrieved 3 Dec. 2012.

Victoria.masa: /* Fonts and Graphics */

2012-12-03T15:24:04Z

Fonts and Graphics

← Older revision		Revision as of 11:24, 3 December 2012
Line 37:		Line 37:
	*Fonts and colors should blend well together and should be consistent through out the writing.		*Fonts and colors should blend well together and should be consistent through out the writing.
	*Do not use to many colors and make sure the colors you choose go with the theme of the writing.		*Do not use to many colors and make sure the colors you choose go with the theme of the writing.

			:"There’s a distinction between typefaces that are expressive and stylish versus those that are useful and appropriate to many situations, and our job is to try to find the right balance for the occasion" <ref>Mayer </ref>

	The same applies with [[Photos\|images]], make sure the images are of a similar quality and size. Make sure all of them are applicable to the writing and only add visual interest, not distract from the writing.		The same applies with [[Photos\|images]], make sure the images are of a similar quality and size. Make sure all of them are applicable to the writing and only add visual interest, not distract from the writing.

	:"Notice the ways that the selection and placement of text and images, the typography and text size, the use of color, and other design elements help to set a mood and establish a rhythm for the magazine that affects how you react to and move through the content." <ref> Carroll</ref>		:"Notice the ways that the selection and placement of text and images, the typography and text size, the use of color, and other design elements help to set a mood and establish a rhythm for the magazine that affects how you react to and move through the content." <ref> Carroll</ref>


	== Notes ==		== Notes ==

Victoria.masa: /* Links */

2012-12-03T15:14:45Z

Links

← Older revision		Revision as of 11:14, 3 December 2012
Line 28:		Line 28:
	#*Each site may have a different way to format a link, make sure and know how to make links correctly for each site used.		#*Each site may have a different way to format a link, make sure and know how to make links correctly for each site used.

	Keep all links up to date and working all the time. Broken links make sites non-crediable and add unnecessary weight to the text. All links should have a purpose, and the site linked to should also follow the other rules of good online writing. [[Usability\|Navigating]] to a new page should not distract the reader or cause confusion.		Keep all links up to date and working all the time. Broken links make sites non-crediable and add unnecessary weight to the text. All links should have a purpose, and the site linked to should also follow the other rules of good online writing. [[Usability\|Navigating]] to a new page should not distract the reader from what has all ready been written or cause confusion.

	== Fonts and Graphics ==		== Fonts and Graphics ==

Lewissteven: Added Home Page link

2012-12-03T15:03:24Z

Added Home Page link

← Older revision		Revision as of 11:03, 3 December 2012
Line 1:		Line 1:
			[[Web_Based_Digital_Media_for_College_Writing_Students\|Home Page]]

	Having a good layout and [[Design\|design]] when writing online is as important as the writing. Scanability is one of the key tools to online layout. Readers will often look quickly over a page to decide if what they are looking for will be found. Headlines, subheads, and links are all ways to achieve a more scannable page. Making small changes like variation in font size, and color or adding an image/graphic can also help content be more scannable.		Having a good layout and [[Design\|design]] when writing online is as important as the writing. Scanability is one of the key tools to online layout. Readers will often look quickly over a page to decide if what they are looking for will be found. Headlines, subheads, and links are all ways to achieve a more scannable page. Making small changes like variation in font size, and color or adding an image/graphic can also help content be more scannable.

Victoria.masa: /* Headlines / Subheads */

2012-12-03T14:51:57Z

Headlines / Subheads

← Older revision		Revision as of 10:51, 3 December 2012
Line 4:		Line 4:
	[[File:Scannability.jpg\|400px\|thumb\|right\|This image shows how breaking up large amounts to text using headlines, subheads, and even a graphic can make writing more scannable.<ref>Butler </ref>]]		[[File:Scannability.jpg\|400px\|thumb\|right\|This image shows how breaking up large amounts to text using headlines, subheads, and even a graphic can make writing more scannable.<ref>Butler </ref>]]

	When writing online it is a good idea to present the most important information first. When reading an outline vs. a full text article, the readability is better in an outline. The outline is easy to read and conveys all of the information the full text does except in a bulleted form. Readers can easily locate what they are looking for in an outline and when they find it, they can go to the full text for the details. Practice writing in headlines and subheads to make finding information easy, and link to other good sources to give what has been written more detail. [[Photos\|Graphics]] can also be used for headlines if there is applicable text in the graphic.		When writing an online it is a good idea to present the most important information first. When reading an outline vs. a full text article, the readability is better in an outline. The outline is easy to read and conveys all of the information the full text does except in a bulleted form. Readers can easily locate what they are looking for in an outline and when they find it, they can go to the full text for the details. Practice writing in headlines and subheads to make finding information easy, and link to other good sources to give what has been written more detail. [[Photos\|Graphics]] can also be used for headlines if there is applicable text in the graphic.

	Headlines <ref>Carroll,34 </ref> and subheads are a great way to:		Headlines <ref>Carroll,34 </ref> and subheads are a great way to:
Line 13:		Line 13:
	#Summarize		#Summarize
	#*Often, the information presented can be summarized in a few words; this is helpful so the reader can find exactly what they are looking for.		#*Often, the information presented can be summarized in a few words; this is helpful so the reader can find exactly what they are looking for.


	== Links ==		== Links ==