<?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>Bryan &#38; Jeffrey Eisenberg &#187; Web Design</title>
	<atom:link href="http://www.bryaneisenberg.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.bryaneisenberg.com</link>
	<description>Professional Speakers, Best Selling Authors, Online Marketing Pioneers</description>
	<lastBuildDate>Fri, 27 Jan 2012 22:46:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Everything You Wanted to Know About Us&#8230;</title>
		<link>http://www.bryaneisenberg.com/everything-you-wanted-to-know-about-us/</link>
		<comments>http://www.bryaneisenberg.com/everything-you-wanted-to-know-about-us/#comments</comments>
		<pubDate>Fri, 01 Jul 2011 14:20:52 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[Copywriting]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=1131</guid>
		<description><![CDATA[It’s often the most neglected page on your website; if you even have this page. However, if you do, it is very likely among the most visited pages. I may be dating myself but it is the Rodney Dangerfield of web pages. It gets no respect. Do you have an “about us” page? Is it performing at [...]]]></description>
			<content:encoded><![CDATA[<p></p><div>
<p>It’s often the most neglected page on your website; if you even have this page. However, if you do, it is very likely among the most visited pages. I may be dating myself but it is the Rodney Dangerfield of web pages. It gets no respect. Do you have an “about us” page? Is it performing at the level it should be?</p>
<p>As brands, we should want people to like us, to share our values, to feel validated by doing business with us. How are we supposed to get them to do this if we don’t connect to them on a human level in a “human voice”?</p>
<p>The worse crime is having no page or, as may be the classic case of dehumanization in history, <a href="http://www.huffingtonpost.com/p/huffington-post.html">the new Huffington Post About Us page</a> post the AOL acquisition. Yes, it is blank. Great job for a bunch of writers.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2011/07/HUffPo-About-us-Blank.png?84cd58"><img class="aligncenter size-medium wp-image-1132" title="HUffPo About us Blank" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2011/07/HUffPo-About-us-Blank-239x300.png?84cd58" alt="" width="239" height="300" /></a><br />
The purpose of the About Us page is to break down the facade of anonymity of the web and of corporations. The visitor who clicks on that page is giving you their permission to share with them all about your company, in the spirit of transparency and with an authentic voice that allows you to share all that makes you the business you are.</p>
<p>What is a good About Us page like? We’ll provide some guidelines down below but check out the <a href="http://about.zappos.com/">Zappos About Us</a> page:</p>
</div>
<div><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2011/07/zappos-about-us.png?84cd58"><img class="aligncenter size-medium wp-image-1133" title="zappos about us" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2011/07/zappos-about-us-263x300.png?84cd58" alt="" width="263" height="300" /></a></div>
<div><strong>1. They tell you who they are not what they do.</strong></div>
<div>
<p>In fact, what you can do for customers and why they should care is messaging that most of the rest of your website should convey.</p>
<p>So take it easy on the sales pitch and give us you and your company’s story.  Show us your passion. Can you tell what passion Zappos has?</p>
<p><strong>2. Behind every business there are real people &#8211; highlight them!</strong></p>
</div>
<div>Zappos does this in so many ways on their About Us page. In Standford’s Persuasion Laboratory famous <a href="http://credibility.stanford.edu/guidelines/index.html">web credibility research project</a> by my friend BJ Fogg, they share 10 guidelines for building the credibility of a web site. These guidelines are based on three years of research that included over 4,500 people. I want to point out 3 of the 10 :</div>
<div>
<ul>
<li>Show that there’s a real organization behind your site.</li>
<li>Highlight the expertise in your organization.</li>
<li>Show that honest and trustworthy people stand behind your site.</li>
</ul>
<p>Did you forget to feature the people behind your business on your About Us page?</p>
<p>Just compare <a href="http://www.pcworld.com/resource/aboutus.html">this page without the staff</a> behind it compared to <a href="http://mashable.com/about/">this page with the staff</a>. Which one do you want to do business with?</p>
<p><strong>3. Culture, Values and Personality matter to people! Don’t come up short with flaccid copy</strong>.</p>
<p>The vast majority of &#8220;About Us&#8221; pages are simply boring, stiff, and tightly clenched pages. Companies love to have fun and show off their creativity in their advertising but it seems the second you get them in front of a CMS they lose their personality. This is a great page to feature video of your team.</p>
<p>Check out examples of featuring videos from the CEOs from large corporations such as <a href="https://home.ingdirect.com/about/about.asp">ING Direct </a>to medium-sized businesses like <a href="http://www.spencediamonds.com/meet-sean-jones">Spence Diamonds</a>. If you were in the market for a diamond wouldn’t you want to buy one from Sean Jones?</p>
<p>How do you choose the voice of your About Us Page? Here are some more ideas:</p>
<ul>
<li>What is the overall emotional stance that your company has towards its industry/market?</li>
<li>If your company where an actual person, who would it be?</li>
<li>Is there a favorite quote you or the people in your company have?</li>
<li>Is there one particular moment in the life of your company that would capture its essence in a nutshell?</li>
<li>Do certain words or phrases keep popping up in your daily conversations, your salespeople’s sales calls, you blog posts, etc.</li>
<li>Use the verbiage your customers use. Mine your live chat logs, emails, customer service calls, in site search, and especially customer product reviews if you have them</li>
<li>As an exercise, do a “25 Random Things About Our Company.”  Then pull out the nuggets and insert them into your About Us page.  Or leave the whole list as a link or tab from your About Us page.</li>
<li>Make sure your voice on the About Us page is consistent with the rest of the site.  Yes, you can afford to be a little more conversational and personal/passionate but the overall writing style should be relatively consistent</li>
</ul>
<p><strong>4. Size doesn’t matter to everyone. </strong></p>
<p>Don’t exaggerate your size to fake credibility. Jason Fried, CEO of <a href="http://37signals.com/about">37 Signals</a> (who have a fabulous About Us page), explains why people should <a href="http://www.inc.com/magazine/201106/dont-exaggerate-your-size.html">avoid exaggerating size</a>.</p>
<ul>
<li>Many people like new.</li>
<li>Many people prefer to work with smaller, garage-type companies.</li>
<li>New companies can be poised and extremely flexible.</li>
<li>Smaller companies can be more intimate.</li>
<li>Smaller companies can be more innovative.</li>
<li>Most smaller or newer companies are designed to fill in gaps or weaknesses of bigger competitors, giving their customers an advantage.</li>
</ul>
</div>
<div><strong>5. Some Cool Stuff You Can Add to Your About Us:</strong></div>
<div><strong> </strong><br />
I’ve enjoyed exploring time-lines of companies in their about us page or section. You can see 37 Signals’ timeline or check out the one from the <a href="http://www.aboutmcdonalds.com/mcd/our_company/mcd_history.html">McDonald’s website</a>.Tumblr is about sharing content with people and one of the first things they do on their <a href="http://www.tumblr.com/about">about us page</a> is share the Tumblr blogs from their management team.&nbsp;</p>
<p>This is a social networking nirvana. This is often where your visitors want to get a sense of the people behind your team. Highlight key clients they may have worked with, trade organizations, publications or events they have contributed to. Companies like the <a href="http://www.brooksgroup.com/about/people/willb.htm">Brooks Group</a> allow you to see their team members email address, phone number and even invite you to connect to them on LinkedIn. If your team members have authored books, whitepapers or a blog, a Twitter account or a FaceBook page, feel free to share them here too.</p>
<p>Is there anything else you would like to know About Us pages, but might have been afraid to ask? Feel free to share your favorite About Us page in the comments below.</p>
</div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/everything-you-wanted-to-know-about-us/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How to Prove That Your Designer Is Costing You Money {4:00 video}</title>
		<link>http://www.bryaneisenberg.com/how-to-prove-that-your-designer-is-costing-you-money-video/</link>
		<comments>http://www.bryaneisenberg.com/how-to-prove-that-your-designer-is-costing-you-money-video/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 13:25:40 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[Optimization]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Webinar]]></category>
		<category><![CDATA[eyetracking]]></category>
		<category><![CDATA[Feng-Gui]]></category>
		<category><![CDATA[heat maps]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=877</guid>
		<description><![CDATA[Often times, marketers approach me to tell me they think something is wrong with their page but they aren&#8217;t sure how to convince their designer or management that their are any issues. In this four-minute video, I share a simple technique and how to use attention mapping software like Feng-GUI.com to prove to your designer [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Often times, marketers approach me to tell me they think something is wrong with their page but they aren&#8217;t sure how to convince their designer or management that their are any issues.</p>
<p>In this four-minute video, I share a simple technique and how to use attention mapping software like<a href="http://www.feng-gui.com/"> Feng-GUI.com</a> to prove to your designer that they are costing you money.</p>
<p>Attention mapping software uses software algorithms to create heat maps based on how people would engage with your Web page or ad within the first five seconds of interaction. Of course these tools aren&#8217;t perfect as they can&#8217;t predict what is driving a person&#8217;s motivation but from a pure design perspective you can see if you are in the right direction or not.</p>
<p>Watch this video to see a specific example of a page &#8211; before and after &#8211; and notice the difference in heat maps and page effectiveness.</p>
<p><a href="http://www.bryaneisenberg.com/how-to-prove-that-your-designer-is-costing-you-money-video/"><em>Click here to view the embedded video.</em></a></p>
<p>This is just a snippet of what I will cover on my MarketMotive webinar on January 18th, <a href="http://www.marketmotive.com/training/tutorials/conference-calls-and-workshops/conversion-workshop-eyetracking-heat-maps-and-visual-clarity-oh-my.html">EyeTracking, Heat Maps and Visual Clarity, Oh My!</a> You can <strong>register for free</strong>. As a bonus, I&#8217;ll be joined by the CEO of Feng-GUI, Rafael Mizrahi. He and I will take volunteer websites or landing pages, run a heat map analysis on them and provide feedback at the end of the webinar. Register now to get your page analyzed.</p>
<p>P.S. <a href="http://www.clickz.com/clickz/column/1936030/prove-designer-costing-money-video">This video column</a> was created for the celebration of the <a href="http://www.clickz.com/clickz/column/1716154/marketing-is-not-sales">10th year anniversary</a> writing my column for ClickZ.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/how-to-prove-that-your-designer-is-costing-you-money-video/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Google, User Experience &amp; Thinking Beyond Conversion</title>
		<link>http://www.bryaneisenberg.com/google-user-experience-thinking-beyond-conversion/</link>
		<comments>http://www.bryaneisenberg.com/google-user-experience-thinking-beyond-conversion/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 14:42:53 +0000</pubDate>
		<dc:creator>Jeffrey Eisenberg</dc:creator>
				<category><![CDATA[PPC]]></category>
		<category><![CDATA[Search Marketing]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Webinar]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=744</guid>
		<description><![CDATA[Google is a money making machine; that is why it has tremendous influence in the online ecology. Google has a lot to teach the world about relevance, credibility, value &#38; user experience. However, Google isn’t a training company; it derives more than 90% of its revenues from advertising. It’s fascinating that Google makes most of [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/08/36823999.jpg?84cd58"><img class="alignleft size-thumbnail wp-image-750" title="36823999" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/08/36823999-150x150.jpg?84cd58" alt="" width="150" height="150" /></a>Google is a money making machine; that is why it has tremendous influence in the online ecology. Google has a lot to teach the world about relevance, credibility, value &amp; user experience. However, Google isn’t a training company; it derives more than 90% of its revenues from advertising. It’s fascinating that Google makes most of its money from advertisers (sellers) but is forced, like every media company, to think primarily about the experience of its audience (buyers).</p>
<p>When buyers &#8220;buy naturally,&#8221; and sellers &#8220;sell effortlessly&#8221; you have the ideal human-computer interaction. Interaction occurs in a non-linear system that delivers exactly what prospective buyers need, when they need it, so they can accomplish their goals in the manner most comfortable to them. That’s a user experience we (everyone from IAs to designers and even marketing folks) can all buy into if our interests were truly aligned. Google needs to train advertisers to do a better job while maintaining its revenues. So how is Google “training” advertisers?  With sticks, not carrots.</p>
<h2>Quality Score: The Grand Equalizer</h2>
<p>Theoretically at least, advertisers and searchers interests should be aligned. After all, an advertiser pays for an ad placement based on context. If Company A is advertising for widgets, when people search for widgets they should be able sell tons of widgets. That’s the theory. In practice, the user experience of paid ads is tragically broken; just go ahead and see how many paid searches send you to a home page or a generic landing page. That hurts Google‘s reputation for relevance. Google suffers when advertisers fail to deliver a good user experience. Google’s solution to this problem is Quality Score (“QS”).  QS acts like a tax for those advertisers too lazy, too structurally rigid or just too misinformed to deliver relevant answers to searchers queries.</p>
<p>QS is based on an algorithm that scores the value of the user experience the advertiser is creating from clicking on the ad to the target page. QS weights the value of a bid in the auction for ad placement and forces the advertisers delivering the worst user experience to pay more than those with better user experiences competing for the same query. The penalties are substantial; we’ve seen advertisers penalized more than 60% of their paid advertising budget; sometimes they weren’t even aware.</p>
<h2>Google&#8217;s Enforcing Great Experiences</h2>
<p>Bryan and I have been thinking a lot about Google’s Adwords program, QS and it’s consequences. It’s encouraging us to think that designers, developers, content creators and marketers may wind up on the same page someday soon.</p>
<p>Substantial penalties piled on top of large budgets have a way of forcing even those most entrenched in status quo to cat. You might also find it as encouraging as we do if we explain how we perceive the difference between conversion &#8212; which is mechanical &#8212; and persuasion that is based on a holistic user experience.</p>
<p>Conversion has only recently become the must-have piece of the pie. You could see it gaining interest when Call To Action, our second book, hit the NY Times bestseller list in 2006. In the last few years it’s become mainstream. When we started our former company in 1998 we never imagined that it would take so long. Unfortunately we&#8217;re not all on the same page yet.</p>
<p>The ability to achieve truly dramatic improvements in conversion rates still requires a shift in &#8220;conventional&#8221; thinking. Design teams need to understand that while the goal may be conversion, the practice must be persuasion.</p>
<p>Conversion is all about &#8220;the click.&#8221; We all understand the macro-level conversion, which is the business&#8217;s site objective. But it is important to realize that conversion also takes place at the micro-level &#8212; every single relevant click pulls the user deeper into the buying decision process. It&#8217;s imperative for sites to persuade prospects with each and every click.</p>
<h2>Knowing What To Do Is Not the Same as Being Presented A Reason Why</h2>
<p>Conversion is what the user does; it&#8217;s the &#8220;take action&#8221; part of the buying decision process. At the macro-level, the visitor converts from prospect to buyer. Helping prospects convert involves making it easier for them to buy by getting out of their way. Getting out of the way usually entails a copy, usability, or information architecture adjustment.</p>
<p>As we worked with clients in the early days of our business, we began to realize we could remove the obstacles to conversion, but that would only take us so far. If conversion is fundamentally about completing your linear scenarios, and people rarely go about accomplishing their goals in a linear fashion – how are you designing to address the buying process behavior of the majority of these non-linear prospects?</p>
<p>Consider this example: A site selling seminars, a complex selling scenario successfully funnels a majority of its traffic to a registration form, but few prospective attendees who land on that page complete the form and click through. The page rejection rate is staggering. Thinking they have a conversion problem, the company performs a variety of A/B tests on the form page with little success. Nothing they do to &#8220;fix&#8221; the conversion problem yields significantly improved results. They imagine themselves at a conversion dead-end.</p>
<p>In this situation, the problem isn&#8217;t always the form; assuming the seminar is a good one it&#8217;s the scenario visitors participate in before they reach the form. Perhaps prospective attendees haven&#8217;t acquired enough information or developed sufficient confidence to feel comfortable completing registering yet. Hopefully they would realize that this linear sales process is undermining their prospective attendees’ non-linear buying decision process &#8211; the  site is failing to persuade before it attempts to convert.</p>
<p>Persuasion is about meeting the buying needs of your audience. It&#8217;s a non-linear, multi-branched, integral part of your selling process &#8211; you present relevant information for your buyers in a way that suits you as the seller and hopefully allows you to make the case for buying from you.</p>
<p>Non-linear scenarios are the ones visitor segments create as they navigate your website. In this type of scenario we measure conversion differently, from where people enter to where they complete the intended scenario and whether or not they hit our key value pages.</p>
<h2>Improving an Average Conversion Rate Produces Average Results</h2>
<p>The goal is to focus on cumulative conversion rates for the website instead of simply an average conversion rate. This is accomplished by explicitly planning these non-linear scenarios, or persuasive design. When we dissect the buying process into its component parts for each persona, then measure those micro-conversions in the click-stream, not only can we better understand how well we are persuading but we can also segment our conversion rates by persona segment.</p>
<p>Persuasion is the next step in conversion rate marketing&#8217;s evolutionary chain; it’s the stage where we evolve beyond primitive relevance and weave into the user experience a compelling force that delights users. You may clear every last one of your conversion hurdles, but you will still face the question of how you move your prospects from click to click, how you orchestrate persuasive momentum.</p>
<p>Building persuasive, persona-based scenarios that allow prospects to &#8220;buy naturally&#8221; is the only way to achieve the dramatic results that are possible when you think beyond conversion.</p>
<p>From a conversion perspective, the designer now asks, &#8220;How do I build a single pipeline, or experience, that gets me the highest conversion rate?&#8221; From a persuasion perspective, the designer will ask, &#8220;How do I build multiple experiences that give me the highest conversion rates overall? It&#8217;s the difference between trying to increase your conversion rate from 2% to 4% (a 100% increase) and imagining what small percentage of all your visitors you will have to write off because they are simply &#8220;unconvertible.&#8221; Reach for only 4% or 100% of those intending to buy?</p>
<h2>The Future of User Experience Driven by an Algorithm</h2>
<p>The future is not about optimizing conversion, nor about maximizing conversion, it’s about spectacular user experiences that convert effortlessly from the users point-of-view. We are among the small community advocating that point-of-view for years but that future will most likely be driven not by people like us but rather by how an algorithm determines the quality of user experience. We’re feeling confident change is on the way and if it wasn’t for Google’s algorithm you might call that naïve.</p>
<p><strong>Join us Thursday, August 26</strong> at 1:30pm ET for a webinar with UIE &#8211; <a href="http://www.uie.com/events/virtual_seminars/persuade/?=be" target="_blank">Produce a More Persuasive Site: Where Design &amp; Marketing Meet. </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/google-user-experience-thinking-beyond-conversion/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Want More Actions? Leverage the Point of Action</title>
		<link>http://www.bryaneisenberg.com/want-more-actions-leverage-the-point-of-action/</link>
		<comments>http://www.bryaneisenberg.com/want-more-actions-leverage-the-point-of-action/#comments</comments>
		<pubDate>Fri, 07 May 2010 13:19:28 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[conversion rate]]></category>
		<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Lead Generation]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Confidence building]]></category>
		<category><![CDATA[form design]]></category>
		<category><![CDATA[Point of Action]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=643</guid>
		<description><![CDATA[Two weeks of West Coast jet lag while keynoting three conferences means a lot of parties. At a reception, a guy named Peter told me that he read my book &#8220;Call to Action&#8221; a few years ago and that he used it as the basis to redo his company&#8217;s shopping cart. Peter more than doubled [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Two weeks of West Coast jet lag while keynoting three conferences means a lot of parties. At a reception, a guy named Peter told me that he read my book &#8220;Call to Action&#8221; a few years ago and that he used it as the basis to redo his company&#8217;s shopping cart. Peter more than doubled conversions based on the advice we gave him. However, he said he had an unbelievable battle to explain and use an obvious technique: leveraging his company&#8217;s point-of-action assurances into the shopping cart.</p>
<p>Maybe I can spare you that grief.</p>
<p><strong>What Are Point-of-Action Assurances?</strong></p>
<p>At the point when a visitor is ready to take action, to fill out a form, to click on a button or link, they are at a seductive moment. It&#8217;s a delicate place. It&#8217;s at that point they could lose confidence in their decision and not take the action you want them to take. That&#8217;s why you must provide messaging to bolster trust and confidence.</p>
<p>Let&#8217;s look at a few examples of how this can be done.</p>
<p>One of the earliest tests we ran over a decade ago was adding the words &#8220;we value your privacy&#8221; near newsletter subscriptions boxes on several clients&#8217; websites. We placed those four simple words near the e-mail form field and the button used to submit the subscription form. It often doubled the conversion rate from visitors to subscribers.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/we-value-your-privacy.png?84cd58"><img class="aligncenter size-full wp-image-644" title="we value your privacy" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/we-value-your-privacy.png?84cd58" alt="" width="414" height="90" /></a></p>
<p style="text-align: left;">
<p>If you want to take this to another level, check out what my good friends and screenshotaholic enablers at TechSmith do on their forms with a reaffirming message from their president.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/techsmith-we-value-your-privacy.png?84cd58"><img class="aligncenter size-full wp-image-653" title="techsmith we value your privacy" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/techsmith-we-value-your-privacy.png?84cd58" alt="" width="431" height="84" /></a></p>
<p>Point-of-action assurances allow you to handle the possible objections or concerns your visitors have just as they are ready to complete an action and without them having to go anywhere else on your website to look for the answer.</p>
<p>Take a look at the download button from Firefox as an example of adding point-of-action assurances on a graphic button. Notice how they tell people how large the file is, what version, etc.? You could do the same thing if you are asking people to download white paper docs, PDFs, or any other type of files.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/getfirefox-button-poa.png?84cd58"><img class="aligncenter size-full wp-image-649" title="getfirefox button poa" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/getfirefox-button-poa.png?84cd58" alt="" width="358" height="141" /></a></p>
<p>Amazon used this strategy for years on its &#8220;add to cart&#8221; buttons. Even though they removed it, we have still used it quite successfully for clients recently. Notice how Amazon used the words &#8220;you can always remove it later&#8221; on the button and the use of the lock graphic and the additional words &#8220;shopping with us is safe. Guaranteed.&#8221;</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/Amazon-original-add-to-cart-button.jpeg?84cd58"><img class="aligncenter size-medium wp-image-646" title="Amazon original add to cart button" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/Amazon-original-add-to-cart-button-300x78.jpg?84cd58" alt="" width="300" height="78" /></a>You can also use point-of-action assurances to help retail visitors overcome their shopping fears and reduce shopping cart abandonment.</p>
<p>Notice the use of the lock and the &#8220;Shop with Confidence&#8221; messaging alongside the credit card input fields in CafePress.com&#8217;s shopping cart? This point-of-action assurance helps visitors feel more secure about entering in their credit card information.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/cafepress-payment-poa.png?84cd58"><img class="aligncenter size-medium wp-image-648" title="cafepress payment poa" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/cafepress-payment-poa-300x67.png?84cd58" alt="" width="300" height="67" /></a></p>
<p>The folks from 37signals use this well-designed strategy quite effectively in order to get their visitors to provide them with credit card information to set up a free trial account for their Basecamp product.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/basecamp-poa-credit-card-trial.png?84cd58"><img class="aligncenter size-medium wp-image-647" title="basecamp poa credit card trial" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/basecamp-poa-credit-card-trial-300x69.png?84cd58" alt="" width="300" height="69" /></a></p>
<p>Visitors to retailers often have other questions that should be answered as point-of-action assurances inside the cart, instead of making visitors search your website for answers to your return, shipping, or guarantee policies.</p>
<p>Notice how Shoeline.com spells out its policies from the shopping cart page all the way through the final checkout page? This is how it lets visitors know that all its products are guaranteed and that visitors can return products within 30 days for a refund or exchange.</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/shoeline-point-of-action-cart.png?84cd58"><img class="aligncenter size-full wp-image-652" title="shoeline point of action cart" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/shoeline-point-of-action-cart.png?84cd58" alt="" width="140" height="316" /></a></p>
<p><strong>So You Want More Leads, Huh?</strong></p>
<p>Well, this strategy of providing point-of-action assurances is a must, then!</p>
<p>Keep in mind that, according to studies, a lead loses six times its effectiveness within the first hour of contacting you. So an effective strategy is to set expectations of how you handle your leads, what will happen after they fill out your form, and when and how you will respond. Take a look at what Rad-Direct.com is doing on its Web forms:</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/rad-direct-expectations.png?84cd58"><img class="aligncenter size-medium wp-image-650" title="rad-direct expectations" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/rad-direct-expectations-300x56.png?84cd58" alt="" width="300" height="56" /></a></p>
<p>First, it sets expectations about what you can speak to a systems engineer about. Then, above and below the form, it lets you know that it will respond to all inquiries within two business hours (it also has the point-of-action assurance about respecting your privacy):</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/rad-direct-web-form-poa.png?84cd58"><img class="aligncenter size-medium wp-image-651" title="rad-direct web form poa" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/05/rad-direct-web-form-poa-300x278.png?84cd58" alt="" width="300" height="278" /></a></p>
<p>Use this simple and powerful technique of point-of-action assurances that direct marketers have been using in their work for years and watch how your visitors reward you with more actions taking place.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/want-more-actions-leverage-the-point-of-action/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>5 Dimensions of Landing Page Element Success</title>
		<link>http://www.bryaneisenberg.com/5-dimensions-of-landing-page-element-success/</link>
		<comments>http://www.bryaneisenberg.com/5-dimensions-of-landing-page-element-success/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 09:52:55 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[Continuous Improvement]]></category>
		<category><![CDATA[Optimization]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[landing page design]]></category>
		<category><![CDATA[landing page optimization]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=589</guid>
		<description><![CDATA[Last time, I shared with you the 10 landing page elements, such as the call to action, that make up the anatomy of a landing page. Once you have identified your elements, there are five dimensions to evaluate if the elements will work at converting your visitors. The five dimensions are: Relevance Quality Location Proximity Prominence [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/04/always_be_testing_man_speeding_car_col2.jpg?84cd58"><img class="alignleft size-medium wp-image-590" title="always_be_testing_man_speeding_car_col2" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/04/always_be_testing_man_speeding_car_col2-300x214.jpg?84cd58" alt="Always Be Testing Cartoon courtesy of Sean DSouza" width="300" height="214" /></a>Last time, I shared with you the 10 landing page elements, such as the call to action, that make up the <a href="http://www.clickz.com/3639868">anatomy of a landing page</a>.</p>
<p>Once you have identified your elements, there are five dimensions to evaluate if the elements will work at converting your visitors. The five dimensions are:</p>
<blockquote>
<ul>
<li>Relevance</li>
<li>Quality</li>
<li>Location</li>
<li>Proximity</li>
<li>Prominence</li>
</ul>
</blockquote>
<p><strong>Relevance</strong></p>
<p>Everything else about your page can suck (the technical term we use in Brooklyn), as long as you manage to understand your visitor&#8217;s intent and meet it with a page that is relevant to their needs, matches their expectations, and explains things in terms they understand for where they are in their buying process.</p>
<p>First: If your visitor came from an advertisement, be sure to<a href="http://www.clickz.com/3556061">maintain scent</a> between the landing page and the advertisement. If it is a search or PPC (<a href="http://searchenginewatch.com/define#ppc" target="_new">define</a>) ad, then your ad and landing page should match the query the visitor used. And, the offer used should match from ad to landing page. If it is a display ad, the offer, imagery, colors, etc., should match from the ad to landing page.</p>
<p>Each of the 10 landing page elements should be relevant to the visitor&#8217;s goal while ensuring they complete the action you want them to. Remove anything on the page that is not relevant to their buying process and anything that does not help them convert. This will also ensure the message&#8217;s clarity.</p>
<p>Your message must also speak to the correct <a href="http://www.clickz.com/3430871">persona</a> for their preferred way of gathering information, making decisions, and stage of the buying process.</p>
<p><strong>Quality</strong></p>
<p>The better each of your elements are crafted, the better your results. Your copy should be engaging and easy to read, both from a relevance and visual appeal. Your copy should be <a href="http://www.clickz.com/1556331">skimmable and scannable</a> &#8211; visitors won&#8217;t waste time reading until they scan the page and make sure it is relevant to them. Your landing page and any graphical elements you use should look professional; that doesn&#8217;t necessarily mean it needs to look pretty. Often times, ugly but professional pages convert better; <a href="http://www.clickz.com/3639787">don&#8217;t let your graphic designer kill your conversion rate</a>. Even the <a href="http://blog.searchenginewatch.com/091221-090207" target="_blank">quality of a voiceover in a demo</a> can make a conversion difference.</p>
<p><strong>Location</strong></p>
<p>Where elements on the page are located can make a huge difference. Try to get the most relevant information and calls to action above the fold. If you have a multiple column page, what elements appear in what column also matter. The order of your elements matters too; this is often the case in copy where I have found that if I take the last paragraph of copy that is on the page and make it the first paragraph, it will usually increase conversion rates.</p>
<p><strong>Proximity</strong></p>
<p>Be conscious of what elements lay next to each other. An example I use is Overstock.com. A graphic next to the internal search box reads &#8220;Kids Titles for Learning and Fun&#8221; on its movie page. When the two elements are looked at together, visitors think they are related. They ended up thinking that the search box was for searching kids&#8217; movies. As soon as we swapped the graphic to &#8220;search over 24,000 movies,&#8221; it accounted for a 5 percent increase in revenue. It was that big of a deal. Or as my friends from WiderFunnel will tell you: be careful of adding trust seals next to calls to action; sometimes the visual distraction causes visitors to not take any action.</p>
<p><strong>Prominence</strong></p>
<p>Stand 6 to 10 feet back from your page &#8211; what stands out? Is your call to action obvious? Can your visitor tell who you are, why they should trust you, and how you are relevant to their need in just a matter of seconds? Make good use of color, layout, and white space so key elements jump off the page and make the visitor&#8217;s eyes flow from one element to the next. Attention heatmaps, like <a href="http://www.attentionwizard.com/" target="_blank">AttentionWizard</a> from fellow ClickZ columnist, Tim Ash, can be used to simulate visitor visual processing and attention to judge element visual prominence, but it can&#8217;t account for visitor motivation and your relevance.</p>
<p>These five dimensions of <a href="http://www.clickz.com/3639868">the 10 landing page elements</a>, in conjunction with some testing, can help you have the most effective landing page for converting your visitors to take action. In my next column, I&#8217;ll share with you the seven factors of form design that are critical to your conversion rate.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/5-dimensions-of-landing-page-element-success/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Anatomy of a Landing Page: Design Elements Exposed</title>
		<link>http://www.bryaneisenberg.com/anatomy-of-a-landing-page-design-elements-exposed/</link>
		<comments>http://www.bryaneisenberg.com/anatomy-of-a-landing-page-design-elements-exposed/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 10:13:30 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[conversion rate]]></category>
		<category><![CDATA[Optimization]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[landing page optimization]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=566</guid>
		<description><![CDATA[Landing pages have become an important part of the marketer&#8217;s toolbox. To create effective landing pages, you should understand the anatomy of a landing page and it should be part of your landing page and optimization framework. After optimizing thousands of landing pages over the years, I want to offer this framework for understanding the 10 [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/03/periodic-table.jpg?84cd58"><img class="alignleft size-thumbnail wp-image-567" title="periodic table" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/03/periodic-table-150x150.jpg?84cd58" alt="" width="150" height="150" /></a><a href="http://www.clickz.com/3490481">Landing pages</a> have become an important part of the marketer&#8217;s toolbox. To create effective landing pages, you should understand the anatomy of a landing page and it should be part of your <a href="http://www.clickz.com/3511236">landing page and optimization framework</a>. After optimizing thousands of landing pages over the years, I want to offer this framework for understanding the 10 key elements of a landing page.</p>
<p>Not all of the following elements always need to be on a page to create an effective landing page. However, there are several elements that are essential to your success.</p>
<ol>
<li><strong>Logo:</strong> The visitor needs some way to identify who they are potentially doing business with. A logo won&#8217;t make your sale, but a poor one can lose your sale. A professionally designed logo always helps establish some bit of credibility. Most sites have this in the upper left hand part of the page; some have it on the upper right.</li>
<li><strong>UVP or UCP:</strong> Once the visitor knows who you are, they need to figure out why they should do business with you. You should communicate this in a simple statement that explains your <a href="http://www.clickz.com/838531">value proposition</a> (UVP) or your campaign proposition (UCP).</li>
<li><strong>Headline:</strong> The landing page headline should <a href="http://www.clickz.com/3556061">reinforce the scent from the ad</a> that delivered your visitor to the page; that&#8217;s persuasive momentum. Your headline can either be designed in a text format or graphical format; it doesn&#8217;t really matter. Many marketers use a dynamic system to personalize their landing pages for the ad or keyphrase that attracted the visitor in the first place, to have better continuity (scent) from ad to landing page. Dynamic tools work, but beware.</li>
<li><strong>Offer:</strong> Direct marketers know that the offer is one of the most critical elements of a well-designed campaign. That is why they spend a lot of time testing their offers. Offers must be clear and concise. A maxim of direct mail is that a confused mind always says &#8220;no.&#8221; The offer is the deal you&#8217;re presenting to your visitor. Don&#8217;t get this confused with a &#8220;call to action,&#8221; which is the action you want the person to take. Sometimes the offer is actually delivered successfully as the headline.</li>
<li><strong>Descriptive copy:</strong> What supporting copy do you need to explain what you do, what you offer, and how it will benefit your visitor? This is often a list of key features and/or benefits. Don&#8217;t overlook formatting. Will the copy be delivered in block text, bullet point, or some combination of the two?</li>
<li><strong>Product/service presentation:</strong> This is the imagery you use to support your copy and style for your page. This often takes the form of a product image, a product or service tour (photos or video), screen shots, or lifestyle images. A good picture can be worth a thousand words if you can use it to engage your visitor and give them a sense of what owning your product or service will be like. Likewise, poor quality graphics or presentations can confuse or turn visitors away. A great image won&#8217;t make your sale, but a poor one can help lose your sale.</li>
<li><strong>Calls to action:</strong> I break out calls to action into three types: hyperlinks, buttons, or forms. The objective of many landing pages is to get visitors to complete a form. If that is the case, make the form easy to complete on the landing page, and avoid requiring the visitor to take an extra step &#8211; and going to a form page &#8211; if possible. Other than your offer, this is an important piece to keep testing. Calls to action should stand out (think contrast) and be obvious from the moment a visitor lands on your page. The visitor should always know what is the next step they should take.</li>
<li><strong>Confidence building:</strong> A visitor will not convert if he doesn&#8217;t have <a href="http://www.clickz.com/3072171">confidence or trust</a> in you. There are dozens of factors that affect trust or confidence in your visitors on your pages, and dozens of things you can do to negatively impact trust and credibility. I&#8217;ll cover only a few types of things you can add to boost confidence. Basic confidence boosting elements can be the effective use of testimonials or <a href="http://www.clickz.com/3627269">customer reviews</a>, leveraging examples of previous customers, using third-party validators (such as media mentions or reviews, as seen in references, or trust marks), and using <a href="http://www.clickz.com/839711">point-of-action assurances</a> near your call to action.</li>
<li><strong>Link to more information:</strong> Many experts believe your landing pages shouldn&#8217;t have any additional links other than your main call to action. I believe it depends on several factors, including the complexity of what you sell and the buying stage of your prospect (early stage buyers tend to be in information gathering mode not action taking mode &#8211; so let them gather information). Don&#8217;t blindly follow &#8220;best practices;&#8221; use your judgment and test alternatives.</li>
<li><strong>Template elements:</strong> These elements are usually found in the header or footer of a template. They may be your copyright notice, phone number, live chat, address, privacy or other policies, etc. These are usually not elements of the persuasion process, but many can be supportive. All pages should have easy contact information and privacy policies.</li>
</ol>
<p>Look at your landing pages and your competitors&#8217; to see if you can identify these essential elements.</p>
<p>In my next column, I&#8217;ll explain the five dimensions of landing page element design that impact its effectiveness.</p>
<p><em>If you would like to see some of these elements in action, you can sign up for an upcoming Webinar I am doing on April 1, 2010 &#8211; &#8220;<a href="https://www2.gotomeeting.com/register/749512387" target="_blank">Don&#8217;t Be April&#8217;s Fool: Proven Techniques To Maximize Your Advertising ROI</a>.&#8221;</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/anatomy-of-a-landing-page-design-elements-exposed/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>What Your Form Design Reveals About You</title>
		<link>http://www.bryaneisenberg.com/what-your-form-design-reveals-about-you/</link>
		<comments>http://www.bryaneisenberg.com/what-your-form-design-reveals-about-you/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 11:45:30 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[Lead Generation]]></category>
		<category><![CDATA[Optimization]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[form design]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[improve conversion rate]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=486</guid>
		<description><![CDATA[There is no question that improving the forms on your website can improve your conversion rate. In fact, Gavin Doolan, of the Google analytics team, did a wonderful job explaining the basics concepts needed to improve form conversion rates. However, what do the forms that exist in the &#8220;wild&#8221; tell your visitors about you? Does [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/submitbutton.jpg?84cd58"><img class="alignleft size-thumbnail wp-image-502" title="submitbutton" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/submitbutton.jpg?84cd58" alt="" width="150" height="112" /></a>There is no question that improving the forms on your website can improve your conversion rate. In fact, Gavin Doolan, of the Google analytics team, did a wonderful job explaining <a href="http://conversionroom.blogspot.com/2010/02/improve-your-web-forms-and-increase.html">the basics concepts needed to improve form conversion rates</a>. However, what do the forms that exist in the &#8220;wild&#8221; tell your visitors about you?</p>
<p>Does it say you care about your visitor? Your sales team? Your legal department? No one?</p>
<p>This past week one of my <a href="http://www.marketmotive.com/landing-page-conversion-training-and-certification-courses">MarketMotive conversion optimization students</a> sent me an example of a form she wanted to avoid as soon as she saw it as part of one of her assignments. Take a look at it and think about what issues you see with <a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/clickable-form-sucks.png?84cd58" target="_blank">this form</a>:</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/clickable-form-.png?84cd58"><img class="aligncenter size-medium wp-image-489" title="clickable form" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/clickable-form--300x126.png?84cd58" alt="" width="300" height="126" /></a>Let&#8217;s imagine the conversation in your visitor&#8217;s head.</p>
<blockquote><p>&#8220;This form is a little hard to read!&#8221;</p>
<p>&#8220;Are they trying to hide something?</p>
<p>&#8220;Why do they need my job title?&#8221;</p>
<p>&#8220;A community screen name, why do I need one of these? I don&#8217;t want to join a community I just want to try out the software.&#8221;</p>
<p>&#8220;There are different types of accounts, let me think about what I might need.&#8221;</p></blockquote>
<p>What do you think the odds are that this person is going to complete this form?</p>
<p>So what went wrong?</p>
<p>First avoid all light gray type on a white background, especially with a smaller font type. Your designer might think it looks nice, but I am wondering what are you trying to hide. Give them some contrast please!</p>
<p>If everything is required only highlight any optional fields.</p>
<p>Design the form so that it is in one column not two. It tends to convert visitors better and is a more natural experience.</p>
<p>Wait till later in the process to engage them in discussions they are not ready for like joining a community, or what type of account they may need. You are forcing them to make a decision and process information before they are ready to. Get them through the process as frictionless as possible. It wasn&#8217;t in the sales flow before the signup and the first place it showed up was in this first step of the signup process.</p>
<p>There has been some <a href="http://www.cxpartners.co.uk/thoughts/web_forms_design_guidelines_an_eyetracking_study.htm">great analysis on how to improve your forms</a>. Follow these guidelines and people might actually think you care about the visitor and your conversion rates may improve:</p>
<ul>
<li>Use a simple vertical layout and vertical aligned labels where possible</li>
<li>If vertical aligned labels are not possible, use bold left-aligned labels</li>
<li>When more than one field is placed on a line, ensure that they are designed to look like a single piece of information</li>
<li>Emphasize the headers if you want users to read them</li>
<li>If optional fields are needed, make them clear instead of using asterisks for mandatory fields</li>
<li>Use single field for numbers or postcodes, allow input in various forms</li>
<li>Let users focus on their task and avoid distractions</li>
<li>Use real time feedback carefully</li>
<li>If possible, place tips at the side of the relevant fields</li>
<li>Provide users with a progress indicator showing them the steps involved to complete the form</li>
</ul>
<p>Here is an example of <a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/basecamp-form.png?84cd58" target="_blank">one of my favorite sign up forms</a>. What does this form tell you about the company you are considering doing business with?</p>
<p><a href="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/basecamp-form.png?84cd58"><img class="aligncenter size-medium wp-image-491" title="basecamp form" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2010/02/basecamp-form-211x300.png?84cd58" alt="" width="211" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/what-your-form-design-reveals-about-you/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>8 Characters That Could Make Amazon.com Millions</title>
		<link>http://www.bryaneisenberg.com/8-characters-that-could-make-amazon-com-millions/</link>
		<comments>http://www.bryaneisenberg.com/8-characters-that-could-make-amazon-com-millions/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 15:48:51 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Amazon]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=391</guid>
		<description><![CDATA[Yesterday, my aunt Arlene called me in a panic. She had an appointment to run to and an online shopping cart full of gifts for her grand-children and great nieces and nephews and couldn&#8217;t figure out how to ship them to their multiple addresses. Amazon.com does a pretty good job at letting you put multiple [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><img class="alignleft size-full wp-image-392" title="amazon ship to multiple" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2009/12/amazon-ship-to-multiple.png?84cd58" alt="amazon ship to multiple" width="217" height="138" />Yesterday, my aunt Arlene called me in a panic. She had an appointment to run to and an online shopping cart full of gifts for her grand-children and great nieces and nephews and couldn&#8217;t figure out how to ship them to their multiple addresses. <a href="http://www.amazon.com">Amazon.com</a> does a pretty good job at letting you put multiple addresses in your address book but when it came time to selecting which products go to which addresses a simple 8 characters could have made a huge difference.</p>
<p>You know I am big fan of Amazon and their focus on continuous improvement and testing, but I think they are letting bunches of people become frustrated because of the usability challenges of a pull down select form field. You can see below a screenshot of the page Amazon provides to send your choices to multiple addresses. Notice on the right the select pull down menu and the fact that it is showing only one address. My aunt, and I am sure plenty of other people might not figure out that you have to hit the little arrow in that pull down menu to see the other addresses. It is well known that many users find <a href="http://www.useit.com/alertbox/annoyances.html">drop down menus a usability challenge</a>. I checked this page on multiple platforms and browsers and it displayed the same way.</p>
<p><img class="aligncenter size-full wp-image-396" title="amazon-pull-down" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2009/12/amazon-pull-down.png?84cd58" alt="amazon-pull-down" width="480" height="250" /></p>
<p>If Amazon would have defaulted the size of the drop down to show at least 3 addresses, I don&#8217;t think she would have had a problem realizing that her full address book was in this pull down. There certainly is room in the design for it, because the item descriptions on the left all take up at least 3 lines. However, the one line pull down probably looks better form a designer&#8217;s perspective. You can see in the code snippet below how Amazon could make this process easier with just 8 characters, <strong>size=&#8221;3&#8243;</strong>.</p>
<p><img class="aligncenter size-medium wp-image-394" title="html size3" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2009/12/html-size3-300x189.png?84cd58" alt="html size3" width="300" height="189" /></p>
<p>What do you think Amazon should do? Should they eliminate the pull down all together? Sending packages to multiple addresses is a big issue this time of year. Should they let their customers become frustrated at this process? What would you do?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/8-characters-that-could-make-amazon-com-millions/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Design for Persuasion</title>
		<link>http://www.bryaneisenberg.com/design-for-persuasion/</link>
		<comments>http://www.bryaneisenberg.com/design-for-persuasion/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 11:17:30 +0000</pubDate>
		<dc:creator>Bryan Eisenberg</dc:creator>
				<category><![CDATA[conversion rate]]></category>
		<category><![CDATA[Optimization]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Design for Persuasion]]></category>
		<category><![CDATA[landing page optimization]]></category>

		<guid isPermaLink="false">http://www.bryaneisenberg.com/?p=310</guid>
		<description><![CDATA[Ask any designer what makes a great design for a web page or web site and you&#8217;ll almost always here the same common themes; usability, intuitiveness, feel/mood, eye catching, etc. Yet few will respond with what makes your business revenue &#8211; how the page converts visitors to take the action you want them to take! [...]]]></description>
			<content:encoded><![CDATA[<p></p><p><img class="alignleft size-thumbnail wp-image-314" title="TheGrok Designing for Persuasion" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2009/11/Final-Painter-copy-150x150.jpg?84cd58" alt="TheGrok Designing for Persuasion" width="150" height="150" />Ask any designer what makes a great design for a web page or web site and you&#8217;ll almost always here the same common themes; usability, intuitiveness, feel/mood, eye catching, etc. Yet few will respond with what makes your business revenue &#8211; how the page converts visitors to take the action you want them to take!</p>
<p>Following are some practical and commonly overlooked elements of landing- and buying-page design to help answer some the above questions and help you think about design elements more objectively.</p>
<p>Lots of designers like to focus on color scheme too early in the process. Color isn&#8217;t the core of your design. There are six basic, equally important elements that make up effective design:</p>
<ul>
<li>Line</li>
<li>Shape</li>
<li>Value (lightness, darkness, shading)</li>
<li>Blank (white) space</li>
<li>Texture/pattern</li>
<li>Color</li>
</ul>
<p><strong>Start with Element Prioritization</strong></p>
<p>Determine the relative importance of all elements that will comprise a Web page. Not all elements are of equal importance. You may even want to assign a dollar or numeric value to each element in terms of revenue potential and based on size it takes up in the design. To be most effective, the layout must take this into account. Important elements may require specific placement on a page so that they may be more visually available to visitors.</p>
<ul>
<li>For every page, you must answer the question: <strong>What action do we want the visitor to take on this page</strong>? List these in order of priority.</li>
<li>By first considering the design in grayscale, you can determine what elements stand out without color getting in the way. Note: a fabulous tool that will turn any existing web page you have into grayscale is <a href="http://graybit.com/main.php" target="_blank">GrayBit</a>.</li>
<li>Use brighter/bolder colors on elements such as buttons and header banners that reinforce the action you want a visitor to take on that page.</li>
<li>Button size, position, and shape can also influence the visitor&#8217;s perception of how important an element is.</li>
</ul>
<p><strong>Position</strong></p>
<p><img class="alignleft size-thumbnail wp-image-315" title="man in a position" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2009/11/man-in-a-position-150x150.jpg?84cd58" alt="man in a position" width="150" height="150" />Position refers to the relational properties of elements on Web page. No element exists in isolation; all are affected by the surrounding elements. A large, dark element, for example, may functionally obscure the presence of an adjacent small, light element.</p>
<p>Evaluate the positional relationships including size, shape, color and proximity of all the elements. Ensure each is visually &#8220;available&#8221; to the visitor. You may want to use the <a href="http://www.grokdotcom.com/2007/09/10/revenge-of-the-pixels-the-battle-for-screen-real-estate/">battleship grid layout concept</a> I&#8217;ve shared in the past.</p>
<p><strong>Contrast</strong></p>
<p><img class="alignleft size-thumbnail wp-image-316" title="contrast" src="http://bryaneisenbergblog.s3.amazonaws.com/wp-content/uploads/2009/11/contrast-150x150.jpg?84cd58" alt="contrast" width="150" height="150" />Contrast is the difference between the light and dark areas of the page design, the juxtaposition of black and white representing the strongest contrast. Contrast dramatically affects readability and a visitor&#8217;s ability to spot elements critical to the persuasive process. Contrast is an important design consideration when people with impaired vision require assistive technologies to render Web pages readable.</p>
<p>When considering design contrast:</p>
<ul>
<li>Look at all design mock-ups in grayscale first. Colors evoke emotion. Introducing them first distracts you from the ability to see potential contrast problems in a design.</li>
<li>Avoid too many dark colors.</li>
<li>Avoid too many light colors. We were just involved in a site audit where the gray text on a gray background rendered the sites main offer too difficult to read. Simply changing the background shade can make the elements pop out.</li>
</ul>
<p><strong>Expectations</strong></p>
<p>This is the design&#8217;s ability to employ basic conventions online users have come to associate with e-business. Sure, conventions can seem limiting and uncreative. But an online business must provide both a design and a layout that helps the visitor accomplish her task efficiently and without frustration.</p>
<ul>
<li>All text hyperlinks should be underlined or at the least very obvious.</li>
<li>View Shopping Cart/Checkout links should be near the upper right corner. You may want to include a phone number as well here.</li>
<li>Full contact info should reside in the footer navigation.</li>
</ul>
<ul>
<li>What other things are you doing that confuse people and their expectations?</li>
</ul>
<p><strong>Perception</strong></p>
<ul>
<li><strong>Of speed</strong>. That should be the visitor&#8217;s impression of how quickly the site and each subsequent page appear onscreen. While a site can load with an absolute speed, it&#8217;s possible to give the impression it&#8217;s loading faster by prioritizing critical information and loading it first. Ideally, the visitor will engage with that information while secondary information is still loading. Actual speed and the perception of speed are often inversely related. The real influences are the users&#8217; experiences and their ability to complete the tasks they came to accomplish.  Have you <a href="http://www.websiteoptimization.com/services/analyze/">checked the load time</a> of your most important pages lately?</li>
<li><strong>Of time spent on task</strong>. This is the visitor&#8217;s impression of the length of the persuasive process from beginning to end. Structural designs that use five pages when three would suffice needlessly waste visitors&#8217; time. At a smaller level, forms that &#8220;look&#8221; long &#8212; even though they may not request more information &#8212; are often perceived as requiring more time to complete. In general, the longer the visitor perceives it will take her to accomplish her task, the more frustrated and disinterested she becomes. <strong>When was the last time you watched your visitors</strong> trying to complete these tasks? If it&#8217;s been a while, <a href="http://www.usertesting.com">order 5-8 usability tests on UserTesting.com</a> for $29 each. You&#8217;ll get a screen recording as they talk through what they are experiencing on your website.</li>
</ul>
<p>How well designed are your landing pages and key buying pages?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bryaneisenberg.com/design-for-persuasion/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: enhanced (User agent is rejected)
Content Delivery Network via Amazon Web Services: S3: bryaneisenbergblog.s3.amazonaws.com

Served from: www.bryaneisenberg.com @ 2012-02-04 01:56:00 -->
