<?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>Brain Traffic Blog &#187; Amy Wallace</title>
	<atom:link href="http://blog.braintraffic.com/author/amy-wallace/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.braintraffic.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 29 Jul 2010 22:05:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Anatomy of a web content document</title>
		<link>http://blog.braintraffic.com/2010/02/anatomy-of-a-web-content-document/</link>
		<comments>http://blog.braintraffic.com/2010/02/anatomy-of-a-web-content-document/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 17:34:46 +0000</pubDate>
		<dc:creator>Amy Wallace</dc:creator>
				<category><![CDATA[Content Strategy]]></category>
		<category><![CDATA[Style Guides and Such]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Content]]></category>
		<category><![CDATA[Web Writing]]></category>

		<guid isPermaLink="false">http://blog.braintraffic.com/?p=1012</guid>
		<description><![CDATA[Knowing how to format a web content document—or simply how to read it—is a crucial step in successful content creation.]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: 10pt;">For anyone who works with content, knowing how to format a web content document&mdash;or simply how to read it&mdash;is a crucial step in successful content creation.</span>&nbsp;</p>
<div><span style="font-size: 10pt;">Why? Because without a clearly structured web content document, you run the risk of confusing your content reviewers, designers, and developers. And that confusion can lead to mistakes and frustration&mdash;stuff that could end up manifesting itself on your website.</span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">Remember, a web content document isn&#8217;t just used by web writers, even though they are often the people who create and manage it. </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">Content reviewers use it to make copy edits and review messaging/tone. Designers use it to get the right copy into their design mock-ups. Developers use it to determine which copy appears as links on the actual website, and when to display dynamic content&mdash;for example, content that goes live on a specific date. </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">Here are a few of the formatting essentials you&#8217;ll need to cover to make sure your web content document (commonly called a &ldquo;copy deck&rdquo;) works for everyone on your marketing and/or creative team(s):</span></div>
<div>&nbsp;</div>
<div><b><span style="font-size: 10pt;">Links and buttons </span></b></div>
<div><span style="font-size: 10pt;">You can count on link and/or button copy to be in just about every web content document you work with. As you probably know, this is the content that takes the user to a new page, cross-references relevant information, or helps a user complete a task.</span></div>
<div><b>&nbsp;</b></div>
<div><span style="font-size: 10pt;">You&#8217;ll need to choose a style for representing links and buttons in your document. Our standard is to format this copy as blue, underlined text. This tends to be the industry standard, too.</span></div>
<div>&nbsp;</div>
<div><i><span style="font-size: 10pt;">Examples:</span></i></div>
<div><i>&nbsp;</i></div>
<div style="margin-left: 0.5in;"><u><span style="font-size: 10pt; color: blue;">Read the Brain Traffic blog</span></u></div>
<div style="margin-left: 0.5in;">&nbsp;</div>
<div style="margin-left: 0.5in;"><u><span style="font-size: 10pt; color: blue;">Submit your request</span></u></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">If you do decide to format the links and buttons in your document in a different style, make sure it&#8217;s clear&mdash;and that everyone on your team knows what it is. Keep in mind that straying from the norm might confuse reviewers, designers, and developers used to working with the standard blue, underlined text style convention.</span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">Regardless of the style you choose, follow the link and button text in your content document with its destination, which will likely be based on a site map or an external URL.</span></div>
<div>&nbsp;</div>
<div><i><span style="font-size: 10pt;">Examples:</span></i></div>
<div><i>&nbsp;</i></div>
<div><i><span style="font-size: 10pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></i><span style="font-size: 10pt;">Site map page ID<i>:</i></span></div>
<div style="margin-left: 0.5in;"><u><span style="font-size: 10pt; color: blue;">Submit your request</span></u><span style="font-size: 10pt;"> <span style="color: rgb(153, 153, 153);">&lt;link to 2.2&gt; </span></span></div>
<div style="margin-left: 0.5in;">&nbsp;</div>
<div style="margin-left: 0.5in;"><span style="font-size: 10pt;">External URL<i>:</i></span></div>
<div style="margin-left: 0.5in;"><u><span style="font-size: 10pt; color: blue;">Read the Brain Traffic blog</span></u><span style="font-size: 10pt;"> <span style="color: rgb(153, 153, 153);">&lt;link to http://blog.braintraffic.com/&gt; </span></span></div>
<div>&nbsp;</div>
<div>&nbsp;<b><span style="font-size: 10pt;">Descriptive content labels</span></b></div>
<div><span style="font-size: 10pt;">If your copy isn&rsquo;t properly labeled within your content document, designers and developers working with the document can have a difficult time figuring out which copy goes where. </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">So, make sure to identify all the content pieces on each page. For example, put the label &quot;Heading&quot; above your page headline, &quot;Body copy&quot; above the main content, and &quot;Right column copy&quot; above content that lives on this part of the web page. Or use whatever labeling convention your agency or organization may already have established.</span></div>
<div>&nbsp;</div>
<div><i><span style="font-size: 10pt;">Example:</span></i></div>
<div>&nbsp;</div>
<div><a href="http://blog.braintraffic.com/wp-content/uploads/2010/02/ContentLabels.png"><img height="280" width="265" class="alignnone size-full wp-image-1010" title="ContentLabels" alt="" src="http://blog.braintraffic.com/wp-content/uploads/2010/02/ContentLabels.png" /></a></div>
<div><span style="font-size: 10pt;">The key is making sure the labels are clear and easy to understand for everyone referencing your document. </span></div>
<div>&nbsp;</div>
<div><b><span style="font-size: 10pt;">Dynamic content</span></b></div>
<div><span style="font-size: 10pt;">Content that may change or is dependent on functionality conditions is often referred to as &quot;dynamic&quot; content. For instance, if you&#8217;re working on a project that includes content that launches on different dates or should only be displayed based on certain requirements (maybe after a user logs in, for example), your document will need to specifically state when to display that content. </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">I recommend writing a short note to the developer above the specific piece of dynamic content. Describe the rule for displaying it&mdash;for example, &quot;only display this content for California residents.&quot; </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">I write these notes in gray text, so it&#8217;s easy for developers to skim and find them throughout the content document. </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;"></p>
<div><i><span style="font-size: 10pt;">Example:</span></i></div>
<div><i>&nbsp;</i></div>
<div style="margin: 0in 0in 0.0001pt; text-indent: 0.5in;"><span style="color: rgb(153, 153, 153);">&lt;<b>Note to developers</b>: Display this link on 1/1/2010&gt;</span></div>
<div style="margin: 0in 0in 0.0001pt; text-indent: 0.5in;"><u><span style="color: blue;">See our 2010 plans</span></u><span style="color: rgb(153, 153, 153);">&lt;link to 3.4&gt; </span></div>
<div><b>&nbsp;</b></div>
<div><b><span style="font-size: 10pt;">Meta</span></b><b><span style="font-size: 10pt;"> data</span></b></div>
<div><span style="font-size: 10pt;">Those of you well-versed in web content know what meta data is, but let&#8217;s do a quick review. It refers to specific information developers need to make your content searchable. </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">Meta</span><span style="font-size: 10pt;"> data includes:</span></div>
<div>&nbsp;</div>
<div style="margin-left: 40.5pt; text-indent: -0.25in;"><span style="font-size: 10pt;">&middot;<span style="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span style="font-size: 10pt;">Meta</span><span style="font-size: 10pt;"> title (the title of the content page, which appears in your internet browser)</span></div>
<div style="margin-left: 40.5pt; text-indent: -0.25in;"><span style="font-size: 10pt;">&middot;<span style="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span style="font-size: 10pt;">Meta</span><span style="font-size: 10pt;"> description (a keyword-loaded description of the content page) </span></div>
<div style="margin-left: 40.5pt; text-indent: -0.25in;"><span style="font-size: 10pt;">&middot;<span style="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span style="font-size: 10pt;">Meta</span><span style="font-size: 10pt;"> keywords (words that refer to specific topics on the content page and make it easily findable) </span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">A web writer or SEO expert is usually responsible for creating this information. Whether or not you create ityourself, you&#8217;ll need to include meta data in your content document. Which means you might also need to format this content, especially if you receive the meta data in a different type of document, like Microsoft Excel.</span></div>
<div>&nbsp;</div>
<div><span style="font-size: 10pt;">It&#8217;s a good idea to place the meta data in a separate section of your content &nbsp;document&mdash;say, at the top of each page&mdash;so it&#8217;s clearly distinguished from the actual web copy.</span></div>
<div>&nbsp;</div>
<div><i><span style="font-size: 10pt;">Example:</span></i></div>
<div><a href="http://blog.braintraffic.com/wp-content/uploads/2010/02/Metadata.png"><img class="alignnone size-full wp-image-1011" title="Metadata" alt="" src="http://blog.braintraffic.com/wp-content/uploads/2010/02/Metadata.png" style="width: 462px; height: 137px;" /></a></div>
<div><span style="font-size: 10pt;"></p>
<div><span style="font-size: 10pt;">Remember, the web content document you create isn&#8217;t just black-and-white. Sometimes it&rsquo;s blue. And underlined. With notes. Because that&#8217;s what works.</span></div>
<p></span></div>
<p></span></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.braintraffic.com/2010/02/anatomy-of-a-web-content-document/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Be your own content expert</title>
		<link>http://blog.braintraffic.com/2009/11/be-your-own-content-expert/</link>
		<comments>http://blog.braintraffic.com/2009/11/be-your-own-content-expert/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 19:52:47 +0000</pubDate>
		<dc:creator>Amy Wallace</dc:creator>
				<category><![CDATA[Content Strategy]]></category>
		<category><![CDATA[Editorial Strategy]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Writing]]></category>

		<guid isPermaLink="false">http://blog.braintraffic.com/?p=713</guid>
		<description><![CDATA[Want to create better web content? Take a lesson from someone who knows about good user experience—you. ]]></description>
			<content:encoded><![CDATA[<p>Whether you&#8217;re a writer, editor or content strategist, you probably spend a lot of time thinking about how to effectively reach your audience. Maybe you pore over personas and case studies for inspiration. But there&#8217;s probably one resource you&#8217;re not considering&mdash;you! As a web user, you can be your own content expert.</p>
<p>Think about it. You know what an effective user experience feels like when you come across it: An instantly identifiable objective. Clean, concise copy. Benefits front-and-center. Easy navigation and clear task instructions.</p>
<p>Sure, style guides and success metrics are important tools for creating better content. But as a web writer and editor, I&#8217;ve learned that considering my own user experience every step of the way is one of the best strategies for success.</p>
<p>Here are some tips for developing your inner content expert.</p>
<p><strong>Change your perception of web writing</strong><br />
We all hear a lot about the differences between print writing and web writing. Overall, web writing has to be more concise&mdash;scannable, task-driven, presented in bulleted lists, etc.&mdash;than print copy.</p>
<p>On the surface those differences seem pretty straightforward. I mean, when it comes down to it, good writing is good writing, right?</p>
<p>Not exactly. Web writing is a whole other animal. It needs to work in harmony with the design and information architecture to create a seamless user experience. It needs to help people DO something. And once you recognize that, you might need to change your approach to creating content.</p>
<p>How? By answering this one simple&mdash;but very important&mdash;question:</p>
<p>Is this something I&#8217;d want to read?</p>
<p>In other words, if I landed on this web page and read the copy, would it hold my attention? Would I get the information I need to complete my task? It may sound like common sense, but this approach can make a huge difference in the quality of your web content. Trust me.</p>
<p><strong>White space is your friend</strong><br />
You&#8217;ve most likely visited a website filled with paragraph after paragraph of copy. And you&#8217;ve most likely zoned out, stopped reading, and maybe even left the site. I know I have.</p>
<p>Keep this in mind when you&#8217;re creating your content. If you can, see how it looks in a design mock-up. How dense do those paragraphs appear? Does the copy length seem intimidating and time-consuming? Would you read it if you were trying to complete a task in the midst of juggling a million other things, as your users likely are?</p>
<p>If not, start slashin&#8217;. Create some white space. Web users want to find what they need as quickly as possible so they can move on to the next task. They don&#8217;t want to spend a lot of time sifting through unnecessary copy to find the information they really need.</p>
<p>Remember, attention spans are short. Make sure your content keeps readers engaged.</p>
<p><strong>Say something that matters</strong><br />
Concise copy alone isn&#8217;t enough. Bulleted lists don&#8217;t guarantee good web content. You still need to make sure the limited words on the page actually help users do what they came to do or learn what they came to learn. We&#8217;re talking product or service benefits, clear instructional copy, user-friendly navigation nomenclature, etc.</p>
<p>When you&#8217;re trying to complete a task or order a product, you want the most direct path possible to making it happen. And that path can&#8217;t be cluttered with mission statements or &quot;why we&#8217;re great&quot; language&mdash;unless it supports what you&#8217;re trying to do. Does this content help you make a purchase decision? Complete your task?</p>
<p>Great web content is about so much more than just brevity. It&#8217;s about choosing the right words (and sometimes showing rather than telling with good design) to support an effective user experience that will keep people coming back for more.</p>
<p>Keep this in mind when creating your own content. It&#8217;s not about the story you want to tell&mdash;it&#8217;s about what the user wants to know. Talk to them, not <em>at</em> them. </p>
<p>Now get out there and create some killer web content. You&#8217;re the expert, after all.</p>
<p>&nbsp; </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.braintraffic.com/2009/11/be-your-own-content-expert/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
