<?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>Synotac Design, LLC &#187; Website Design</title>
	<atom:link href="http://www.synotac.com/blog/category/website-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.synotac.com</link>
	<description>Synotac is a Portland, Oregon web design agency focused on growing your organization through interactive brand development, user-centered design and enhanced website traffic.</description>
	<lastBuildDate>Tue, 31 Aug 2010 23:05:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Writing Web Content for Results</title>
		<link>http://www.synotac.com/blog/digital-marketing/writing-web-content-for-results/</link>
		<comments>http://www.synotac.com/blog/digital-marketing/writing-web-content-for-results/#comments</comments>
		<pubDate>Tue, 31 Aug 2010 06:41:53 +0000</pubDate>
		<dc:creator>Cameron Madill</dc:creator>
				<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Web Writing]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Usability]]></category>

		<guid isPermaLink="false">http://www.synotac.com/?p=577</guid>
		<description><![CDATA[Writing for the web is maybe the single most important factor in generating results from your website, and yet it is often one of the most overlooked elements of a redesign. What results you say?  Well, good web copy can effectively raise your website&#8217;s conversion rate as much as 100%.  In non-jargon, that means double [...]]]></description>
			<content:encoded><![CDATA[<p><a  href="http://www.synotac.com/wordpress/wp-content/uploads/2010/08/arrow.jpg" class="thickbox no_icon" rel="gallery-577" title="arrow"><img class="alignright size-full wp-image-580" title="arrow" src="http://www.synotac.com/wordpress/wp-content/uploads/2010/08/arrow.jpg" alt="" width="255" height="144" /></a>Writing for the web is maybe the single most important factor in generating results from your website, and yet it is often one of the <strong>most overlooked elements of a redesign</strong>.</p>
<p>What results you say?  Well, good web copy can effectively raise your website&#8217;s conversion rate as much as 100%.  In non-jargon, that means <strong>double your online sales or leads without increasing your traffic at all</strong>.</p>
<p>A picture may tell a thousand words, but I don&#8217;t know anyone who buys something without actual words to explain what it is (features), why it is relevant to you (benefits), and why you should feel comfortable taking action (guarantees).</p>
<p>Four key principles we have discovered that lead to effective writing for the web:</p>
<ol>
<li><span style="line-height: 22px;">Relevant headlines</span></li>
<li><span style="line-height: 22px;">Short, s</span><span style="line-height: 22px;">cannable text with good i</span><span style="line-height: 22px;">n-text linking (information scent)</span></li>
<li><span style="line-height: 22px;">Simple, jargon-free writing</span></li>
<li><span style="line-height: 22px;">Customer-focused copy</span></li>
</ol>
<p><span id="more-577"></span></p>
<p><strong>Relevant Headlines</strong></p>
<p><strong>Visitors don&#8217;t read online, they scan</strong>.  Or, my favorite term, they &#8220;pogo stick&#8221; around your website until they find something interesting and relevant.  Use headers that are short, focused, and begin with relevant key words that your visitors are scanning for.  If you are trying to drive action, begin your headers with an action verb.</p>
<p>A good resource on the topic is this article Jakob Nielsen wrote about the <a  href="http://www.useit.com/alertbox/headlines-bbc.html" target="_blank">BBC&#8217;s guidelines for creating headlines</a> that persuade visitors to click through to a story.</p>
<p><strong>Short, Scannable Text with Good In-text Linking (Information Scent)</strong></p>
<p>Your visitors are looking for specific information.  You do not have them hostage in the way that TV, radio and other traditional &#8220;push&#8221; media once did.  Your visitors are self-directed and they know what they want.  <strong>Work with your visitors to help them find what they are looking for, and you will benefit.</strong></p>
<p>Key principles include writing in short chunks, emphasizing key points through the usage of:</p>
<ul>
<li><span style="line-height: 22px;">bold and italics</span></li>
<li><span style="line-height: 22px;">bulleting lists</span></li>
<li><span style="line-height: 22px;">short paragraphs for easy scanning</span></li>
<li><span style="line-height: 22px;">good in-text linking of relevant phrases your visitors are searching for</span><span style="line-height: 22px;"><br />
</span></li>
</ul>
<p>One of the most useful studies of the web found that online we act as foragers, looking for the &#8220;scent&#8221; of specific information that is relevant to us.  Giving our visitors as many opportunities as possible to find the <strong>information scent</strong> they are looking for through these principles will result in happier visitors who engage more deeply with your organization.</p>
<p><a  href="http://www.useit.com/alertbox/9703b.html" target="_blank">Read Jakob Nielsen&#8217;s classic article on writing for the web.</a></p>
<p><strong>Simple, Jargon-free Writing</strong></p>
<p>You find it hard to write about your organization without throwing in lots of nonsensical words that mean nothing to your visitors.  Why?  We all do.  It&#8217;s the nature of spending 99% of our time with our organization and working each and every day to make it better, and spending 1% of our time with potential clients of our organization.  As one of the top experts in the field of web persuasion likes to say, <strong>you can&#8217;t read the label on a bottle from the inside</strong>.</p>
<p>One of the easiest ways to combat this is to measure the reading level of the content on your website.  We have built a helpful tool on our website that lets you measure the reading level of your copy here: <a  href="http://www.synotac.com/reading-level/" target="_blank">website writing readability level</a>.</p>
<p>General guidelines:</p>
<ul>
<li><span style="line-height: 22px;">For a website aimed at professional buyers (businesses), aim for an 8th grade reading level or below.</span></li>
<li><span style="line-height: 22px;">For a website aimed at consumers, aim for a 5th grade reading level or below</span></li>
</ul>
<p><strong>Customer-focused Copy</strong></p>
<p>One of the best tools to improve the quality of your web copy and generate more results from your existing visitors is to rewrite your copy in terms relevant to them.</p>
<p>Why does this matter?  It&#8217;s the age-old marketing concept of features versus benefits.  Features are things that your product or service can do.  Benefits are things that it does for me.  <strong>Until you make it relevant to me, I don&#8217;t care.</strong></p>
<p>The simplest way to accomplish that we have ever seen comes from the good folks behind the book Reality Marketing Revolution, Mike Lieberman and Eric Keiles.  We have adopted one of their techniques into what we call the <strong>Red/Green Score</strong>.  To run this test, simply do the following:</p>
<ol>
<li><span style="line-height: 22px;">Print out a page from your website.</span></li>
<li><span style="line-height: 22px;">Circle every instance of I, We, Us, Our, or your company name with a red circle.</span></li>
<li><span style="line-height: 22px;">Circle every instance of You and Your with a green triangle.  This is &#8220;me-focused copy,&#8221; or features.</span></li>
<li><span style="line-height: 22px;">Total up each, and subtract the triangles from the circles.  This is &#8220;customer-focused&#8221; copy, or benefits.</span></li>
</ol>
<p>If your <strong>Red/Green Score</strong> is zero or negative, rewrite your copy until it is not.  The most effective copy is typically at least 60-70% customer-focused.</p>
<p>Good luck writing, and let me know what you think!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/digital-marketing/writing-web-content-for-results/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Marketing Patterns</title>
		<link>http://www.synotac.com/blog/digital-marketing/web-marketing-patterns/</link>
		<comments>http://www.synotac.com/blog/digital-marketing/web-marketing-patterns/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 17:04:25 +0000</pubDate>
		<dc:creator>Cameron Madill</dc:creator>
				<category><![CDATA[Digital Marketing]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.synotac.com/?p=442</guid>
		<description><![CDATA[What do a pest control company, a luxury car dealership, an industrial manufacturer of acoustic panels and a family law firm have in common?  Depending on how they have chosen to pursue business online, it could be a lot more than you think. After reading the excellent set of articles on this very topic at Search [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-451" title="Web Marketing" src="http://www.synotac.com/wordpress/wp-content/uploads/2010/07/synotac_icons_webpatterns1.gif" alt="Web Marketing" width="576" height="123" /></p>
<p>What do a <a  href="http://www.alphaecological.com" target="_blank">pest control company</a>, a <a  href="http://www.sunsetimports.com" target="_blank">luxury car dealership</a>, an industrial manufacturer of <a  href="http://www.soundtechco.com" target="_blank">acoustic panels</a> and a <a  href="http://www.stephensmargolin.com" target="_blank">family law firm</a> have in common?  Depending on how they have chosen to pursue business online, it could be a lot more than you think.</p>
<p>After reading the excellent set of articles on this very topic at Search Engine Land from our friend and national conversion expert Brian Massey (see Brian&#8217;s <a  href="http://conversionscientist.com/wordpress/">Conversion Optimization Blog</a>) , we realized that this exact concept applied to our clients as well.  We had long wondered how companies can copy a technique from one of their competitors that we know to be effective, only to find that it does not work for them.  The answer is: <strong>that the kind of company that you are matters far less than the online strategy that you choose to pursue</strong>.  Companies that are utilizing tactics from multiple strategies typically have a poor conversion rate (# of visitors that do something that affects your business positively / total # of visitors) and are constantly frustrated by it.</p>
<p>So, you may be asking, how do I find out what strategy I am pursuing?</p>
<p>The good news is that we have found that our clients’ websites fit into one of only five marketing patterns that, if pursued, will simplify and clarify what to improve on your website.  We will go into more detail on each pattern in future posts, but for now here is an overview of the key patterns:</p>
<p>1. <strong>Considered Purchase Website</strong> &#8211; This type of website is built around a purchase that is not easily compared directly to competitors and usually involves a longer sales cycle with multiple decision makers.  The goal of this pattern is to provide your visitors with something of value so that you receive permission to continue marketing to them.</p>
<p>Examples include enterprise software, most professional services firms and custom manufacturers.</p>
<p>2. <strong>Transactional Purchase Website</strong> &#8211; This type of website is built around a limited number of highly standardized products or services that address an acute and usually urgent &#8220;pain&#8221; that prospects feel.  The goal of this pattern is to persuade visitors to contact you by emphasizing the pain you solve, offering persuasive incentives, and providing assurance through guarantees.</p>
<p>Examples include pest control, plumbers, and towing companies.</p>
<p>3. <strong>Online Store</strong> &#8211; This type of website is characterized by selling a significant number of products online,  where any customization that is available can be done on the website.  The goal of this pattern is to convince visitors to buy a product that they are looking for by pre-answering key questions or create interest in a product they didn’t know about through relevant cross selling.  While these are often e-commerce stores, they do not have to have e-commerce functionality (and the other patterns may contain online credit card processing).</p>
<p>Examples include online book vendors and manufacturers with standardized product catalogs.</p>
<p>4. <strong>Content Portal</strong> &#8211; This type of website is built around specific content that is regularly updated to build and retain a regular readership.  The goal of this pattern is to create advertising revenue through creating new and compelling content that keeps your visitors engaged.</p>
<p>5. <strong>Brochure Website </strong>- This type of website is built around a desire to create a public presence for your business or organization without specific measurable objectives.  It is by far the simplest of the web patterns, because it does not take the visitor or your sales process into account, and it&#8217;s success is largely driven by the emotional gratification (or lack thereof) that the client feels upon the completion of the website.</p>
<p>Read Brian&#8217;s original posts here for more information: http://searchengineland.com/the-five-core-patterns-of-conversion-marketing-33303</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/digital-marketing/web-marketing-patterns/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Putting Together the Pieces: Quickly and Efficiently</title>
		<link>http://www.synotac.com/blog/clients/putting-together-the-pieces-quickly-and-efficiently/</link>
		<comments>http://www.synotac.com/blog/clients/putting-together-the-pieces-quickly-and-efficiently/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 21:27:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.synotac.com/blog/?p=118</guid>
		<description><![CDATA[CoreIP Solutions, Inc. came to us in urgent need of a website. Their new company had taken off and they had a big PR push they couldn&#8217;t launch without a web presence. They had an idea of what they wanted their new website to include, some suggestions for design, and they needed it done quickly. [...]]]></description>
			<content:encoded><![CDATA[<p><a  href="http://www.coreipsolutions.com" target="_blank">CoreIP Solutions, Inc.</a> came to us in urgent need of a website. Their new company had taken off and they had a big PR push they couldn&#8217;t launch without a web presence. They had an idea of what they wanted their new website to include, some suggestions for design, and they needed it done quickly. In web design, a smattering of ideas and a rushed timeline is usually a formula for disaster.</p>
<p><span id="more-118"></span></p>
<p>When you are trying to communicate a specific message to your customers and craft something that is beautiful, informative, and functional, it takes time and expertise.  Throwing something together does not yield happy results. For example, most of us know the pieces that make up a car. You have the wheels, the body, the engine, a steering wheel, some seats, etc. But if we were asked to put one together, most of us would have a hard time creating something that actually worked. (We might be able to make it look like it works, but try starting it and having it function and it all falls apart.)</p>
<p>The same is true in the world of website construction. So the Synotac team put our collective expertise together to carefully create a new site for CoreIP.  The new site includes best practices in usability and visual design as well as a robust content management system that will let CoreIP staff update their content and post news on the fly.</p>
<p><a  href="http://www.synotac.com/wordpress/wp-content/uploads/2009/10/CoreIPscreenshot.jpg" class="thickbox no_icon" rel="gallery-118" title="CoreIPscreenshot"><img class="aligncenter size-full wp-image-228" title="CoreIPscreenshot" src="http://www.synotac.com/wordpress/wp-content/uploads/2009/10/CoreIPscreenshot.jpg" alt="" width="450" height="372" /></a></p>
<p>The partners at CoreIP are smart folks with no doubt a lot of technical expertise between them. Maybe they could have pieced together a website, but they recognized that for their new site to be functional, usable, and easy on the eyes, calling on an expert team would pay off.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/clients/putting-together-the-pieces-quickly-and-efficiently/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>EarthTechling: Harmony Between The Earth &amp; Technology</title>
		<link>http://www.synotac.com/blog/clients/earthtechling-harmony-between-the-earth-technology/</link>
		<comments>http://www.synotac.com/blog/clients/earthtechling-harmony-between-the-earth-technology/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 23:03:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Clients]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.synotac.com/blog/?p=115</guid>
		<description><![CDATA[Can there be harmony between the earth and the geek? EarthTechling, a green technology blog, seeks to inform it&#8217;s readers about &#8220;eco-tech gadgets, electronics, automobiles and in-home technologies, which, in some proven manner, help a person live a more green lifestyle.&#8221; They came to Synotac looking for help creating an online presence that would give [...]]]></description>
			<content:encoded><![CDATA[<h3><em>Can there be harmony between the earth and the geek?</em></h3>
<p><em><img class="alignnone size-full wp-image-163" title="et_site" src="http://synotac1.com/wordpress/wp-content/uploads/2009/08/et_site-500x262-custom.jpg" alt="et_site" width="500" height="262" /><br />
</em></p>
<p>EarthTechling, a green technology blog, seeks to inform it&#8217;s readers about <em>&#8220;eco-tech gadgets, electronics, automobiles and in-home technologies, which, in some proven manner, help a person live a more green lifestyle.&#8221;</em> They came to Synotac looking for help creating an online presence that would give off the &#8220;green vibe&#8221;, not look like every other blog, and function exactly how they imagined.  We were really excited to accept the challenge.</p>
<p><span id="more-115"></span></p>
<p>This was the first &#8220;true&#8221;, &#8220;professional&#8221; blog that we have created.  Our staple Content Manager that we use is WordPress, an application that is meant for blogs, although most of our projects since we started using WordPress have been business or personal sites where WordPress was being used to update content on static pages rather than power a dynamic, fluid, robust blog.</p>
<p>See, the thing about blogs, is that they are &#8220;theoretically&#8221; never ending.  With non-blog sites, you know, to a certain degree, exactly how much content is going to go on any given page.  You create a certain number of pages and you put content areas that may grow a little bit, but are relatively contained.  But with a blog, you have to compensate for the fact that content will continue to be created, potentially forever, and that created content needs somewhere to go and systems setup for organizing it.</p>
<p>This is what makes designing and programming a blog so challenging: you have to imagine ahead of time how the site will function when it is brimming with content.</p>
<p>Luckily, with EarthTechling, content was being created even before we got to programming the template.  But planning began well before programming in the design phase.  Design Guru David came up with a design that not only looked amazing, but which took into consideration the fact that content would literally be oozing from each section.</p>
<h2>A Simple, Polished Design</h2>
<p>David was able to create something that was sleek, but not too glossy.  The buttons and gradients used on the site are very fresh and &#8220;web 2.0&#8243;, yet it is not overdone and leaves space for the content to breath and really stand out.</p>
<p>The article slideshow on the front page is a great example of this.</p>
<p><img class="size-full wp-image-158 alignnone" title="et_003" src="http://synotac1.com/wordpress/wp-content/uploads/2009/08/et_003-460x168-custom.jpg" alt="et_003" width="460" height="168" /></p>
<p>These slideshows are a great feature for the front pages of websites, and you can immediately see why on EarthTechling.  The image preview is the first thing that catches your eye, and then the title of the article is nice and big and bright.  The excerpt is short and to the point, and the links for reading more, comments, and ratings are right there tucked nicely under the excerpt.  The title, the image, and &#8220;Read More&#8221; all link to the article, making it super easy to navigate.  The subtle directional arrows on the bottom right allow you to easily navigate through the slideshow.</p>
<h2>Taxonomies: Nothing To Do With Money</h2>
<p>Another important thing to think about when designing and planning a blog, is the use of taxonomies.  Taxonomies are the organization of the articles into things such as types, categories and tags.  EarthTechling splits their articles into three main categories or types: Reviews, News and Features.   Features is broken into four sub-types: Buying Guides, Previews, Interviews and How-Tos.  From there, the articles are divided even further based on tags and topics.</p>
<p>The use of taxonomies makes it super easy to find exactly what interests you.  Say you come to the site looking for green gadgets for your ipod.  It&#8217;s possible that there could be reviews on those gadgets, or news articles, or even features such as a buying guide about such products.  But rather than searching through those individual sections, you could simply click on the Gadgets topic in the list of topics which shows on each page.  Alternatively, you could use WordPress&#8217; powerful search and see all the articles pertaining to &#8220;green ipod gadgets&#8221;.</p>
<p><img class="size-full wp-image-159 alignnone" title="et_004" src="http://synotac1.com/wordpress/wp-content/uploads/2009/08/et_004-460x195-custom.jpg" alt="et_004" width="460" height="195" /></p>
<p>You can see that you don&#8217;t have to even view the entire article to see what tags and categories are on specific articles, allowing you to broaden your search by clicking on one of these links which will take you to the tag and category list view of articles.</p>
<p>What we tried to accomplish through the use of taxonomies, was an assortment of ways to find and categorize articles to make them easy to find.</p>
<h2>Being Social Isn&#8217;t Just About Being Social</h2>
<p>&#8220;Social Networking&#8221; is a hot topic in the business world these days.  Everyone seems to be talking about the likes of Twitter and Facebook.  Business&#8217;s of all sizes are creating accounts with these social networking sites to promote themselves; <em>and it&#8217;s working.</em></p>
<p>By connecting your business, or in this case, blog, to a social networking site, you are ensuring yourself masses amounts of free advertising.  Here is how it works:</p>
<ol>
<li>You create an account for your business through a social networking site like Facebook.</li>
<li>You connect your blog to automatically post updates to Facebook everytime you make a change</li>
<li>Everyone who is attached to your account sees the update and potentially passes it along<br />
OR</li>
<li>People visit your site, click the facebook icon, and share the article or page with all of there friends&#8230; and the free advertising begins!</li>
</ol>
<p>Even before EarthTechling&#8217;s blog launched, as I was testing the Share feature for Facebook, I published an article to my facebook account and within minutes was receiving comments from friends who were trying to go to ET&#8217;s blog, and were having trouble because it was password protected (because we hadn&#8217;t launched yet).  Social networking really does work.</p>
<p>And so we built social networking right into EarthTechling&#8217;s blog.</p>
<p><img class="alignnone size-full wp-image-166" title="et_002" src="http://synotac1.com/wordpress/wp-content/uploads/2009/08/et_002.jpg" alt="et_002" width="254" height="48" /></p>
<p>You can DIGG articles, or share them through a number of social networking sites.  ET also created profiles through some of these sites and we displayed their links right in the navigation bar on the site.</p>
<h2>ET Phone Home</h2>
<p>As I write this, we are on the eve of deploying ET (EarthTechling) into cyber-land, and seeing first hand how all of our planning and implementation of building a better blog goes.  We are confident and happy with what we built, and we wish EarthTechling the best as they blog away about a brighter tomorrow using green technology.</p>
<p>Go check it out for yourself: <a  href="http://www.earthtechling.com" target="_blank">www.earthtechling.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/clients/earthtechling-harmony-between-the-earth-technology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Increasing Conversions &#8211; Easy as Pie</title>
		<link>http://www.synotac.com/blog/advice/increasing-conversions-easy-as-pie/</link>
		<comments>http://www.synotac.com/blog/advice/increasing-conversions-easy-as-pie/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 23:48:21 +0000</pubDate>
		<dc:creator>Cameron Madill</dc:creator>
				<category><![CDATA[Advice]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.synotac.com/blog/?p=72</guid>
		<description><![CDATA[We have been experimenting more and more with ways to work videos into our designs. Several studies have shown that video can greatly increase the conversion rate for visitors to your websites. It helps to engage your visitors who are more visually oriented and do not process information as easily from large chunks of text, [...]]]></description>
			<content:encoded><![CDATA[<p>We have been experimenting more and more with ways to work videos into our designs.  Several studies have shown that video can greatly increase the conversion rate for visitors to your websites.  It helps to engage your visitors who are more visually oriented and do not process information as easily from large chunks of text, and it also lets you engage your audience with two of my favorite topics: right brain thinking and visual learning.</p>
<p><a  href="http://www.synotac.com/wordpress/wp-content/uploads/2009/02/the-back-of-the-napkin-300x300.jpg" class="thickbox no_icon" rel="gallery-72" title="the-back-of-the-napkin-300x300"><img class="alignnone size-full wp-image-231" title="the-back-of-the-napkin-300x300" src="http://www.synotac.com/wordpress/wp-content/uploads/2009/02/the-back-of-the-napkin-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Below is our first attempt, inspired by the excellent book &#8220;The Back of a Napkin,&#8221; by Dan Roam.  In this short video we tackle the topic of coming up with a solid internet marketing strategy, which is often made far too complex and obscure for a normal person to grasp.  While the details may be complex, you only need to master the basics and hold your web design and internet marketing vendors accountable to achieve success.  The web design industry has a (deservedly) terrible reputation for trying to obfuscate basic business objectives with a bunch of jargon and tech-speak.  Basically, it all comes down to a good slice of pie&#8230;</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="400" 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://vimeo.com/moogaloop.swf?clip_id=3037168&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="400" src="http://vimeo.com/moogaloop.swf?clip_id=3037168&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a  href="http://vimeo.com/3037168">Making Money on your Website &#8211; Easy as Pie</a> from <a  href="http://vimeo.com/user1072486">Cameron Madill</a> on <a  href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/advice/increasing-conversions-easy-as-pie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Focusing Web Design on Conversions</title>
		<link>http://www.synotac.com/blog/advice/focus-on-conversions/</link>
		<comments>http://www.synotac.com/blog/advice/focus-on-conversions/#comments</comments>
		<pubDate>Thu, 22 Jan 2009 02:35:04 +0000</pubDate>
		<dc:creator>ddrouin</dc:creator>
				<category><![CDATA[Advice]]></category>
		<category><![CDATA[Web Analytics]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Usability]]></category>

		<guid isPermaLink="false">http://www.synotac.com/blog/?p=50</guid>
		<description><![CDATA[Most of our clients come to us with a eye towards a redesign for aesthetic reasons, but we feel like it&#8217;s also an opportunity to foster an environment that supports them revisiting their business goals. In our Portland web design firm, we&#8217;re constantly pushing to take site conversions another step. We started with analytics and [...]]]></description>
			<content:encoded><![CDATA[<p>Most of our clients come to us with a eye towards a redesign for aesthetic reasons, but we feel like it&#8217;s also an opportunity to foster an environment that supports them revisiting their business goals. In our <a  href="http://www.synotac.com">Portland web design firm</a>, we&#8217;re constantly pushing to take site conversions another step. We started with analytics and heat mapping, which are great tools, but lately are focusing more on web design itself.</p>
<p><a  href="http://www.synotac.com/wordpress/wp-content/uploads/2009/01/jlyc.jpg" class="thickbox no_icon" rel="gallery-50" title="jlyc"><img class="alignnone size-full wp-image-233" title="jlyc" src="http://www.synotac.com/wordpress/wp-content/uploads/2009/01/jlyc.jpg" alt="" width="275" height="183" /></a></p>
<p>One of the interesting parts of working in custom web design is creating specific calls to action that actually produce the desired results. We definitely haven&#8217;t nailed down the process yet, but we believe it is our obligation as a professional web design firm to give our clients the best possible return on their investment. We identify key site goals with our clients through our Discover and Define process, create unique calls to action to funnel visitors, while maintaining usability and putting the visitor experience first.</p>
<p>A recent example is our redesign of the <a  href="http://www.jlyc.com" target="_blank">Julie Lawrence Yoga Center</a> site. By pairing images of the yoga classes to develop visitor interest, with large orange buttons that guide them through the site, we hope to maintain the design aesthetic our clients are looking for, provide the portals that the site visitors are looking for and turning that visitor desire into action.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/advice/focus-on-conversions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usability Testing &#8211; Getting to Know Your Website&#039;s Visitors</title>
		<link>http://www.synotac.com/blog/web-development/usability-testing-getting-to-know-your-visitors/</link>
		<comments>http://www.synotac.com/blog/web-development/usability-testing-getting-to-know-your-visitors/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 02:23:17 +0000</pubDate>
		<dc:creator>Cameron Madill</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Usability]]></category>

		<guid isPermaLink="false">http://www.synotac.com/blog/development/usability-testing-getting-to-know-your-visitors/</guid>
		<description><![CDATA[We have been getting a lot of questions about website usability testing recently from our clients, so I thought it would be good to explain how we use it and why it is so useful. In a nutshell, what usability testing refers to is sitting a user down in front of a computer and asking [...]]]></description>
			<content:encoded><![CDATA[<p>We have been getting a lot of questions about website usability testing recently from our clients, so I thought it would be good to explain how we use it and why it is so useful.  In a nutshell, what usability testing refers to is sitting a user down in front of a computer and asking them to think outloud as they try to complete tasks on that website.  <a  href="http://www.synotac.com">Web design</a> is no different than any other industry in one very basic respect: we fail to pay enough attention to how real human beings use our products.  It is a lot more fun to sit around and come up with fun ideas that you or your client love than to deal with actual user feedback on how well your product works.</p>
<p><span id="more-49"></span></p>
<div style="text-align: center;"><img src="http://www.synotac.com/images/usability.png" alt="Usability Testing" /></div>
<p>There are several different methodologies that are used in usability testing.  The one that we prefer is a hybrid of techniques recommended by Jakob Nielsen (www.useit.com), the self-appointed guardian of usability on the web, and Mark Hurst, the head of the influential usability company Creative Good (www.creativegood.com).  The idea is to get unbiased users who match the different audience segments on your website and observe them while they &#8220;think&#8221; outloud.  Both the user&#8217;s face and their mouse movements are recorded on a single video feed, giving us a powerful bit of evidence about how well the website we are testing works.</p>
<p>Usability testing can be useful in several different ways.  First, it can uncover obvious problems with your website that can greatly improve its usability and therefore its overall conversion rate (making or saving you more money!).  Usually these problems can be fixed for a nominal cost, but they were &#8220;hidden&#8221; from both your website design company and yourself because you are too close to the product to see it as a new user will.  Second, usability testing can help you to find large, strategic issues with your website.  Often these take the form of, &#8220;oh, users don&#8217;t understand that our company does X.&#8221;  Or, &#8220;our users don&#8217;t understand that the point of page A is for them to contact us for a quote.&#8221;  As we repeatedly emphasize, you can never make something too easy on the web.  Lastly, usability testing can help to depersonalize the design, copy-writing and development components of your website.  While most people are rarely short on opinions about how something should be done, there is nothing quite as useful as real user feedback to get everyone thinking again about what the customer wants.</p>
<p>I&#8217;ll leave you with some sample quotes from some of our usability tests.  These are often the most effective way to summarize the findings of a series of usability tests:</p>
<p>â€œI don&#8217;t know my flight number, I&#8217;m filling this out because I need help finding [a flight].  I&#8217;m confused!â€??</p>
<p>&#8220;At times I thought it was too messy.  I couldn&#8217;t find things on the homepage.  I like sites that are simple and clear.  Everything was so flashy that nothing grabbed my attention.  I clicked on a tab to get away from the homepage.&#8221;</p>
<p>&#8220;Text is very small &#8211; with a lot of text to sift through, it may be challenging for older eyes.  I know I struggled.  Link colors are also a little light.&#8221;</p>
<p>&#8220;Website is messy at times&#8230;too many things happening at one time.  Homepage had many things happening.  I looked for something to grab my attention, and nothing really did on the homepage.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/web-development/usability-testing-getting-to-know-your-visitors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simplifying for greater usability</title>
		<link>http://www.synotac.com/blog/website-design/simplifying-for-greater-usability/</link>
		<comments>http://www.synotac.com/blog/website-design/simplifying-for-greater-usability/#comments</comments>
		<pubDate>Thu, 12 Jul 2007 22:24:27 +0000</pubDate>
		<dc:creator>Cameron Madill</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[Website Usability]]></category>

		<guid isPermaLink="false">http://www.synotac.com/blog/?p=22</guid>
		<description><![CDATA[&#8220;Elegance in design is achieved when you have removed everything possible, not when you have added everything possible.&#8221; I love this observation found in Chip and Dan Heath&#8217;s Made to Stick. When I first read this, it immediately made me think about usability testing &#8211; the process of observing users unfamiliar with a site as [...]]]></description>
			<content:encoded><![CDATA[<p>&#8220;Elegance in design is achieved when you have removed everything possible, not when you have added everything possible.&#8221;</p>
<p>I love this observation found in Chip and Dan Heath&#8217;s <a  href="http://www.boonebridgebooks.com/book_details.php?isbn=1400064287" target="_blank">Made to Stick</a>.  When I first read this, it immediately made me think about usability testing &#8211; the process of observing users unfamiliar with a site as they try to complete specific tasks on that site.</p>
<p>New observers are almost universally struck by the divergence between expected and actual behavior.  For me, it is a humbling experience to watch users ignore seemingly &#8220;can&#8217;t miss&#8221; parts of the page, to fail to complete the easiest tasks given to them, and become irritated with the features that were supposed to impress or help them.  Running counter to the tendency and desire of most of us (designers, developers, clients) to add whizzy new features or innovative design elements, the results of usability testing constantly reinforce the importance of simplifying, clarifying, and focusing every page on a site for a specific purpose. Usability testing reminds us that design elegance is achieved by removing as much as possible, and that simple, focused sites are preferred by the only people who really matter: our customers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synotac.com/blog/website-design/simplifying-for-greater-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
