<?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>Mindspring Design &#124; South Jersey Website Design &#38; Graphic Design Blog &#187; Guidelines &amp; Best Practices</title>
	<atom:link href="http://mindspringdesign.com/blog/category/design/guidelines/feed/" rel="self" type="application/rss+xml" />
	<link>http://mindspringdesign.com/blog</link>
	<description>Wesite Design &#38; Graphics Advice for South Jersey Small Businesses</description>
	<lastBuildDate>Sun, 18 Dec 2011 23:19:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Nielsen Interview on Mobile App Usability</title>
		<link>http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/</link>
		<comments>http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/#comments</comments>
		<pubDate>Sun, 27 Nov 2011 18:41:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=536</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/' addthis:title='Nielsen Interview on Mobile App Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Check out this interview on mobile app usability: http://www.clickz.com/clickz/column/2099266/jakob-nielsen-usability-mobile-sites-apps Nielsen gives good tips on making a mobile app for your company. I want to add my thoughts on short copy, however. You want to keep text concise, but not ambiguous. Titles and explanations should not be able to be misinterpreted. In your editing, keep things [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/' addthis:title='Nielsen Interview on Mobile App Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/' addthis:title='Nielsen Interview on Mobile App Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img class="alignnone" title="Mobile App" src="http://desinformado.com/macnews/wp-content/uploads/2011/05/Intuit-Online-Payroll-Mobile-App-Gets-Employees-Paid-Anywhere-Anytime.jpg" alt="" width="600" height="411" /></p>
