Posts Tagged ‘Website’

It’s A Fatal Mistake To Copy Successful Web Sites

Monday, March 1st, 2010

At a search engine marketing conference, several of us gave a session on website usability topics ranging from usability and SEO to site architecture and requirements gathering. Afterward, there was time for questions by the audience. Someone asked, “Why don’t we all just copy Amazon.com?” I replied, “Never, ever copy what Amazon does.” The audience responded with surprise, thinking I was not a fan of Amazon.

Not true. The reason you don’t want to copy a successful site like Amazon is that their website requirements are not likely to be the same as your site requirements. Their users may have different characteristics than your site visitors. Their customers’ needs may be completely different. You don’t have the user, traffic analysis and usability testing data they’ve collected over the years that they use as a base for their user interface, information architecture and content delivery.

Your website is unique

Today, with blog templates or content management system software being the design foundation for many sites, web page layouts are fairly consistent and come with no surprises. We’ll find two or three columns, a header, footer, sidebar navigation and a picture or two. The logo typically goes into the top upper left corner. It would be unusual to find a page beginning with a copyright year, privacy policy and company address. Arriving to a solo column page with no header would be odd.

One wonders what creativity we’ve lost out on because we’re afraid to change the status quo. Usability folks like to promote consistency and user habits for design considerations. This is because anytime we are forced to re-learn where items are customarily placed, it slows us down. There is a risk of user confusion. We’re told that it takes only a few seconds to lose your visitor, so why take any chances?

Many web designers have been creating product navigation menus the way Amazon has been doing it, believing that if Amazon’s way is making them a profit, it ought to do the same for their sites too. Why wouldn’t this work?

Understanding mental models

Amazon has expert knowledge of their customers’ mental model. This means they know how their visitors search and browse their site. They know what their users want to find, or learn, before they add an item to the cart. They know how what words are chosen most often to locate certain products, so their information architects can then create their entire information architecture based on user language, keyword choices, and traffic patterns.

When someone says they will make your website easier to use, ask them what mental model they are referring to. Are they going to make it easier for search engines to crawl and rank it? This is a searcher mental model and one an SEO is more likely to be focused on. An information architect wants to know the mental model of your target users. What are your customer needs? What types of behaviors can you expect from them? Many websites have different user paths on one website.

For example, colleges provide different types of information for students, parents, alumni, staff and teachers. Each type of person has a different mental model, with their own needs and expectations. A common mistake is to design identical user paths for everyone, ignoring the specific financial, emotional and practical needs of each user group. Remember that your website is unique. The better you understand what motivates and interests your site visitors, the more competitive your site will be.

Findability and manageability

Information architecture supports findability and usability. It can also support organic SEO practices related to on-page content and word usage. One area that Amazon has helped to pioneer is user management of information. Their customers are recognized by the use of cookies and purchase history. There are different user types for them to track. Some people are affiliates. Some arrive for the first time because they received a gift certificate. Others are regular customers, so Amazon has a chance to study the kinds of products they like. Amazon users can manage their own wish lists, accounts, leave book reviews, send gifts and follow author blogs. Do you know your site visitors this well?

Information architects use terms such as taxonomies and semantics to help describe what they do. Simply put, they organize categories of information into something that makes logical sense. A usability oriented person is interested in the same thing because words can create momentum or promote frustration.

For example, which one of these category links is the best choice to find online specials?

  • Closeout Sale
  • Gift Ideas
  • International
  • New Releases
  • Top Sellers
  • Today’s Sales

What if your customer wants to find sales or new releases by product category? Can they tell, by looking at these links, if they can sort by price? What types of products does this site offer? There are no clues offered in these link labels. By “today”, when is the cut-off time? What does “international” mean?

Interestingly, the website that uses these category links has all of its customer service information at the very bottom of the homepage, lumped into a box as if an afterthought. What message does this send to customers? Was any user testing performed? Apparently not. However, there was attention put on the searcher mental model as far as search engine queries go. Unfortunately, the site owner learned that search results did not equal conversions. In their case, they required both a rebuilt information architecture as well as usability adjustments to increase and support conversions.

A 360 degree team effort

Your website is and should be the manifestation of your own vision. Sure, it’s fun and helpful to study other websites. But those sites should inspire you to try new ideas or even have the courage to think outside the box. Surround yourself with those who have the technical skills to implement your vision. These people will be your project managers, search engine marketers, social media marketers, information architects, usability and user experience consultants, web designers and developers. Ask them questions about where they acquire their inspiration. Test site designs on people. Research, with and without search engines, the language and terms your site visitors use to find your products or services. Be sure to write out your specific site requirements and business goals. Write guidelines to be sure everyone on your team sticks to the game plan.

And know that nobody understands your customers better than you do. Not even Amazon.

–Kim Krause Berg

Two Simple Rules For Fixing High Bounce Rate Pages

Friday, February 5th, 2010

Of all the metrics that I struggle and fight with, probably the easiest one I’ve found to correct is a high bounce rate. The reality of website design lies in the fact that many choices are made in page layout, color and image choice based on what the graphic designer or website owner like—not what the customer wants.

Testing on the web has come such a long way in recent years. Once upon a time you had to make a change, and then watch metrics to see if things were better or worse. Now you can make educated choices to determine why people aren’t clicking on a button, or why they’re distracted from beginning your sales funnel with a variety of inexpensive tools and metrics that any webmaster, beginner or expert, can use. Aside from systemic issues such as bad coding that makes pages load extremely slowly, its quite easy to fix your high bounce rate pages.

Fixing high bounce rate pages in two simple steps

