<?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>Learn to Do It Right. Build a Successful Web Site. &#187; Usability</title>
	<atom:link href="http://www.learntodoitright.com/category/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.learntodoitright.com</link>
	<description>Learn how to make your web site successful through customer-oriented web design, copywriting and SEO.</description>
	<lastBuildDate>Thu, 01 Apr 2010 17:35:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Is Flash on Its Way Out?</title>
		<link>http://www.learntodoitright.com/2010/02/19/is-flash-on-its-way-out/</link>
		<comments>http://www.learntodoitright.com/2010/02/19/is-flash-on-its-way-out/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 19:36:42 +0000</pubDate>
		<dc:creator>Viki Nygaard</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[arguments against flash]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[the case against flash]]></category>
		<category><![CDATA[why the iPad doesn't support flash]]></category>

		<guid isPermaLink="false">http://www.learntodoitright.com/?p=628</guid>
		<description><![CDATA[I was stunned to find out that Apple&#8217;s latest gadget, the iPad, does not support Flash. Why?  Because Flash-based web designs have exploded in popularity the past several years.  This has been due, in part, to the fact that some of the past arguments against Flash are no longer valid.  Times have changed and [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>I was stunned to find out that Apple&#8217;s latest gadget, the <a title="iPad" href="http://www.apple.com/ipad/">iPad</a>, does not support Flash. Why?  Because Flash-based web designs have exploded in popularity the past several years.  This has been due, in part, to the fact that some of the past arguments against Flash are no longer valid.  Times have changed and technology has evolved, making the Internet more Flash-friendly.</p>
<p><strong>Why We Hated Flash</strong></p>
<p>Years ago, one of Flash&#8217;s biggest strikes against it was that it used a lot of bandwidth.  Web sites containing Flash took forever and a day to download on a slow Internet connection, but high speed Internet has become the norm (at least in most areas of the United States).</p>
<p>Another argument against Flash was that it was not search engine friendly.  However, since mid-2008<a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=72746#1"> Google</a> has been able to index text and follow URLs contained in SWF files.  It&#8217;s true that other search engines might not be able to index Flash, but that doesn&#8217;t have much relevance as long as Google continues to dominate the search world.</p>
<p>Finally, Flash requires a plug-in in order to work.  But these days, many computers come with the plug-in already installed.  If not, the user is normally prompted to download Flash and provided with a link to the download page, making it easy for most people to install it.</p>
<p>So why did an innovative company like Apple purposely leave out a technology that is so widely used?</p>
<p><strong>Why the iPad doesn&#8217;t support Flash</strong></p>
<p>As far as I know, Apple hasn&#8217;t released a statement as to why the iPad doesn&#8217;t support Flash.  However, there is a lot of speculation going on in the blogosphere.  Here&#8217;s a summary of what other people are saying:</p>
<ol>
<li><strong>Flash is a resource hog. </strong> It uses a significant amount of CPU and drains the battery.  The iPads 10 hour battery life would be significantly reduced if it supported Flash.  Mac OS X users have long complained that Flash freezes up their browser or crashes their computer.  Maybe Apple thought that eliminating Flash meant eliminating headaches.</li>
<li><strong>HTML5 has the potential to replace Flash. </strong>HTML5 allows you to embed audio and video directly into a web page without using a plug-in.<strong> </strong>It also works along with Javascript to allow you to insert interactive animations<strong> -</strong> no Flash required<strong>. </strong>See a cool example of an <a title="HTML5 Animation" href="http://3.paulhamill.com/node/39">HTML5 animation</a> here.<strong><br />
</strong></li>
<li><strong>Flash is a usability nightmare. </strong>I recently experienced this first-hand with an online shopping cart that was completely designed in Flash.  Navigation was a disaster.  I couldn&#8217;t use the back button without being forced to completely start over.  When I tried to use the search box to find an item, it stalled&#8230;and I once again had to start over.</li>
<li><strong>Security is questionable. </strong><a title="Flash security flaws" href="http://www.computerworld.com/s/article/9140768/Flash_flaw_puts_most_sites_users_at_risk_say_researchers">Flash security flaws</a> exist that have been deemed unpatchable by Adobe themselves.  How scary is that?</li>
</ol>
<p>Many anti-Flash commentators also pointed out that Flash blockers are some of the most highly downloaded add ons for Firefox and other browsers.  <a title="Flashblock for FireFox" href="https://addons.mozilla.org/en-US/firefox/addon/433">Flashblock</a>, for example, has been downloaded more than 8 million times.  This leads me to believe that although the use of Flash has increased, not everyone has embraced it.</p>
<p>So the question remains:  Is Flash about to make a quick exit or are Web designers so used to relying on this technology that they will be resistant to change?  Will Apple&#8217;s non-support of Flash help force their hand?  Only time will tell.</p>
<p>What do you think?  Leave your thoughts in the comments box and let&#8217;s discuss it!</p>



Share and Enjoy:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F&amp;title=Is%20Flash%20on%20Its%20Way%20Out%3F&amp;bodytext=I%20was%20stunned%20to%20find%20out%20that%20Apple%27s%20latest%20gadget%2C%20the%20iPad%2C%20does%20not%20support%20Flash.%20Why%3F%C2%A0%20Because%20Flash-based%20web%20designs%20have%20exploded%20in%20popularity%20the%20past%20several%20years.%20%20This%20has%20been%20due%2C%20in%20part%2C%20to%20the%20fact%20that%20some%20of%20the%20past%20argument" title="Digg"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F&amp;title=Is%20Flash%20on%20Its%20Way%20Out%3F&amp;notes=I%20was%20stunned%20to%20find%20out%20that%20Apple%27s%20latest%20gadget%2C%20the%20iPad%2C%20does%20not%20support%20Flash.%20Why%3F%C2%A0%20Because%20Flash-based%20web%20designs%20have%20exploded%20in%20popularity%20the%20past%20several%20years.%20%20This%20has%20been%20due%2C%20in%20part%2C%20to%20the%20fact%20that%20some%20of%20the%20past%20argument" title="del.icio.us"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F&amp;t=Is%20Flash%20on%20Its%20Way%20Out%3F" title="Facebook"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F&amp;title=Is%20Flash%20on%20Its%20Way%20Out%3F&amp;annotation=I%20was%20stunned%20to%20find%20out%20that%20Apple%27s%20latest%20gadget%2C%20the%20iPad%2C%20does%20not%20support%20Flash.%20Why%3F%C2%A0%20Because%20Flash-based%20web%20designs%20have%20exploded%20in%20popularity%20the%20past%20several%20years.%20%20This%20has%20been%20due%2C%20in%20part%2C%20to%20the%20fact%20that%20some%20of%20the%20past%20argument" title="Google Bookmarks"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F&amp;title=Is%20Flash%20on%20Its%20Way%20Out%3F" title="StumbleUpon"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F" title="Technorati"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Is%20Flash%20on%20Its%20Way%20Out%3F%20-%20http%3A%2F%2Fwww.learntodoitright.com%2F2010%2F02%2F19%2Fis-flash-on-its-way-out%2F" title="Twitter"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>


<br/><br/>

<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.learntodoitright.com/2010/02/19/is-flash-on-its-way-out/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Got Video? Here&#8217;s How to Increase View Time</title>
		<link>http://www.learntodoitright.com/2009/04/06/got-video-heres-how-to-increase-view-time/</link>
		<comments>http://www.learntodoitright.com/2009/04/06/got-video-heres-how-to-increase-view-time/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 02:05:42 +0000</pubDate>
		<dc:creator>Viki Nygaard</dc:creator>
				<category><![CDATA[Communication]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.learntodoitright.com/?p=525</guid>
		<description><![CDATA[Are people clicking on your web site or blog videos, but only viewing them for a brief time before abandoning them?  Or are they ignoring them altogether?  If either of these applies to you, the first thing you should ask yourself is:
&#8220;Do my videos give my customers content that is unique and interesting?  Is it [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Are people clicking on your web site or blog videos, but only viewing them for a brief time before abandoning them?  Or are they ignoring them altogether?  If either of these applies to you, the first thing you should ask yourself is:</p>
<p>&#8220;Do my videos give my customers content that is unique and interesting?  Is it valuable enough that they are willing to spend their precious time watching it?&#8221;</p>
<p>Compelling content that is targeted to your customer is important, even in online videos.  Content is what increases the time people spend on your web site and decreases your bounce rate.</p>
<p>But if you are convinced your video content is first rate and people still aren&#8217;t sticking around to watch it, there could be several other factors playing into the mix.</p>
<p>It could be that your viewers are in situations where they either:</p>
<ol>
<li>Can&#8217;t turn up the volume</li>
<li>Can&#8217;t hear or understand the audio</li>
</ol>
<p>It makes perfect sense when you think about it. In public places such as an office, library, or coffee shop, and sometimes even in the privacy of their own homes, people are hesitant to turn up the volume because they don&#8217;t want to disturb those around them.</p>
<p>On the other end of the spectrum, people are often in loud situations and environments where they can&#8217;t hear the audio over the background noise.</p>
<p>There are also those who can&#8217;t hear what&#8217;s being said on videos due to hearing loss.  Statistics show 36 million people in the United States alone suffer from hearing loss, with more than half of them under the age of 65. (It&#8217;s not just old folks, young people are affected, too).</p>
<p>If you&#8217;re thinking that there&#8217;s nothing you can do about this &#8211; that the situation is out of your control &#8211; you are wrong.  There is one very simple solution that will solve all of these issues and that is:</p>
<p><strong>Caption or subtitle your videos!</strong></p>
<p>According to <a href="http://www.emarketer.com/Article.aspx?id=1007004">a trial done at PLYmedia</a>, people will spend up to <strong>40% more</strong> time watching videos that have captions or subtitles.  The trial also showed that when captions or subtitles appeared in the video, <strong>80% more</strong> people watched the video <strong>in its entirety</strong> compared to the same video without captions.</p>
<p>That tells us that captioning your videos is a powerful tool that works to keep people watching for a longer period of time.  It knocks down barriers and eliminates excuses.</p>
<p>If that doesn&#8217;t completely convince you to caption your videos, than this might:  It&#8217;s a good possibility that search engines will soon be able to index the text contained in videos.  They can already index the text in Flash files, so the technology to index video files is very likely just a heartbeat away.</p>
<p>No matter how you look at it, stats like these simply cannot be ignored, in my humble opinion.  There is a need out there that is waiting to be filled.  I believe smart marketers will be quickly moving on this information and adding captioning to their videos. Will you be one of them?</p>
<p><strong>Related posts:</strong><a title="Article-Link (Permalink)" rel="bookmark" href="../2008/07/12/should-you-use-video-on-your-blog-or-web-site/"><br />
Should You Use Video on Your Blog or Web Site?</a></p>



Share and Enjoy:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F&amp;title=Got%20Video%3F%20Here%27s%20How%20to%20Increase%20View%20Time&amp;bodytext=Are%20people%20clicking%20on%20your%20web%20site%20or%20blog%20videos%2C%20but%20only%20viewing%20them%20for%20a%20brief%20time%20before%20abandoning%20them%3F%C2%A0%20Or%20are%20they%20ignoring%20them%20altogether%3F%C2%A0%20If%20either%20of%20these%20applies%20to%20you%2C%20the%20first%20thing%20you%20should%20ask%20yourself%20is%3A%0D%0A%0D%0A%22Do%20my%20vid" title="Digg"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F&amp;title=Got%20Video%3F%20Here%27s%20How%20to%20Increase%20View%20Time&amp;notes=Are%20people%20clicking%20on%20your%20web%20site%20or%20blog%20videos%2C%20but%20only%20viewing%20them%20for%20a%20brief%20time%20before%20abandoning%20them%3F%C2%A0%20Or%20are%20they%20ignoring%20them%20altogether%3F%C2%A0%20If%20either%20of%20these%20applies%20to%20you%2C%20the%20first%20thing%20you%20should%20ask%20yourself%20is%3A%0D%0A%0D%0A%22Do%20my%20vid" title="del.icio.us"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F&amp;t=Got%20Video%3F%20Here%27s%20How%20to%20Increase%20View%20Time" title="Facebook"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F&amp;title=Got%20Video%3F%20Here%27s%20How%20to%20Increase%20View%20Time&amp;annotation=Are%20people%20clicking%20on%20your%20web%20site%20or%20blog%20videos%2C%20but%20only%20viewing%20them%20for%20a%20brief%20time%20before%20abandoning%20them%3F%C2%A0%20Or%20are%20they%20ignoring%20them%20altogether%3F%C2%A0%20If%20either%20of%20these%20applies%20to%20you%2C%20the%20first%20thing%20you%20should%20ask%20yourself%20is%3A%0D%0A%0D%0A%22Do%20my%20vid" title="Google Bookmarks"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F&amp;title=Got%20Video%3F%20Here%27s%20How%20to%20Increase%20View%20Time" title="StumbleUpon"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F" title="Technorati"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Got%20Video%3F%20Here%27s%20How%20to%20Increase%20View%20Time%20-%20http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F04%2F06%2Fgot-video-heres-how-to-increase-view-time%2F" title="Twitter"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>


<br/><br/>

<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.learntodoitright.com/2009/04/06/got-video-heres-how-to-increase-view-time/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Which Comes First, the Copy or the Web Design?</title>
		<link>http://www.learntodoitright.com/2009/01/19/which-comes-first-the-copy-or-the-web-design/</link>
		<comments>http://www.learntodoitright.com/2009/01/19/which-comes-first-the-copy-or-the-web-design/#comments</comments>
		<pubDate>Tue, 20 Jan 2009 05:00:03 +0000</pubDate>
		<dc:creator>Viki Nygaard</dc:creator>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[SEO (Search Engine Optimization)]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[copy before design]]></category>
		<category><![CDATA[home page copy]]></category>
		<category><![CDATA[write copy before designing]]></category>
		<category><![CDATA[writing for the web]]></category>

		<guid isPermaLink="false">http://www.learntodoitright.com/?p=272</guid>
		<description><![CDATA[Back when I was a rookie web designer, I often had clients come to me fired up to get their web site design rolling, even though they didn&#8217;t have a single word of copy written.
&#8220;Can you design the web site first and then add the copy later?&#8221; they would ask.  Not knowing any better, and [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Back when I was a rookie web designer, I often had clients come to me fired up to get their web site design rolling, even though they didn&#8217;t have a single word of copy written.</p>
<p>&#8220;Can you design the web site first and then add the copy later?&#8221; they would ask.  Not knowing any better, and wanting to be agreeable, I would always say yes.</p>
<p>So while I designed the web site, the client would plug away at the copy. And that&#8217;s where all the problems began.</p>
<p>You see, writing copy for a web site is often a clarification process.  What begins as a general and rather vague idea for a web site becomes more focused and specific as words are put on paper.</p>
<p>As my clients began to clarify what they needed, their vision for the design of the web site often changed.  Sometimes the changes were dramatic, involving an entire rework of the logo, images, and layout. Other times, the changes were more simple, such as additional navigation links or a second or third column.</p>
<p>Either way, it ended up being more work on my end.  And since I charged by the project and not by the hour, I became frustrated by the extra time I had to put in to get the project done. All of which could have been avoided had the copy had been completed first.</p>
<p>Eventually, I learned my lesson.  These days, I insist that my clients have the copy at least 90% completed and finalized before I will start on a design or redesign.</p>
<p><strong>Advertising Always Begins With Words</strong></p>
<p>When you think of how other advertising methods are developed, it&#8217;s easy to see why web site design should begin with the words.  After all, who would shoot a TV commercial without having the narrative in place?  Or design a newspaper or magazine ad without knowing what it&#8217;s going to say?</p>
<p>It simply isn&#8217;t done, because it would be inefficient.  Likewise, it is inefficient to design a web site first and then write the copy for it later.</p>
<p><strong>Start With the Home Page</strong></p>
<p>While there are no hard and fast rules as to what page should be written first, the home page is a perfect starting point.</p>
<p>Writing the home page copy will help you determine what other pages you will need on your site.  And it will help you focus on your customer and what they expect to find on your web site.</p>
<p>One client of mine, while researching her customer&#8217;s preferences during the copywriting process, discovered that her target audience wouldn&#8217;t be attracted to her original logo and graphics.  She ended up having everything redone.  Her original look was meant to convey her service as fun and unpredictable, while her redesigned look conveyed her service as something that is highly valued and treasured, which is exactly what appealed to those she wanted to attract.</p>
<p>The next time you prepare for a web site design or redesign, focus on the copy first and the design second.  Doing so will result in a process that saves time and money, all while helping to ensure that your web site is focused is on your customer.<strong><br />
</strong></p>



Share and Enjoy:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F&amp;title=Which%20Comes%20First%2C%20the%20Copy%20or%20the%20Web%20Design%3F&amp;bodytext=Back%20when%20I%20was%20a%20rookie%20web%20designer%2C%20I%20often%20had%20clients%20come%20to%20me%20fired%20up%20to%20get%20their%20web%20site%20design%20rolling%2C%20even%20though%20they%20didn%27t%20have%20a%20single%20word%20of%20copy%20written.%0D%0A%0D%0A%22Can%20you%20design%20the%20web%20site%20first%20and%20then%20add%20the%20copy%20later%3F%22%20they%20" title="Digg"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F&amp;title=Which%20Comes%20First%2C%20the%20Copy%20or%20the%20Web%20Design%3F&amp;notes=Back%20when%20I%20was%20a%20rookie%20web%20designer%2C%20I%20often%20had%20clients%20come%20to%20me%20fired%20up%20to%20get%20their%20web%20site%20design%20rolling%2C%20even%20though%20they%20didn%27t%20have%20a%20single%20word%20of%20copy%20written.%0D%0A%0D%0A%22Can%20you%20design%20the%20web%20site%20first%20and%20then%20add%20the%20copy%20later%3F%22%20they%20" title="del.icio.us"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F&amp;t=Which%20Comes%20First%2C%20the%20Copy%20or%20the%20Web%20Design%3F" title="Facebook"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F&amp;title=Which%20Comes%20First%2C%20the%20Copy%20or%20the%20Web%20Design%3F&amp;annotation=Back%20when%20I%20was%20a%20rookie%20web%20designer%2C%20I%20often%20had%20clients%20come%20to%20me%20fired%20up%20to%20get%20their%20web%20site%20design%20rolling%2C%20even%20though%20they%20didn%27t%20have%20a%20single%20word%20of%20copy%20written.%0D%0A%0D%0A%22Can%20you%20design%20the%20web%20site%20first%20and%20then%20add%20the%20copy%20later%3F%22%20they%20" title="Google Bookmarks"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F&amp;title=Which%20Comes%20First%2C%20the%20Copy%20or%20the%20Web%20Design%3F" title="StumbleUpon"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F" title="Technorati"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Which%20Comes%20First%2C%20the%20Copy%20or%20the%20Web%20Design%3F%20-%20http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F19%2Fwhich-comes-first-the-copy-or-the-web-design%2F" title="Twitter"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>


<br/><br/>

<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.learntodoitright.com/2009/01/19/which-comes-first-the-copy-or-the-web-design/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How Text Alignment Affects Online Readability</title>
		<link>http://www.learntodoitright.com/2009/01/14/how-text-alignment-affects-online-readability/</link>
		<comments>http://www.learntodoitright.com/2009/01/14/how-text-alignment-affects-online-readability/#comments</comments>
		<pubDate>Thu, 15 Jan 2009 02:30:28 +0000</pubDate>
		<dc:creator>Viki Nygaard</dc:creator>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.learntodoitright.com/?p=23</guid>
		<description><![CDATA[Improper use of text alignment is one of the most common and overlooked mistakes of web design.  Yet the impact that it has on online readability simply cannot be overlooked.  Surprisingly, very few people talk about it or understand its significance.
From the birth of the Internet, people have been taking the rules of [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Improper use of text alignment is one of the most common and overlooked mistakes of web design.  Yet the impact that it has on online readability simply cannot be overlooked.  Surprisingly, very few people talk about it or understand its significance.</p>
<p>From the birth of the Internet, people have been taking the rules of text alignment for print and applying them to the screen.  But onscreen reading is <a href="http://www.useit.com/alertbox/9703b.html">up to 25% slower</a> and causes more eye strain than reading something in print.  Therefore, the text alignment guidelines that work beautifully for print almost always cause readability issues when used online.</p>
<p><strong>How People View / Scan / Read Web Pages</strong></p>
<p>In order to understand why a certain alignment works and others don&#8217;t, we first need to understand how people view web pages, scan web pages and read web pages.</p>
<p>Eyetracking studies have shown us that when someone arrives at a web site, their eye is immediately drawn to the upper left hand corner of the  web page.  From there, the eye moves down the left side of the page, occasionally moving horizontally towards the right.  This particularly occurs towards the top of the page and less so while moving further down a page. The result is an <a href="http://www.useit.com/alertbox/reading_pattern.html">&#8220;F&#8221; shaped eye movement pattern</a>.</p>
<p>This is really no surprise, is it? From the time we sat on Mom or Dad&#8217;s lap with our first book, we have been programmed to start reading in the upper left corner of the left page.  We read from left to right.  This learned behavior carries over from print reading to screen reading.</p>
<p>The primary difference between the two is that people tend to scan web pages and only read what they&#8217;ve determined to be of importance to them, rather than reading straight from beginning to end as they do with a book.</p>
<p><strong>Why</strong><strong> Left Alignment Rules Online<br />
</strong></p>
<p>When text is aligned to the left on a web page, the eye can easily and comfortably follow the straight edge as it moves down the left side of the page or column.  Therefore, it is the alignment that is preferred for both scanning and reading online.</p>
<p>Most likely, you are sitting there with a smug look on your face and patting yourself on the back for being smart enough to use left alignment.  But are you really?  What about headings and subheadings?  Are you left-aligning those as well, or have you fallen into the trap of centering them so they &#8220;stand out?&#8221;</p>
<p>In addition, what alignment are you using for navigation links, ads and testimonials?  Most people find themselves using center alignment for these things.  Why?<strong> </strong>The reason is three-fold:</p>
<ol>
<li>It feels comfortable.</li>
<li>It&#8217;s a way to make these elements &#8220;stand out,&#8221; or to draw attention to them.</li>
<li>It&#8217;s what everyone else is doing<strong>. </strong></li>
</ol>
<p>Yes, center alignment does feel comfortable.  And quite frankly, it will be more than a mite uncomfortable to break away from using it.  But it interrupts the flow of people who are scanning when their eye has to jump to a section in the middle of the page. As a matter of fact, your readers may be intentionally skipping over those center-aligned headings and subheadings that we all know are such an integral part of web site copy.  GASP!</p>
<p>Here&#8217;s a suggestion.  Instead of using center alignment to make your heading, subheadings, etc. stand out,  align them to the left and use a larger and bolder font size for them.  Using a different color is also a consideration, but use caution. Colored text can also cause readability issues.</p>
<p>Sure, everyone else is center aligning like crazy.  That means a lot of web sites are difficult to read and causing unnecessary eyestrain on their poor visitors.  But by left aligning your text, you&#8217;ll keep your web site visitors blissfully reading and sticking around, which is exactly where you want them.  <img src='http://www.learntodoitright.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>



Share and Enjoy:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F&amp;title=How%20Text%20Alignment%20Affects%20Online%20Readability&amp;bodytext=Improper%20use%20of%20text%20alignment%20is%20one%20of%20the%20most%20common%20and%20overlooked%20mistakes%20of%20web%20design.%20%20Yet%20the%20impact%20that%20it%20has%20on%20online%20readability%20simply%20cannot%20be%20overlooked.%20%20Surprisingly%2C%20very%20few%20people%20talk%20about%20it%20or%20understand%20its%20significance" title="Digg"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F&amp;title=How%20Text%20Alignment%20Affects%20Online%20Readability&amp;notes=Improper%20use%20of%20text%20alignment%20is%20one%20of%20the%20most%20common%20and%20overlooked%20mistakes%20of%20web%20design.%20%20Yet%20the%20impact%20that%20it%20has%20on%20online%20readability%20simply%20cannot%20be%20overlooked.%20%20Surprisingly%2C%20very%20few%20people%20talk%20about%20it%20or%20understand%20its%20significance" title="del.icio.us"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F&amp;t=How%20Text%20Alignment%20Affects%20Online%20Readability" title="Facebook"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F&amp;title=How%20Text%20Alignment%20Affects%20Online%20Readability&amp;annotation=Improper%20use%20of%20text%20alignment%20is%20one%20of%20the%20most%20common%20and%20overlooked%20mistakes%20of%20web%20design.%20%20Yet%20the%20impact%20that%20it%20has%20on%20online%20readability%20simply%20cannot%20be%20overlooked.%20%20Surprisingly%2C%20very%20few%20people%20talk%20about%20it%20or%20understand%20its%20significance" title="Google Bookmarks"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F&amp;title=How%20Text%20Alignment%20Affects%20Online%20Readability" title="StumbleUpon"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F" title="Technorati"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=How%20Text%20Alignment%20Affects%20Online%20Readability%20-%20http%3A%2F%2Fwww.learntodoitright.com%2F2009%2F01%2F14%2Fhow-text-alignment-affects-online-readability%2F" title="Twitter"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>


<br/><br/>

<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.learntodoitright.com/2009/01/14/how-text-alignment-affects-online-readability/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Stick With Web Site Terms that Are Familiar</title>
		<link>http://www.learntodoitright.com/2008/09/04/stick-with-web-site-terms-that-are-familiar/</link>
		<comments>http://www.learntodoitright.com/2008/09/04/stick-with-web-site-terms-that-are-familiar/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 20:29:26 +0000</pubDate>
		<dc:creator>Viki Nygaard</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web site terminology]]></category>
		<category><![CDATA[web site terms]]></category>

		<guid isPermaLink="false">http://www.learntodoitright.com/?p=80</guid>
		<description><![CDATA[Web designers and web site owners often find themselves on a mission to think up ways in which they can make their web site unique and memorable.  After all, everyone wants their web site to stand out in the crowd.
But it&#8217;s important to use caution when straying from what&#8217;s familiar.  This is especially holds true [...]


No related posts.

Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Web designers and web site owners often find themselves on a mission to think up ways in which they can make their web site unique and memorable.  After all, everyone wants their web site to stand out in the crowd.</p>
<p>But it&#8217;s important to use caution when straying from what&#8217;s familiar.  This is especially holds true when it comes to web site terminology.  People have become accustomed to using certain words and phrases to describe specific web site elements.  When you change them in an effort to be clever or creative, the end result is most often confusion.</p>
<p>A good example would be a recent change made at <a href="http://www.blogcatalog.com/blogs/learn-to-do-it-right.html">BlogCatalog</a>, a blog directory/social networking site I belong to.  BlogCatalog stated in their September newsletter that due to confusion, they would be changing the terminology of their blog &#8220;neighborhoods&#8221; to blog &#8220;favorites.&#8221;</p>
<p>If you are thinking, &#8220;What the heck is a blog neighborhood?&#8221; apparently a lot of other people were wondering the same thing!  Simply put, a &#8220;neighborhood&#8221; was a place on your BlogCatalog account where you could add blogs you liked.  Most people know this as &#8220;bookmarking&#8221; a site, or adding it to &#8220;favorites.&#8221;  The folks at BlogCatalog must have initially thought that using the term &#8220;neighborhood&#8221; was a clever way to stand out&#8230;a way to be different.</p>
<p>But it ended up backfiring.  People didn&#8217;t recognize the terminology.  Most (including me) had no idea what &#8220;neighborhoods&#8221; were.  As a result, BlogCatalog decided to change blog &#8220;neighborhoods&#8221; to blog &#8220;favorites,&#8221; a term that people are familiar with and instantly recognize.</p>
<p>Let&#8217;s take a look at a few other web site elements where it&#8217;s wise to stick with terms that are well-known:</p>
<ul>
<li><strong>Navigation </strong>- Use terms that are familiar, no matter how boring or overused they may seem.  The Home page should be referred to as the Home page, the About page should be named exactly that, and so on and so forth.</li>
<li><strong>Shopping carts </strong>- Call a shopping cart what it is &#8211; a cart.  Studies have shown that using other terms such as bag, basket, buggy, etc. are not as well accepted or recognized by web site users.</li>
<li><strong>Buttons</strong> &#8211; Label form buttons by what their function is and resist the urge to label them with cute or clever words or phrases.  For example, contact form submit buttons should be labeled &#8220;submit,&#8221; search form buttons should be labeled &#8220;search,&#8221; and subscription form buttons should be labeled &#8220;subscribe.&#8221;</li>
</ul>
<p>When it comes to web site terminology, don&#8217;t leave people second guessing.  Stick with what&#8217;s familiar and intuitive and your customers will stick around.</p>
<p>Remember, it&#8217;s always about the customer.</p>



Share and Enjoy:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F&amp;title=Stick%20With%20Web%20Site%20Terms%20that%20Are%20Familiar&amp;bodytext=Web%20designers%20and%20web%20site%20owners%20often%20find%20themselves%20on%20a%20mission%20to%20think%20up%20ways%20in%20which%20they%20can%20make%20their%20web%20site%20unique%20and%20memorable.%C2%A0%20After%20all%2C%20everyone%20wants%20their%20web%20site%20to%20stand%20out%20in%20the%20crowd.%0D%0A%0D%0ABut%20it%27s%20important%20to%20use%20cauti" title="Digg"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F&amp;title=Stick%20With%20Web%20Site%20Terms%20that%20Are%20Familiar&amp;notes=Web%20designers%20and%20web%20site%20owners%20often%20find%20themselves%20on%20a%20mission%20to%20think%20up%20ways%20in%20which%20they%20can%20make%20their%20web%20site%20unique%20and%20memorable.%C2%A0%20After%20all%2C%20everyone%20wants%20their%20web%20site%20to%20stand%20out%20in%20the%20crowd.%0D%0A%0D%0ABut%20it%27s%20important%20to%20use%20cauti" title="del.icio.us"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F&amp;t=Stick%20With%20Web%20Site%20Terms%20that%20Are%20Familiar" title="Facebook"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F&amp;title=Stick%20With%20Web%20Site%20Terms%20that%20Are%20Familiar&amp;annotation=Web%20designers%20and%20web%20site%20owners%20often%20find%20themselves%20on%20a%20mission%20to%20think%20up%20ways%20in%20which%20they%20can%20make%20their%20web%20site%20unique%20and%20memorable.%C2%A0%20After%20all%2C%20everyone%20wants%20their%20web%20site%20to%20stand%20out%20in%20the%20crowd.%0D%0A%0D%0ABut%20it%27s%20important%20to%20use%20cauti" title="Google Bookmarks"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F&amp;title=Stick%20With%20Web%20Site%20Terms%20that%20Are%20Familiar" title="StumbleUpon"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F" title="Technorati"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Stick%20With%20Web%20Site%20Terms%20that%20Are%20Familiar%20-%20http%3A%2F%2Fwww.learntodoitright.com%2F2008%2F09%2F04%2Fstick-with-web-site-terms-that-are-familiar%2F" title="Twitter"><img src="http://www.learntodoitright.com/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" /></a>


<br/><br/>

<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://mitcho.com/code/yarpp/'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.learntodoitright.com/2008/09/04/stick-with-web-site-terms-that-are-familiar/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