<p>Check out this interview on mobile app <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">usability</a>:</p>
<p><a href="http://www.clickz.com/clickz/column/2099266/jakob-nielsen-usability-mobile-sites-apps">http://www.clickz.com/clickz/column/2099266/jakob-nielsen-usability-mobile-sites-apps</a></p>
<p>Nielsen gives good tips on making a mobile app for your company.</p>
<p>I want to add my thoughts on short copy, however. You want to keep text concise, but not ambiguous. Titles and explanations should not be able to be misinterpreted. In your editing, keep things crystal clear.</p>
<p>Also, the suggestion about <a href="http://mindspringdesign.com/blog/who-to-avoid-when-hiring-a-web-or-graphic-designer/">hiring</a> a <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">usability</a> team to test your app is crucial.</p>
<p>I recommend small businesses who are developing apps to read this article along with the <a href="http://www.useit.com/alertbox/mobile-startup-screen.html">App Makeover</a> article (especially under the subhead &#8220;One Bad Screen=Millions Lost&#8221;), and other news in Nielsen&#8217;s Alertbox.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/' addthis:title='Nielsen Interview on Mobile App Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/nielsen-interview-on-mobile-app-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Cost of Poor Usability</title>
		<link>http://mindspringdesign.com/blog/the-cost-of-poor-usability/</link>
		<comments>http://mindspringdesign.com/blog/the-cost-of-poor-usability/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 20:47:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=454</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/the-cost-of-poor-usability/' addthis:title='The Cost of Poor Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>So everyone&#8217;s heard &#8212; Consumer Reports says that the new iPhone is badly designed causing weak signals and dropped calls. As a left-handed person, I was shocked that lefties were told they were holding the phone wrong. Jobs cleaned it up soon after, but here is a good example of poor usability. This blunder cost [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/the-cost-of-poor-usability/' addthis:title='The Cost of Poor Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/the-cost-of-poor-usability/' addthis:title='The Cost of Poor Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>So everyone&#8217;s heard &#8212; <a href="http://blogs.consumerreports.org/electronics/2010/07/apple-iphone-4-antenna-issue-iphone4-problems-dropped-calls-lab-test-confirmed-problem-issues-signal-strength-att-network-gsm.html">Consumer Reports says that the new iPhone is badly designed</a> causing weak signals and dropped calls. As a left-handed person, I was shocked that lefties were told they were holding the phone wrong. Jobs cleaned it up soon after, but here is a good example of poor usability. This blunder cost Apple a decrease in stock price, bad PR and some annoyed customers. The negative media attention seems to have outweighed the phone&#8217;s many good features.</p>
<p style="text-align: center;"><img class="size-full wp-image-455 aligncenter" title="iPhone4" src="http://mindspringdesign.com/blog/wp-content/uploads/2010/07/iPhone4_5.jpg" alt="iPhone4" width="400" height="400" /></p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/the-cost-of-poor-usability/' addthis:title='The Cost of Poor Usability '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/the-cost-of-poor-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eliminate Ambiguity and Confusion</title>
		<link>http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/</link>
		<comments>http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/#comments</comments>
		<pubDate>Sun, 30 May 2010 02:42:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=451</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/' addthis:title='Eliminate Ambiguity and Confusion '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>RANT: Web sites and interfaces in general should clearly and easily draw people to where they want to go. Offer people too many choices, and they can&#8217;t make a decision. Perfect case in point: Even though I love my HTC Droid Eris, there are little annoying things about the interface. Sometimes I wonder if the [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/' addthis:title='Eliminate Ambiguity and Confusion '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/' addthis:title='Eliminate Ambiguity and Confusion '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p><img title="droid" src="../wp-content/uploads/2010/05/droid.jpg" alt="droid" width="300" height="419" /></p>
<p>RANT: Web sites and interfaces in general should clearly and easily draw people to where they want to go. Offer people too many choices, and they can&#8217;t make a decision.</p>
<p>Perfect case in point: Even though I love my HTC Droid Eris, there are little annoying things about the interface. Sometimes I wonder if the programmers and designers ever tried to use the phone. Let&#8217;s say you want to use the GPS feature and get directions to go to a destination. In the menu there are three feasible options &#8212; Navigator, Navigation, and Maps. Now the first two choices seem more likely, but already I&#8217;m annoyed that the phone is making <em>me </em>feel stupid for not knowing the difference between Navigation and Navigator. By the way you can get text directions through the Maps option. Choosing Navigation, you also get text directions, but voice turn-by-turn directions are only through Navigator.</p>
<p>Then if you&#8217;d like to change your Home screen, would you choose Setup or Settings? Only a tech savvy person would know to choose Settings. Setup would be for when you are first setting up your phone. Then why is it a menu option next to Settings?</p>
<p>The clock feature is also exasperating. How do you edit the city shown on the clock? You don&#8217;t. You must create a new clock for a new city and then delete the old one.</p>
<p>The list goes on and on. With each new phone I am forced to learn new things that aren&#8217;t even in the manual. I had to Google a couple of things, thank goodness the phone has internet access. Anyway, the point is, test your applications, interfaces, web sites please. Don&#8217;t be lazy, cater to the users. They will thank you in the end.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/' addthis:title='Eliminate Ambiguity and Confusion '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/eliminate-ambiguity-and-confusion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Testing Websites for Children</title>
		<link>http://mindspringdesign.com/blog/testing-websites-for-children/</link>
		<comments>http://mindspringdesign.com/blog/testing-websites-for-children/#comments</comments>
		<pubDate>Wed, 19 May 2010 18:04:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=447</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/testing-websites-for-children/' addthis:title='Testing Websites for Children '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Does your business cater to young people? Do children primarily use your website? Have you tested your website&#8216;s usability on your target market&#8230; children? Children and toddlers, even, are using the internet on a regular basis. A website that targets these young people will need special design considerations, but it will also present challenges in [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/testing-websites-for-children/' addthis:title='Testing Websites for Children '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/testing-websites-for-children/' addthis:title='Testing Websites for Children '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Does your business cater to young people?</p>
<p>Do children primarily use your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>?</p>
<p>Have you tested your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>&#8216;s <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">usability</a> on your target market&#8230; children?</p>
<p>Children and toddlers, even, are using the internet on a regular basis. A <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> that targets these young people will need special design considerations, but it will also present challenges in user experience. What this means is that young kids have special needs and challenges that need to be taken into consideration when designing a <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> for them. These include:</p>
<blockquote>
<li>Eye-hand coordination</li>
<li>Non-readers or new readers</li>
<li>Ability to click mouse buttons</li>
<li>Ability to use keyboard</li>
</blockquote>
<p>You may want to consider:</p>
<blockquote>
<li>Having audio or video instructions</li>
<li>Not placing important navigation below the fold</li>
<li>Not using complicated functionality when simplicity will do</li>
<li>Not recreating standard design conventions, this could be confusing</li>
</blockquote>
<p>Check out an article in <strong><a href="http://www.uxmatters.com/index.php">UX Matters</a> </strong>that Heather Nam recently published entitled <a href="http://www.uxmatters.com/mt/archives/2010/05/designing-user-experiences-for-children.php"><em>Designing User Experiences for Children</em></a>. She lists a useful list of suggested design conventions when designing for children.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/testing-websites-for-children/' addthis:title='Testing Websites for Children '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/testing-websites-for-children/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Do You Need an SSL Certificate?</title>
		<link>http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/</link>
		<comments>http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 03:54:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Print design]]></category>
		<category><![CDATA[Website Development & Management]]></category>
		<category><![CDATA[godaddy]]></category>
		<category><![CDATA[ssl certificate]]></category>
		<category><![CDATA[verisign]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=272</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/' addthis:title='Do You Need an SSL Certificate? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Don&#8217;t scare away potential customers because they don&#8217;t trust you. An SSL certificate says: &#8220;We&#8217;re legit.&#8221; &#8220;We value your privacy.&#8221; &#8220;Your online transaction is safe and secure.&#8221; When customers see that little golden padlock in their browser, they know they are protected. What is an SSL Certificate? It&#8217;s a certificate that verifies your online identity [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/' addthis:title='Do You Need an SSL Certificate? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/' addthis:title='Do You Need an SSL Certificate? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Don&#8217;t scare away potential customers because they don&#8217;t <a href="http://mindspringdesign.com/blog/why-trust-signals-are-so-important-for-users/">trust</a> you. An SSL certificate says: &#8220;We&#8217;re legit.&#8221; &#8220;We value your privacy.&#8221; &#8220;Your online transaction is safe and secure.&#8221; When customers see that little golden padlock in their browser, they know they are protected.</p>
<p><a href="http://mindspringdesign.com/blog/wp-content/uploads/2009/08/lock.jpg"><img class="alignnone size-medium wp-image-273" title="lock" src="http://mindspringdesign.com/blog/wp-content/uploads/2009/08/lock.jpg" alt="" width="86" height="96" /></a></p>
<p><strong>What is an SSL Certificate? </strong></p>
<p>It&#8217;s a certificate that verifies your online identity and encrypts sensitive information that is sent through your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>. It should contain information like: your <a href="http://mindspringdesign.com/blog/how-to-choose-a-great-domain-name/">domain name</a>, certificate holder&#8217;s name, issue date, issuer name, and possibly details about your business like organization name and location.</p>
<p>Check out this video for an explanation:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="295" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/zPqtx1J6udc&amp;hl=en&amp;fs=1&amp;rel=0" /><embed type="application/x-shockwave-flash" width="480" height="295" src="http://www.youtube.com/v/zPqtx1J6udc&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><strong>Why would you need an SSL Certificate?</strong></p>
<blockquote><p>You have an online store<br />
Your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> has a login to a confidential area<br />
You need to transmit sensitive customer/business information<br />
You need to ensure privacy<br />
You want to gain <a href="http://mindspringdesign.com/blog/why-trust-signals-are-so-important-for-users/">trust</a></p></blockquote>
<p>There are countless companies offering SSL certificates. <a href="http://www.verisign.com/ssl/ssl-information-center/small-business-ssl-certificates/index.html">Verisign</a> claims up to an 87% increase in transactions when businesses use Verisign Extended Validation SSL. <a href="https://www.godaddy.com/gdshop/ssl/ssl.asp">GoDaddy</a> is another option. Shop around and see what is best for your small business needs and budget.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/' addthis:title='Do You Need an SSL Certificate? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/do-you-have-an-ssl-certificate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Write Effective Website Links</title>
		<link>http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/</link>
		<comments>http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/#comments</comments>
		<pubDate>Mon, 04 May 2009 15:18:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Website Content]]></category>
		<category><![CDATA[Website Development & Management]]></category>
		<category><![CDATA[f-pattern]]></category>
		<category><![CDATA[web usability]]></category>
		<category><![CDATA[website links]]></category>
		<category><![CDATA[website writing]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=233</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/' addthis:title='How to Write Effective Website Links '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>First of all, why is this so important? What&#8217;s so wrong with click here and see more? Effective website links draw the eye and spark interest. They encourage clicking because people want more. Click here is an oft overused link term which is nondescript and uninteresting. No one will click anywhere without a good reason. [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/' addthis:title='How to Write Effective Website Links '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/' addthis:title='How to Write Effective Website Links '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>First of all, why is this so important? What&#8217;s so wrong with <a href="#">click here</a> and <a href="#">see more</a>?</p>
<p>Effective <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> links draw the eye and spark interest. They encourage clicking because people want more. <a href="#">Click here</a> is an oft overused link term which is <em>nondescript </em>and <em>uninteresting</em>. No one will click <em>anywhere</em> without a good reason. Get a <a href="#">$10 discount for commenting</a> on this <a href="http://mindspringdesign.com/blog/does-my-small-business-need-a-blog/">blog</a> would entice more clicking ; )  If you want a &#8220;sticky&#8221; <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> that offers findable information, you need to write effective links.</p>
<p>Jakob Nielsen recently conducted a study  (<em><a href="http://www.useit.com/alertbox/nanocontent.html">First 2 Words: A Signal for the Scanning Eye</a></em>) based on their findings that web users typically scan a web page in an F-pattern. They tested 80 users understandings of the first 11 characters of 20 different <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> links. The most effective links followed these guidelines (excerpt):</p>
<blockquote>
<ul>
<li>Use <a class="old" title="Alertbox: Use Old Words When Writing for Findability" href="http://www.useit.com/alertbox/search-keywords.html">plain language</a></li>
<li>Use specific terminology</li>
<li>Follow conventions for naming common features</li>
<li>Front-load user- and action-oriented terms</li>
</ul>
</blockquote>
<p><a href="http://www.useit.com/alertbox/nanocontent.html">(Read the study summary here</a>. You can also learn more by signing up for their Writing for the Web course at the Web <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">Usability</a> Conference. If you do any writing for the web for your small business, this is a must-do.)</p>
<div id="attachment_234" class="wp-caption alignnone" style="width: 258px"><a href="http://mindspringdesign.com/blog/wp-content/uploads/2009/05/fpattern.jpg"><img class="size-medium wp-image-234" title="fpattern" src="http://mindspringdesign.com/blog/wp-content/uploads/2009/05/fpattern-248x300.jpg" alt="People read the first few lines in a list and read less as they go down." width="248" height="300" /></a><p class="wp-caption-text">Notice the F-pattern? People generally read the first few lines in a list and read less as they go down.</p></div>
<p>I did a quick little test on my own <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>. Here&#8217;s a <strong>truncated </strong>list of a few of my links:</p>
<ul>
<li><a href="http://www.mindspringdesign.com/about.php">Learn more </a></li>
<li><a href="http://www.mindspringdesign.com/portfolio.php">See example</a></li>
<li><a href="../../resume_1208_final.pdf">View Resume</a></li>
<li><a href="http://www.mindspringdesign.com/contact.php">Contact Min</a></li>
<li><a href="../../contact.php">contact us</a></li>
<li><a href="../../webdesign_pricing.php">Web Design </a></li>
<li><a href="../../webdesign.php">Web Design </a></li>
<li><a href="../../seo_sem.php">SEO/SEM &amp; I</a></li>
<li><a href="../../dynamiccontent.php">Dynamic, In</a></li>
<li><a href="../../webanalytics.php">Web Analyti</a></li>
<li><a href="../../emailmarketing.php">E-mail Mark</a></li>
</ul>
<p>Not  too bad. Areas to work on: (1) Learn More and See Example are too generic. (2) And the two links starting with Web Design are two different links, but you can&#8217;t tell because they&#8217;re truncated. Other than that most links use plain language, are specific, or use action words at the beginning. So I&#8217;ll go back a tweak a few of my links.</p>
<p>HOMEWORK: Scan your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>&#8216;s links (especially ones that are in list format). Without reading the context, can you predict where they&#8217;ll take you? Let me know how you make out!</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/' addthis:title='How to Write Effective Website Links '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/how-to-write-the-best-site-links-jakob-nielsen-study/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Protect Your Logo with a Logo Style Guide</title>
		<link>http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/</link>
		<comments>http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 03:42:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Logo design]]></category>
		<category><![CDATA[Print design]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo use]]></category>
		<category><![CDATA[style guide]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=198</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/' addthis:title='Protect Your Logo with a Logo Style Guide '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Do you have a logo for your small business? Great! Have you crafted a logo style guide? Sometimes people outside your company need to use your logo. And a style guide is a brief document that will help to protect the use of your logo. After you&#8217;ve paid all that money for a well-designed logo, you don&#8217;t [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/' addthis:title='Protect Your Logo with a Logo Style Guide '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/' addthis:title='Protect Your Logo with a Logo Style Guide '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Do you have a logo for your small business? Great! Have you crafted a logo <a href="http://mindspringdesign.com/blog/use-a-style-guide-for-a-consistent-website/">style guide</a>? Sometimes people outside your company need to use your logo. And a <a href="http://mindspringdesign.com/blog/use-a-style-guide-for-a-consistent-website/">style guide</a> is a brief document that will help to protect the use of your logo. After you&#8217;ve paid all that money for a well-designed logo, you don&#8217;t want somebody changing up the colors, stretching it, or putting their own initials on it!</p>
<p>I&#8217;ve listed some important elements that should be included in your logo <a href="http://mindspringdesign.com/blog/use-a-style-guide-for-a-consistent-website/">style guide</a> below. If you think of others, please share them with our community!</p>
<ul>
<li>Size: such as smallest size it can be printed at</li>
<li>Surrounding white space: least amount of white space around the logo &#8212; usually determined in proportion to your logo</li>
<li>Colors: for example, specific Pantone colors you use</li>
<li>Background: provide examples of the logo on permitted background colors, or specify what is allowed</li>
<li>Fonts: permitted fonts that can be used in conjunction with logo</li>
<li>Options: give optional logos for people to choose from</li>
</ul>
<div>A logo <a href="http://mindspringdesign.com/blog/use-a-style-guide-for-a-consistent-website/">style guide</a> need not be stuffy. Check out this <a href="http://www.mozilla.com/en-US/about/logo/use.html">example style guide</a> over at Mozilla.</div>
<div>Make sure you follow your <a href="http://mindspringdesign.com/blog/use-a-style-guide-for-a-consistent-website/">style guide</a> once it is complete. Give a copy to everyone in your company with access to your logo. Make a copy available online if your logo is downloadable. And refer your web or graphic designers to it when contracting out creative assignments.</div>
<div></div>
<div><strong>** Call Mindspring Design at (856) 393-0385 to publish your own personal, custom logo <a href="http://mindspringdesign.com/blog/use-a-style-guide-for-a-consistent-website/">style guide</a>. **</strong></div>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/' addthis:title='Protect Your Logo with a Logo Style Guide '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/protect-your-logo-with-a-logo-style-guide/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>9 Mistakes to Avoid When Designing an Accessible Website</title>
		<link>http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/</link>
		<comments>http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/#comments</comments>
		<pubDate>Mon, 26 Jan 2009 17:18:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Print design]]></category>
		<category><![CDATA[Small Business]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Website Accessibility]]></category>
		<category><![CDATA[Website Content]]></category>
		<category><![CDATA[accessibility standards]]></category>
		<category><![CDATA[accessibility tools]]></category>
		<category><![CDATA[web content accessibility guidelines]]></category>
		<category><![CDATA[web site accessibility]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=127</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/' addthis:title='9 Mistakes to Avoid When Designing an Accessible Website '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>So you&#8217;ve spent lots of time and money designing your small business website, and you&#8217;ve just launched it for the public to see. But wait! Do you know you could be ignoring a large percentage of the population and thus reducing the market audience you are targeting? When designing your website, you should design web [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/' addthis:title='9 Mistakes to Avoid When Designing an Accessible Website '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/' addthis:title='9 Mistakes to Avoid When Designing an Accessible Website '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>So you&#8217;ve spent lots of time and money designing your small business <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>, and you&#8217;ve just launched it for the public to see. But wait! Do you know you could be ignoring a large percentage of the population and thus reducing the market audience you are targeting?</p>
<div id="attachment_132" class="wp-caption alignnone" style="width: 310px"><a href="http://mindspringdesign.com/blog/wp-content/uploads/2009/01/587348_98350415.jpg"><img class="size-medium wp-image-132" title="587348_98350415" src="http://mindspringdesign.com/blog/wp-content/uploads/2009/01/587348_98350415-300x189.jpg" alt="You might take for granted that some users cannot use a mouse." width="300" height="189" /></a><p class="wp-caption-text">You might take for granted that some users cannot use a mouse.</p></div>
<p>When designing your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>, you should design <a href="http://mindspringdesign.com/blog/25-ways-to-boost-your-website-content/">web content</a> in an accessible format (not as an afterthought), keeping in mind people who have:</p>
<ul>
<li>Visual impairments (Blind, Color blind, Senior citizens)</li>
<li>Hearing impairments</li>
<li>Physically disabilities</li>
<li>Learning disabilities</li>
<li>English as a second language</li>
<li>Slower internet connections</li>
<li>Access to Internet content on multiple platforms (mobile phones, etc)</li>
</ul>
<p>You will reap several business benefits by following web site accessibility standards:</p>
<ul>
<li>Improve the searchability of your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>.</li>
<li>Increase <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">usability</a> and help to improve web <a href="http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/">conversions</a>.</li>
<li>Increase information access to more people using assistive technologies and adaptive technologies.</li>
<li>Accessibile web design is required by law in some places, so your business brand will benefit by complying with accessibility standards.</li>
</ul>
<h3><strong>9 Accessibility Mistakes to Avoid When Designing a <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">Website</a>:</strong></h3>
<ol>
<li><strong>All your links read: &#8220;Click Here.&#8221;</strong> This could be confusing to visitors using screen readers and other assistive technologies. Instead, use a descriptive link that gives useful clues about where you&#8217;ll take them once they click.</li>
<li><strong>You use tables to layout your web pages.</strong> Instead, use tables for organizing &#8216;tabular data&#8217; (for charts and such) to eliminate confusing and repetitive table tags. Opt for CSS to layout and style your <a href="http://mindspringdesign.com/blog/25-ways-to-boost-your-website-content/">web content</a>.</li>
<li><strong>Your pages use extremely small type (because &#8220;it looks cool&#8221;) that can&#8217;t be resized in the browser.</strong> People with sight disabilities may need larger text in their browser. If your design breaks or doesn&#8217;t allow that, they will have to leave your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>.</li>
<li><strong>Color is used as an integral design or navigation element.</strong> That would confuse those who are color blind (<a href="http://en.wikipedia.org/wiki/Ishihara_color_test">take the color blind test</a>). And remember some monitors don&#8217;t display colors accurately.</li>
<li><strong>You&#8217;ve got light grey text on a white background or dark grey type on a black background (because it&#8217;s &#8220;so Web 2.0&#8243;). </strong>This makes reading a difficult and painstaking process. You need to use a bit more contrast for users with challenged vision. You don&#8217;t have to completely sacrifice design for functionality, but do keep this in mind. And do allow users to make their own decisions about how they browse your page.</li>
<li><strong>All description, title and alt tags have been left blank so people must guess what your page and <a href="http://mindspringdesign.com/blog/where-to-find-free-photo-images-for-your-website/">images</a> are all about. </strong>Make sure your web designer goes that extra step, labeling and describing the contents of your page. This may mean that you, the business owner, must provide content for the designer to input.</li>
<li><strong>There are no captions on any video or audio recordings, and no transcripts are provided for the deaf.</strong> Physically challenged users might miss out on this quality <a href="http://mindspringdesign.com/blog/25-ways-to-boost-your-website-content/">web content</a>. So don&#8217;t leave anyone out, and make sure to offer alternative versions of your audio/visual content.</li>
<li><strong>There are no descriptive tags in web forms explaining how to fill them out. </strong>Close your eyes and imagine filling out an online form. Where do you start, what should you type, in what format? To ensure that you recieve high quality form submissions (or recieve submissions at all), try including descriptive form tags. You web designer should also insert any instructions (like &#8220;enter year with four digits: 2010&#8243;) <em>before</em> the form fields, not after.</li>
<li><strong>You used an online validator, but didn&#8217;t do any <a href="http://mindspringdesign.com/blog/25-ways-to-boost-your-website-content/">web content</a> accessibility testing on actual users with disabilities. </strong>An online validator is a good place to start. But it is not a good substitute for a person. Testing your page on a group of people who have disabilities will give you most invaluable feedback about your site.</li>
</ol>
<p><strong>Recommended Reading:</strong></p>
<ul>
<li><a href="http://www.ada.gov/pcatoolkit/chap5toolkit.htm">Website Accessibility Under Title II of the ADA</a></li>
<li><a href="http://www.digital-web.com/articles/understanding_disabilities_when_designing_a_website/">Understanding Disabilities When Designing a Website</a></li>
<li><a href="http://www.nngroup.com/reports/accessibility/">Beyond ALT Text: Making the Web Easy to Use for Users With Disabilities</a>: 75 Best Practices for Design of Websites and Intranets, Based on <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">Usability</a> Studies with People Who Use Assistive Technology</li>
<li><a href="http://www.usability.com.au/">Web Usability</a> Accessibility and <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">Usability</a> Resources</li>
</ul>
<p><strong>Resources:</strong></p>
<ul>
<li><a href="http://www.w3.org/TR/WCAG">Web Site Accessibility Tools, Checklist &amp; Guidelines</a></li>
<li><a href="http://wave.webaim.org/">Test URL in Online Checker </a></li>
<li><a href="http://en.wikipedia.org/wiki/List_of_screen_readers">List of Screen Readers</a></li>
</ul>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/' addthis:title='9 Mistakes to Avoid When Designing an Accessible Website '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/9-ways-to-not-make-an-accessible-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How Consistent Website Navigation Helps Your Visitors Find Their Way</title>
		<link>http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/</link>
		<comments>http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/#comments</comments>
		<pubDate>Fri, 19 Dec 2008 21:48:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[consistent navigation]]></category>
		<category><![CDATA[Website design]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=15</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/' addthis:title='How Consistent Website Navigation Helps Your Visitors Find Their Way '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>If you’ve ever taken a long road trip, you’ve noticed that highway signs remain consistent across the country. Signs are the same color choices, typically the same typeface, same large readable text, with similar abbreviations. This helps you as a driver to quickly recognize and assimilate where you are and make split second decisions on [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/' addthis:title='How Consistent Website Navigation Helps Your Visitors Find Their Way '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/' addthis:title='How Consistent Website Navigation Helps Your Visitors Find Their Way '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>If you’ve ever taken a long road trip, you’ve noticed that highway signs remain consistent across the country. Signs are the same color choices, typically the same typeface, same large readable text, with similar abbreviations. This helps you as a driver to quickly recognize and assimilate where you are and make split second decisions on where you are going.</p>
<div id="attachment_16" class="wp-caption alignleft" style="width: 308px"><a href="http://mindspringdesign.com/blog/wp-content/uploads/2008/12/signs.jpg"><img class="size-full wp-image-16" title="signs" src="http://mindspringdesign.com/blog/wp-content/uploads/2008/12/signs.jpg" alt="Consistent navigation helps guide your visitors, avoiding frustration and abandonment." width="298" height="325" /></a><p class="wp-caption-text">Consistent navigation helps guide your visitors, avoiding frustration and abandonment.</p></div>
<p>As people use the internet, they are “travelling” at lightning speed, scanning <a href="http://mindspringdesign.com/blog/where-to-find-free-photo-images-for-your-website/">images</a> and information very<br />
quickly. So your <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> must have clear and consistent navigation in order to facilitate seamless web experiences.</p>
<p>Experts on web <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">usability</a> say that a good, consistent navigation system should answer these three questions:</p>
<p>1. Where am I?<br />
2. Where have I been?<br />
3. Where can I go?</p>
<p>Just as highway signs let you know: (1) you are on Route 95, (2) you are passing Philadelphia, and (3) you are headed South and can go to Delaware or Baltimore, web navigation gives you visual cues to keep you informed, guided, and not lost. Quickly. Go to another country, and a road trip should not seem all that foreign to you. Similarly, jumping from <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a> to <a href="http://mindspringdesign.com/blog/small-business-series-why-you-need-a-website/">website</a>, you should know what page you&#8217;re on, in what section, and what other sections you can navigate to from any page to get to your destination.</p>
<p>Links should stand out and be consistent and legible. Your web designer should use server side includes to form navigation so that it&#8217;s consistent on every page. That also makes it easy to make site-wide changes in minutes.  And make sure your navigation is readable and searchable by search engines.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/' addthis:title='How Consistent Website Navigation Helps Your Visitors Find Their Way '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/how-consistent-website-navigation-helps-your-visitors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 3 Ways to Improve Your Web Site Conversions</title>
		<link>http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/</link>
		<comments>http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 02:46:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Guidelines & Best Practices]]></category>
		<category><![CDATA[Web conversions]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[improve conversions]]></category>
		<category><![CDATA[increase conversions]]></category>
		<category><![CDATA[website conversions]]></category>

		<guid isPermaLink="false">http://mindspringdesign.com/blog/?p=12</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/' addthis:title='Top 3 Ways to Improve Your Web Site Conversions '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>Is this scenario familiar? It&#8217;s the bottom of the sixth, and bases are loaded. But once again the team just can&#8217;t seem to get any runs. The crowd lets out a collective sigh. Tracking your web analytics software can be just as disappointing. Your SEO, link building, and Pay Per Click Advertising efforts have increased [...]<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/' addthis:title='Top 3 Ways to Improve Your Web Site Conversions '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/' addthis:title='Top 3 Ways to Improve Your Web Site Conversions '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><p>Is this scenario familiar? It&#8217;s the bottom of the sixth, and bases are loaded. But once again the team just can&#8217;t seem to get any runs. The crowd lets out a collective sigh. <a href="http://mindspringdesign.com/blog/track-tweets-facebook-links-anything-with-utm-tags/">Tracking</a> your web <a href="http://mindspringdesign.com/blog/analytics-expert-7-small-website-changes-that-make-for-big-returns/">analytics</a> software can be just as disappointing. Your SEO, link building, and Pay Per Click Advertising efforts have increased the number of visits to your site. But these visitors are disappearing like sand in a sieve.</p>
<p>Experienced designers know they should be focusing on web site conversions &#8212; not just counting the visits, but making the visits count. We will discuss just three of the many ways you can improve your web site conversions and increase the success of your site.</p>
<p>First of all, your web site should have definite objectives. There are informational sites, e-commerce sites, blogs, etc. Your goals should be specific and quantifiable, for instance: to receive e-mails, online inquiries, phone calls, etc. Meeting your objectives means the you have attracted your ideal web site visitor and they have answered your call to action, completing the sale or becoming a lead. How do we do that?</p>
<p><strong>1. Offer clear, consistent navigation.</strong></p>
<p>Your navigation should be descriptive, and lead people to where they think they should end up. This is about THEM, not you. Web visitors scan a page very quickly looking for keywords they&#8217;ve thought up in their own brains. So your menu items should include words and phrases your visitors would be expecting, not cute, kitschy titles or what you want to force feed them. Then each click of the mouse needs to take people from a more general to a more specific place &#8212; getting them closer to their objective. If someone isn&#8217;t finding what they are searching for, they will become bored or frustrated and give up. And you&#8217;ve lost a web conversion.</p>
<p><strong>2. Focus on benefits &amp; problem solving.</strong></p>
<p>I can&#8217;t stress the importance of this enough. Web copy is just as important as the content of any marketing piece. Your <a href="http://mindspringdesign.com/blog/25-ways-to-boost-your-website-content/">web content</a> must focus on the visitor&#8217;s needs, interests, problems. Talk about specific ways in which your business will meet these needs and solve these problems. Now, you&#8217;ve got a listening ear, and now you&#8217;re on your way to getting a web conversion. Writing on the web must take into account many factors such as audience, purpose, search engines, etc. So small business owners need to spend time, effort and money on quality web copy. And please spell check!!!</p>
<p><strong>3. Tell people what to do.</strong></p>
<p>This is where your call to actions comes in. Think back to your site objectives. Each page should have clear directions about where visitors should go. And it&#8217;s gotta be big and bold and extremely clear to web site visitors. Do some informal web site testing: ask a couple of friends or colleagues to sit down and use your site. Look for signs of confusion or hesitation, and frantic clicking of the browser&#8217;s Back Button. These are all signs that you may need to call-out your call to action.</p>
<p>These were just three of the dozens of ways you can improve web site conversions. Contact an experienced web designer or a <a href="http://mindspringdesign.com/blog/the-cost-of-poor-usability/">usability</a> expert to increase your web conversions. And start turning those hits to home-runs.</p>
<div class="addthis_toolbox addthis_default_style " addthis:url='http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/' addthis:title='Top 3 Ways to Improve Your Web Site Conversions '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://mindspringdesign.com/blog/3-ways-to-improve-your-web-site-conversions/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