The first thing I do when I work on a web page with a high bounce rate is figure out what is distracting the user and making them leave. I always start with the organic phrases used to findthat page. For example, one of my clients offers vacation rental units in a variety of complexes around Mexico coastal resorts. His number two keyword is “Riviera Maya weather.” The landing page for that keyword has a 70%+ bounce rate, and my client wanted to know why. All it took was a quick look at the page to see that it isn’t about weather at all—it’s about renting vacation units in a complex, with weather info pasted in below the fold.

The problem? the searcher is mislead to believe the page is about weather. When they land on the page and don’t see the weather information they’re expecting, they leave right away, their queries unanswered. In this scenario we’ve learned the first rule of fixing high bounce rate pages: Make sure traffic to the page is targeted and you’re giving users what you promise in the search query on the landing page they arrive on.

After determining the traffic to the page is targeted and should be engaging with the content, I look at the layout itself. I use a few tools for this depending upon the timeframe I have for research. If I need immediate results I capture a .jpeg of the above the fold portion of web page, and run it through the Attention Wizard tool from Site Tuners. This tool simulates the eye tracking on a page via an algorithm and generates a heat map of the hot spots and path the typical eye will take around the page. This provides really quite remarkable insight that can help you find fast ideas for improving engagement on a page. Attention Wizard is also great for testing page layouts you want to try, because the page doesn’t have to be live anywhere. If you can create a .jpg of a page you can test its potential results.

If I have more time to test, and want results based on the eyetracking from actual visitors rather than that simulated by an algorithm, I use ClickTale, which I’ve talked about previously.

Either tool will help you determine where they eye and the mouse is going instead of into your sales funnel. Use this data to improve page layout and get users to your message faster. The second rule of fixing high bounce rate pages: Make your conversion path so easy to follow that a monkey could figure it out.

Bounce rates can kill your conversion path, but in reality they’re pretty simple to fix. Can everyhigh bounce rate page be fixed with these steps? Probably not, but I bet you can address 75% of the issues caused by high bounce rate pages by following these steps.

–Carrie Hill

5 Signs Signs You Need a Website Redesign Now

Tuesday, November 17th, 2009

Back in 2005, you took your business online with the latest and most cutting edge eCommerce technologies. Now, almost half a decade later, your website is still chugging along, but that once shiny layer of digital paint is now showing signs of age.

Does this story sound familiar?

Standards, styles, and best practices on the web change at lightning speed, and although your website may still be completely functional, you may be warding off potential customers and clients unknowingly. Here are 5 questions you need to ask yourself to see if your website needs a redesign, pronto.

Question 1: In terms of speed, how fast is your website? You’ve worked hard to get your visitors to show up at your website’s door – don’t put them to sleep with long load times. Numerous studies have been conducted and all of them have found the same result: Longer load times = less visitors = less business.

A study conducted by Akamai in 2006 found that if your website takes longer than four seconds to fully load, 33%, or one-third, of all visitors will abandon your site. Additionally, Amazon found that a 100ms increase in site load time would result in a 1% decrease in sales, while Google found that an increase of 500ms on load time would directly result in a drop in traffic and revenue by 20%.

Whatever numbers you go by, the one takeaway is that your website needs to load, fast. Try optimizing your website by compressing images for the web, aggregating and cleaning out your CSS, and removing old, unnecessary content to reduce HTTP requests. You can also try switching webhosts if loading issues persist.

Question 2: Does your website lack consistency? Although it may not seem like it, consistency in major elements on all pages of your site is a must. Elements like navigation, fonts and colors, URL format, and editorial style should show consistency throughout your website as it shows your professionalism and attention to detail when conducting business.

If your site is riddled with typos, mismatching font sizes, and non-loading images, not only will it impact the credibility of your website but can also negatively affect your search engine optimization strategy, which can result in lowered sales.

Sites like Yahoo!, eBay, and the BBC have hundreds if not thousands of pages online at any given time, yet almost all of those pages have a similar feel, design, and editorial style. Browse through, compare, and take notes, and see if your website maintains a solid level of consistency when compared to some major leaguers.

Question 3: Does your website scream sensory overload? Don’t try to throw text, imagery, links, icons, buttons, ads, or whatever else at your visitor right off the bat. Information overload will prevent you from surfacing the most important information on your website while delivering a load of clutter your visitor will have to sift through. You’ll be shocked to see how quickly a set of eyes can glaze over. (Check out this info-mess here.)

Take a minute to review the different types of information hierarchies used today at webdesignfromscratch.com, and while you’re at it, analyze how the information on your website is organized. Matching the contents of your website up with the right information architecture will not only produce more efficient visitors but will also produce more efficient shoppers as well.

Question 4: Does your website look old-school? Technologies aren’t the only thing that evolve at a break-neck pace online – styles do too. Whatever style was hot back in ’05 probably isn’t what’s hot right now. Here’s how Message Web Designs explains it:

Just like hairstyles, websites date. What was all the rage a couple of years ago is now seen as passé… Sometimes this is down to design trends – like the 3D buttons and interfaces that were so popular a few years back when graphics tools made it easy to create bevel and emboss styles. Other times it’s because the web is maturing and web designers develop a better understanding of what visitors want. For instance, Flash intro pages were all the rage until web designers realised that users didn’t like them and wanted to get straight to the content. Flash introductions are the beehive hairdo of the web design world: dated, impractical and utterly pointless.

Question 5: Does your website render perfectly? And by perfectly, I mean perfectly, in all browsers on all operating systems, and on all platforms with no text overlapping and no extra scroll bars anywhere, etc. You absolutely do not want to degrade your customer’s user experience based on their choice of browser, regardless of if it’s Internet Explorer on Windows, Firefox on Mac, or even Safari on iPhone.

You don’t need to install every browser and operating system ever created to test out browser compatibility. Check out 9 Tools For Multi-Browser Web Development to take a quick snapshot of how your website may look through another user’s shoes – you might be shocked at the results.