Seeing Your Website from Your Visitor’s Point of View

by on November 28, 2011

Web design can be a pretty complicated process, especially for business owners with limited experience in the field. A design that works has to reflect the values of the organization, share appropriate information, and make sense—aesthetically and practically—to the user. Simply put, you want a website filled with quality content that can be easily navigated and looks good.

A Perfect Day

Think about how you perceive a website for the first time. When you click from a search result to the site, your first impression comes from…what? Your first impression is a visual one. The same is true for your visitors.

We infuse meaning into colors, shapes, and the placement of elements. Colors—or lack thereof—reach out to you and give you an idea of what to expect from that particular site. Your eyes scan over images, headings, logos, navigation, colors; your brain processes this information in milliseconds. You may not realize it, but in the space of those few seconds, your brain has weighed, measured, and pronounced judgment on the site. It’s really not something you can stop from doing.

So…what impression does your design give your visitors? Is it professional? Does it truly reflect your values? Is what you offer clearly visible and your information easy to find?

Is your website design giving a good impression?

You may think you have a great website design; it makes you feel good. It swells your heart with pride. Is what you envisioned doing the job? How do you find out? Fortunately, there are several tools to help you answer this question. We’ve listed some of them below, but this list is by no means the end all and be all of design testing tools.

Browser size. You know what your site looks like to you; do you know what it looks like to your visitors? One of the many things to take into consideration is the size of the browsers your visitors are using. Websites can look completely different in different browser sizes. View Like Us and Google Browser Labswill show you how much of your site can be seen.

Good Impressions Do Count

What sizes do my visitors use? Check your analytics. In Google Analytics, you can do this by clicking Visitors>Screen Resolutions. Once you know your visitors’ most commonly used browser size, you can optimize your website for that size.

Contrasting Colors. Color choice is incredibly important, especially when deciding font colors vs. the site background. Just because you think light blue looks good on dark blue doesn’t mean your visitors will. As well, you need to remember that some people are color blind or may have other visual issues that affect their ability to read your site (like macular degeneration that makes it difficult to read light letters on a dark background). Your design colors need to meet accessibility guidelines for this. Check My Colours can help you find some potential issues in terms of color contrast, while VisCheck (a work in progress) can give you an idea of what your site would look like to those with color blindness.

Is your color choice negatively affecting your visitors? The only way to know is to ask and/or test. Find the Perfect Colors for Your Websiteat Vandelay Design has a large list of color tools you can use to create other palettes for your site (or keep your main color and change the supporting colors). You can then offer visitors different options by:

Perception is 100% Reality

  1. Using a website optimizer program for A/B/C/D testing.
  2. Uploading to a place like Usabilla, which allows individuals to comment on your site design.
  3. Uploading your color schemes as images and letting visitors vote on them.

Browser compatibility. Some people will tell you, “Technology is growing to the point that a site will look the same across all browsers with no problem. Worrying about browser compatibility is a waste of time now.” It’s B.S. The only way browser compatibility is no longer a concern is if you don’t care what the site looks like on a different browser.

Internet Explorer is famous for its inability to play well with others. However, sometimes it’s Firefox that acts up. Or Opera. Or Safari. To ensure a seamless experience across all modern browsers, it’s always best to check your site against browsers other than the one you’re using. Adobe Browser Labs, Browser Shots, and others allow you to see your site as your visitors might see it.

What browsers are my visitors using? Again, you can check this through your analytics program. With Google Analytics, click Visitors>Browsers. Pay attention to the most commonly used browsers and optimize your site for them. If you have a high number of mobile visits, you might consider crafting a mobile version of your site to support this.

Is Your Website Usable?

Website Usability

Usability is extremely important. Not only do your visitors need to understand what your site is about, but the site also needs to be intuitive—that is, easy to use. You can’t judge this yourself; you know how the pages are set up and what you expect people to do. You have to learn how others will view—and use—your website.

When a site is designed, the creator has to understand the difference between creativity and stupidity. One of our favorite examples of usability mistakes happens when the shopping car icon is placed in a spot that makes no sense to the user. If you put a shopping cart down in the left hand corner, it’s almost a guarantee that your visitors will be frustrated by the inability to find it without searching. A frustrated user will leave your site completely.

Is your website frustrating to use?

How do you find out if you’re having this problem? One of the things we really like about Google Analytics is the ability to find out where users go after landing on a page. For a number of sites we’ve come across, users landed on the home page—and then clicked on an image or link that, essentially, just reloaded the home page.

