<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Flying Dutchgirl Communications &#187; interaction design</title>
	<atom:link href="http://dutchgirl.com/tag/interaction-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://dutchgirl.com</link>
	<description></description>
	<lastBuildDate>Sat, 17 Dec 2011 00:14:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Content coaching and guides for Cascadia.edu</title>
		<link>http://dutchgirl.com/2009/10/content-coaching-and-guides-for-cascadia-edu/</link>
		<comments>http://dutchgirl.com/2009/10/content-coaching-and-guides-for-cascadia-edu/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 17:00:34 +0000</pubDate>
		<dc:creator>Cate</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Cascadia Community College]]></category>
		<category><![CDATA[content coaching and guides]]></category>
		<category><![CDATA[education]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[websites]]></category>

		<guid isPermaLink="false">http://dutchgirl.com/?p=1316</guid>
		<description><![CDATA[Dutchgirl portfolio: I helped Cascadia Community College develop usable, professional-looking web content and maintain voice and content usability over time.]]></description>
			<content:encoded><![CDATA[<p><img class="noborder" title="Style guide contents detail" src="http://dutchgirl.com/wordpress/wp-content/uploads/2010/02/style-guide-contents-detail.jpg" alt="Style guide contents detail" width="400" height="87" /></p>
<p><strong>Client:</strong> Cascadia Community College</p>
<p>(This page shows one part of the work I did for Cascadia. For an overview of that project, see <a href="../../2009/07/cascadia-edu-website-redesign/">Cascadia.edu website redesign</a>.)</p>
<p><strong>Challenges:</strong> Help Cascadia develop usable, professional-looking web content for a <a href="http://dutchgirl.com/2009/07/cascadia-edu-website-redesign/">website redesign</a>, and leave the marketing department with tools for maintaining the college&#8217;s voice and the content&#8217;s usability over time.</p>
<h2>Dutchgirl’s solutions</h2>
<p>After designing a <a href="http://dutchgirl.com/2009/10/homepage-design-for-cascadia-edu/">modular, flexible site architecture for Cascadia.edu</a>, I delivered content templates, guidelines, and standards and tutored content authors (administrators from departments across the college) in applying the guidelines and standards to their content.</p>
<p>The guidelines included special instructions for updating the homepage, calendar items, news items, promotions, and images. In the style guide, I included both editorial style standards and a 1-page cheat sheet of basic web writing guidelines.</p>
<p class="p-action">» Cascadia <a title="Contents page of Cascadia editorial style guide" href="http://dutchgirl.com/wordpress/wp-content/uploads/2009/10/cascadia-editorial-style-guide-contents.pdf">style guide contents</a> (PDF)</p>
<p class="p-action">» Basic web writing guidelines included in the Cascadia style guide — <strong>see next:</strong></p>
<h2>Three rules for writing webpages</h2>
<p><em>For Cascadia Community College web content authors</em></p>
<h3>1. Make it short and simple</h3>
<div class="nobullet">
<ul>
<li><strong>Make it short:</strong> Avoid long paragraphs. Divide information into easy-to-grasp chunks by using h2 (and h3) subheads, short paragraphs, and bulleted lists or numbered steps.</li>
<li><strong>Stick to one thing at a time:</strong> One topic per page, one point per sentence, and one idea per paragraph.</li>
</ul>
</div>
<h3>2. Put the most important information first</h3>
<div class="nobullet">
<ul>
<li><strong>Use inverted-pyramid format:</strong> As in newspaper articles, start the page with the main message, and follow it with supporting content. The “fold” is where the page content meets the bottom of the screen without scrolling: Do not put any of the most important information in your topic below the fold.</li>
<li><strong>Frontload </strong><strong>headings, list items, and links with</strong><strong> keywords:</strong> When people arrive at a webpage, they scan headings, links, lists, and captions first. By packing those items with keywords (the words that most users would use to search on your topic), you&#8217;ll help users recognize information that’s relevant to them.</li>
</ul>
</div>
<h3>3. Be polite and straightforward</h3>
<div class="nobullet">
<ul>
<li><strong>Focus on value:</strong> Focus on what the site does that is valuable from the users’ point of view, as well as how Cascadia differs from other colleges. Promoting something without substance detracts from Cascadia’s image.</li>
<li><strong>Use the active voice:</strong> Address the site’s users as “you.” Don’t use language like “Students must provide their Social Security number” — instead, write “Include your Social Security number.”</li>
<li><strong>Use plain language:</strong> Avoid jargon and invented terminology. If you must use a technical term, tell people what it means. To make the site accessible to international audiences, avoid American idioms, slang, metaphors, analogies, and abbreviations.</li>
<li><strong>Include alt text/captioning:</strong> Include descriptive alternative text for all images and captioning for all movies, to make the site fully accessible to disabled users.</li>
<li><strong>No gratuitous multimedia:</strong> Use graphics, images, and movies only to support text content, provide information or instruction, or otherwise help people complete the tasks that they have come to the site to perform. Using multimedia gratuitously distracts people from the content you want them to see and the tasks they are trying to complete.</li>
</ul>
</div>
<h2>For more details</h2>
<p>&#8230; or to discuss your project, <a href="http://dutchgirl.com/contact/" target="_self">contact us</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dutchgirl.com/2009/10/content-coaching-and-guides-for-cascadia-edu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