In Google Analytics, you can view user paths by clicking Content>Top Content>Entrance Sources and choosing the page you want to see. You’ll see the previous and post pages for the one you’re looking at. If the information you retrieve indicates user confusion (such as “started at home page, then viewed home page, and ended up on the home page”), you know you’re in trouble. If you see a lot of back and forth between pages (services>home>services>home), your visitors aren’t finding what they’re looking for. Then it’s time to rethink your page.

You can’t just jump in and start changing things, however. You have to have insight first. 10 Usability Testing Tools for Startups gives you several options for usability testing. Other options include:

  • Loop 11
  • SMT – Simple Mouse Tracking is a simple tool that lets you track your visitors’ mouse movements.
  • Click Density
  • NavFlow
  • IntuitionHQ

Get The Right Tools

More Tools of the Trade

Google offers several tools to help you understand your audience. Google Analytics is a free tool that will show you where your visitors are coming from and the links they click. It’s rather simple to use and adequate for most users. Another great feedback tool from Google is Talk Chatback. This is a live chat device that lets you hear directly from your visitors. Your customer service staff can ask questions and get feedback on your site straight from the source. (This also gives you an opportunity to convert the visit to a sale!) You may also want to consider adding a Google internal search option to your site. This allows you the chance to track what your visitors are searching for and adjust your content accordingly.

Customer surveys are another excellent tool for getting feedback directly from your consumers. You can ask your visitors questions about their experiences on your site and find out what kind of content will be most useful for them. KISSInsights and Survey Monkey are free platforms for creating surveys on your site.

Web designers may create beautiful websites, but they have to understand your audience before that pretty site will do any good. You can do your part by using these tools to take an honest look at your site and how it is being perceived by the most important people—the end users.



{ 10 comments… read them below or add one }

Rizwan Sultan December 26, 2011 at 9:51 am

Great Post there visitor is the only best supporter for blogger income and without that no earning source for blogger.And that post give real chance and tips that how to monitor visitors.
And that’s the best for blogging point of views!!
Cheers Happy Holiday Season!!

Reply

Jen December 4, 2011 at 1:20 pm

The first impression is so important! A site only has about 8 seconds to make a great first impression, otherwise the visitor will leave – it’s that quick! Along with the first impression from how the site looks and operates, you want to make sure your branding is consistent throughout the site. Your logo should be on each page and the colors used should be consistent with your brand.

Reply

Wasim Ismail December 1, 2011 at 10:13 am

The key is to give your designer/developer as much information you can about your business, your website goals, and what you are looking to achieve. It has to be a close relationship between you and the design and development team, so that when you get to the finished product (your live website) its exactly how you want it, and most importantly its done in a way that will work for your business.

Reply

Brian November 30, 2011 at 2:23 am

I’m not a web designer but i think they should practice making a mobile version of the website. Nowadays, people are fond of surfing the net through their mobile phones and tablets. They should consider how it looks in it and make the navigation more accessible. It doesn’t only benefit the visitor but also the site. It would definitely contribute to the site traffic and search engine ranking of a particular site.

Reply

Champ November 30, 2011 at 1:04 am

Loved the comic, it summarizes how important good impression is. I also like your views on looking something from a different angle. This is an excellent post.

Reply

Level343 November 30, 2011 at 9:24 am

Thank you – it’s always nice to hear positive responses from our readers!

Reply

Angel Collins November 29, 2011 at 1:46 am

Thank you for these tips! I am actually thinking of hiring a professional to design my blog. I’m planning to put it up for my business. I believe people fancy blogs which are visually pleasant and more animated.

Reply

Level343 November 29, 2011 at 11:15 am

You’re welcome. :)

Reply

Stephen November 28, 2011 at 5:04 am

First thing a visitor will notice on your site are the pictures. While it takes minutes to read a description it only take seconds to understand a picture.
That is why is important to try and describe what your website or blog post is about with some pictures and a good title. This won’t frustrate your visitors and will make them browse further if they like the topic.
Unfortunately some webmasters are not aware of the importance of simple and functional design and create complex and heavy loading pages with bad color choices. I don’t know about you but when I find a website full of animations and no info about what the actual page is I tend to bounce.

Reply

David Christian-Woodruff November 28, 2011 at 2:26 am

Another fantastic post! All of these things are elements that we all need to consider as fervently as possible when creating a website. Personally, I have to admit I’d not thought of colour blindness or ‘macular degeneration’, but they too are key to a site’s success, regardless of how small an audience these conditions cover.
What really strikes me is the range of topics we need to think about as web designers to ensure that a client’s site, or indeed a site of our own, is viewed and read as easily and seamlessly as possible. On too many occasions, the design has been beautiful, yes, but the overall construction is totally lacking in thought and leads to a virtually pointless website. I’ll certainly be looking to take some of the points mentioned here on board, and I certainly hope others will too.

Reply

Comment Guidelines: The comment form must be filled in with an actual name. This blog is actively moderated, and comments with keyword names will be deleted. We reserve the right to edit or delete any comments using keywords, spam or splog-like URLs, or suspicious information in the comment form.


Linking Guidelines: We welcome links that encourage and continue conversation, such as links to related blog pages. If you've written about (or read elsewhere) the article topic and feel the piece would enhance ours, please, do share. Again, this blog is actively moderated. If we come across a link we don't feel enhances the conversation, we'll simply unlink it.

Leave a Comment

{ 66 trackbacks }

  • SEO Begin Ltd

    Seeing Your Website from Your Visitor's Point of View http://t.co/bl1sDcRs

  • Gabriella Sannino 

    Seeing Your Website from Your Visitor’s Point of View http://t.co/OTcE9Se0 via @level343

  • WebPro Technologies

    Seeing Your Website from Your Visitor’s Point of View http://t.co/FHGmJe2i via @level343

  • Level-343 Team

    RT @level343: Seeing Your Website from Your Visitor’s Point of View #browser compatibility #Chrome #FireFox #Safari http://t.co/eOiqkncF

  • Level-343 Team

    Seeing Your Website from Your Visitor’s Point of View http://t.co/EOQBAlO6 | our latest post...seriously an eye opener

  • A.R.Karthick

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/lGH4MHpj | via @level343 @SEOcopy

  • carl davis

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/lGH4MHpj | via @level343 @SEOcopy

  • DirtyD

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/lGH4MHpj | via @level343 @SEOcopy

  • Mary-Kay Massey

    RT @webprotech: Seeing Your Website from Your Visitor’s Point of View http://t.co/K5hjVEGu via @level343

  • Mary-Kay Massey

    RT @level343: Seeing Your Website from Your Visitor’s Point of View #browser compatibility #Chrome #FireFox #Safari http://t.co/g5C0w6Yy

  • FindYourSearch

    Seeing Your Website from Your Visitor’s Point of View: http://t.co/TABKeF0C How to objectively analyze your site.

  • Steve Akins

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/zxz8Yc0h via @Level343

  • Michelle Mangen

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/hu8imwcU via @Level343

  • Sharon Ngeno

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/hu8imwcU via @Level343

  • ✓The Melody

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/hu8imwcU via @Level343

  • Michelle Mangen

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/2AGiDiPC via @Level343

  • Douglas Quek

    Seeing Your Website from Your Visitor’s Point of View: http://t.co/216EHRsK How to objectively analyze your site. #SEO

  • sophieschwartz

    Useful RT Seeing Your Website from Your Visitor’s View browser compatibility - http://t.co/VftPV2Z2 via @Level343 @SteveAkinsSEO

  • Softronic

    Historias sobre Seeing Your Website from Your Visitor’s Point of View: http://t.co/7CheL5hV How to objectively analyze your site. #SEO en...

  • Tony Hastings

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/6TYh9T7q via @Level343

  • bisot™ palawarukka

    RT @TheTop10Blog: Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/SFsHJLtg via @Level343

  • bisot™ palawarukka

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/6TYh9T7q via @Level343

  • Kathleen Melady Gick

    Seeing Your Website from Your Visitor’s Point of View http://t.co/bu5rJJUB via @level343

  • Shelly Kramer

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/lS1oVYZh via @Level343

  • Liz Scherer

    Essential reading! RT @ShellyKramer: Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/sgWejV3u

  • Shawne Duperon

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/lS1oVYZh via @Level343

  • Julia Rosien

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/llQJXUVl via @Level343 & @ShellyKramer

  • Mad Hatter Tech

    Seeing Your Website from Your Visitor’s Point of View browser compatibility - http://t.co/llQJXUVl via @Level343 & @ShellyKramer

  • Level-343 Team

    Is Your Website Usable? http://t.co/rcJmyIC3 | Is your color choice negatively affecting your visitors? Find out more...

  • Level-343 Team

    Seeing Your Website from Your Visitor’s Point of View http://t.co/yLeQ2LYj

  • Alan Quarry

    RT @level343: Seeing Your Website from Your Visitor’s Point of View #browser compatibility #Chrome #FireFox #Safari http://t.co/p9FiWGj6

  • Glenn Ferrell

    Seeing Your Website from Your Visitor’s Point of View http://t.co/m4gUC4ds RT @level343

  • Massimo/Gabriella

    RT @aquarry @level343: Seeing Your Website from Your Visitor’s Point of View #browser compatibility #Chrome #FF #Safari http://t.co/SUHlJeUB

  • Gabriella Sannino 

    Seeing Your Website from Your Visitor’s Point of View #browser compatibility #Chrome #FF #Safari http://t.co/cloQHXGh - Night :P

  • Massimo/Gabriella

    Seeing Your Website from Your Visitor’s Point of View #browser compatibility #Chrome #FireFox #Safari http://t.co/SUHlJeUB

  • Hidden Web Genius

    Seeing Your Website from Your Visitor’s Point of View http://t.co/xNAzPOVk via @level343

  • Alrayes Web Solution

    Seeing Your Website from Your Visitor’s Point of View http://t.co/UMJteSH8 via @level343

  • Wasim Ismail

    Seeing Your Website from Your Visitor’s Point of View http://t.co/bqYdnQP1 via @level343

  • Brad Miller

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/ADEDKmQo

  • Emory Rowland

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/ADEDKmQo

  • Darren Callahan

    Seeing Your Website from Your Visitor’s Point of View-- http://t.co/MoUuJ0eM #tech #design #smallbiz

  • Courtney Petty

    Seeing Your Website from Your Visitor’s Point of View http://t.co/rRdggYbU via @level343 #webdesign

  • Gabriella Sannino 

    Seeing Your Website from Your Visitor’s Point of View #browser compatibility http://t.co/cloQHXGh | Sucks when ppl can't see what you see...

  • Social Hospitality

    Seeing Your Website from Your Visitor’s Point of View http://t.co/bGxc7aFG via @level343

  • Katharine Norwood

    Seeing Your Website from Your Visitor’s Point of View http://t.co/8d0QRMXw

  • Jim Dougherty

    Seeing Your Website from Your Visitor’s Point of View via @SEOcopy http://t.co/CDtCrneH

  • Pramodh

    seeing Your Website from your visitor’s point of view. what impression does your design give your visitors? some clue. http://t.co/i8fXBJkE

  • Janet Kay

    Seeing Your Website from Your Visitor’s Point of View http://t.co/i4V3aM7J via @level343

  • DigitalBusiness

    seeing Your Website from your visitor’s point of view. what impression does your design give your visitors? some clue http://t.co/ir8w1qr1

  • Alex Hall

    Seeing Your Website from Your Visitor's Point of View - http://t.co/Ixgir8NV

  • sofasurfer

    Seeing your Website from the visitor’s point of view http://t.co/lA2xsoUC good read via @level343

  • Wayne Barker

    Seeing Your Website from Your Visitor’s Point of View >> http://t.co/iR4z9ico << more internet marketing gold via @Level343

  • Brad Miller

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/e4hZGOPk

  • Becky Vannes

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/e4hZGOPk

  • Brad Miller

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/7ivMsXU6

  • Brad Miller

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/VYCOLQbO

  • Brad Miller

    Seeing Your Website from Your Visitor’s Point of View - http://t.co/ZYI3ChnS

  • Robert Visser

    Seeing Your Website from Your Visitor’s Point of View /via @level343 http://t.co/roVIe7Wz #usability #webdesign

  • HitYourMarket.com

    Check this out: Seeing Your Website from Your Visitor's Point of View - http://t.co/Q7Im6bA6

  • HitYourMarket.com

    http://t.co/Q7Im6bA6 - Seeing Your Website from Your Visitor's Point of View

  • Gabriella Sannino 

    Seeing Your Website from Your Visitor’s Point of View #browser compatibility http://t.co/cloQHXGh | The biggest pain in the A$$ :) Pls RT

  • Keith A. Link

    Seeing Your Website from Your Visitor's Point of View http://t.co/MHalZZbq via @PhillyCyberGeek @mmangen @SEOcopy

  • Geeked

    TY! #FF :) RT @keithalink: Seeing Your Website from Your Visitor's Point of View http://t.co/8EnjVKkX via @PhillyCyberGeek @mmangen @SEOcopy

  • Gabriella Sannino

    Seeing Your Website from Your Visitor's Point of View browser compatibility http://t.co/cloQHXGh | can we say nightmare? night #adomani

  • Ariella Brown (PhD)

    RT @seocopy: Seeing Your Website from Your Visitor's Point of View browser compatibility http://t.co/ulu4LRjQ | can we say nightmare?...

  • Gabriella Sannino

    Seeing Your Website from Your Visitor's Point of View #browsecompatibility http://t.co/cloQHXGh | Seems to be popular today...