Seeing With Web Designer Eyes – 9 Evident Errors

Greetings from inside the SEOigloo,

One of my favorite tasks is website redesign. A potential client phones or writes with a URL and the moment comes when I open up their homepage. In the first 2-3 seconds of this action, what goes into my eyes on that homepage makes an impression on my mind. After experiencing this process hundreds of times, my ability to spot common, immediately visible problems has become pretty automatic. Some of these issues overlap with Search Engine Optimization and Usability issues, but as these two factors are so basic to good website design, it’s all part of how I see.

How this relates to you, the website owner, is that, sometimes, you can become a bit blind to a site you see every day. It’s like moving house. When you first pick out your home, every detail of it is so clear because it’s new. After living in a place for a couple of years, you tend to stop noticing the walls, the windows, the carpet. This same comfort level can set in with a website you own, and if some of the elements of the site are problematic, you may simply have lost your ability to see them. So, let’s spend a few minutes here looking at some random websites to sharpen up your eyesight again. Let me share with you how I see website homepages. My goal is that, the next time you pull up your own site, things that are less-than-great or totally uh-oh will stand out clearly to you as you look with the scrutiny of a web designer.

1. No Real Logo
Take a look at this site. No doubt, this little company has some nice things to offer, but the lack of a real logo leaves me feeling dubious about their professionalism. The business name is written in a generic Photoshop font, and despite the fact that it’s taking up a large space on the site, no effort has been made to create a style or icon associated with the business which brands it apart from competitors. A memorable logo expresses legitimacy and helps customers recognize you. As the Internet continues to grow, one needs to stand out or stand aside. This company would do well to invest a small sum in a professionally designed logo that they can display with pride.

2. No Style
This site has several areas where improvements could be made, but my first impression is that it lacks a set style. Far from encouraging fancy, over-the-top design, I tend to like simple sites the best, but this one is so unformed, it makes me feel unguided. Because the background and main body are all one color, I don’t feel pulled toward a menu, toward a featured product, or any other element of the site. A basic division of main components of a homepage helps break things down into smaller, usable chunks for the visitor. Simple use of color helps with this, as in the case of a tinted menu. It helps me know where to look to find the things I need to do on the page. This company would benefit from getting a stylesheet going that subtly separates the various components of their homepage, and the rest of the pages of their website.

3. The Flash Intro
This flash entry page is a perfect example of how website owners often misunderstand what website visitors want. When Flash graphics first appeared on the web design scene, the newness of them created a weird myth that high-tech animations lend a high-tech atmosphere to a website. The sad truth is, the honest reaction of a designer like me to a Flash entry page like this is, “oh gosh, who ripped these folks off?” More importantly, the honest reaction of the average visitor to a Flash entry page is, “Ugh, this is taking forever to load! How do I get into this darned site?” If you actually sit through the whole animation, you will see that it has done nothing to teach you about what the architecture firm in question can do for you, the potential customer. Precious time has been lost while you look at moving shapes. That time should have been spent getting you to hire this firm by stunning you with their actual offerings, from the get-go. This company would benefit from ditching their flashy splash page and putting their best, most compelling text content up front.

4. Where’s The Text?
As with the Flash splash page above, this website’s homepage is along the lines of a splash page, without the Flash. We’re presented with a logo and three images. There is not a jot of actual text on the page. Clearly, this is going to leave Google with nothing to ‘see’, but it also leaves the visitor feeling pretty flat about the company in question. Where’s the sales copy? Where’s the contact information? Where’s anything that tells me anything about what this company is or does? I’m a quilter, so I’m a qualified, potentially interested customer in the case of this website, and I’d love to see them making the very most of their homepage to introduce me to what’s great about them, rather than expecting me to go hunting through their site to figure that out.

5. Lack of Color Contrast
UPDATE: SEE COMMENTS BELOW AS THIS SITE HAS ALTERED
This website’s issue is a bit more subtle, but important nonetheless. Blue links are great; nothing says this is a link like blue. But when you set them on a blue background, the importance of those links fades away. They literally seem to disappear because of the lack of contrast between the text and color in this website’s menu. Either the text or the menu color needs to be darkened or lightened significantly to punch up the visibility of those vital links.

6. The Dark Side of Web Design
Does this website make you reach for the light switch? Doubtless, many of this company’s visitors feel that way. The 1990’s saw a proliferation of dark websites, and with a few exceptions I can think of, black/navy blue websites strike me as dated, at first glance. Of serious concern is the fact that many Internet users attest that they have a terrible time reading light text on a dark background, so a website like the example here might lose customers, simply because the copy provided is illegible to them. I have seen this come up in forums again and again, yet website owners continue to go with light text on a dark background instead of the other way around. If you are set on having a dark overall feeling to your website, at least make the main body white, like this popular blog does. The only other dark site I can think of that I actually like is this Atari 2600 site which makes me laugh. After all, it’s also got wood paneling on it! But, for the most part, sites do well to keep things bright, clear and abundantly readable.

7. The Doormat Website
I’m all for cordial interactions, and think it’s nice when people put those welcome mats in front of their doors, but I smack my forehead every time a see a website wasting the homepage header tag on a welcome message. The honor of ranking #1 in Google for ‘Welcome To Our Website’ goes to the University of Wisconsin-Madison’s College of Engineering. I can’t help asking myself how much it’s benefiting them to outrank their vast competition for this overused phrase, and whether their H tag might not have been better used for…I don’t know…’Engineering College, Madison Wisconsin’, or something specific along those lines. Mama told you not to be a doormat for other people; don’t let your website be one either. Make that header sing the praises of the goods and services your business offers to *ME*, the customer, rather than welcoming me with a generic message. Google will like it better, too.

8. Generic Photos And Amateur Clip Art
Have you seen the customer service rep on this website someplace else? I know I have. So, either she works for Bosch Appliances and Joe’s Oil Stop (what a busy lady!) or someone is taking shortcuts rather than creating a truly unique identity on the web. I have repeatedly had the experience of reviewing websites that are all pulling from the same istock photo pool for their customer-service-type images and, to me, this signifies a lack of polish and personality. In the case of a small business, I’m more forgiving about this. Perhaps they don’t own a good camera, or their employees would prefer to keep a low profile, but in the case of a big company like Bosch Appliances, I think the repetitive use of istock-genre imagery misses opportunities to stand out from the crowd. Surely, someone at Bosch has got a good enough camera to take a photo of one of their actual customer service reps and I’d like to see them go this extra mile.

On a similar note, the use of poor quality clip art is rife on small business websites and this results in a presentation that is more reminiscent of a children’s board game than a soulful little company. The bottom line is, free clip art looks cheap. If icons are needed, small business owners need to save up to hire a good, affordable graphic designer for a couple of hours to create some custom imagery. It makes a huge difference in that first impression.

9. A Whole Lot Going On Here
Sometimes, we get sent a URL (often with an apologetic warning from the business owner) that takes us to a site like this. The business owner is frequently at the end of their rope, sending out S.O.S. calls, hoping that someone can help them fix all of the weird things going on with their site. The example above contains the following problematic elements:

  • Errors in the copy being caused by the code
  • Alignment problems in both the copy and the design
  • Illegible text in the menu
  • Scarlet text on an aqua background causing eye muscle strain
  • Blue text on a blue background creating lack of contrast
  • Improper use of the title tag

There are other peculiarities in the way this site was designed, and in cases like this, where we’re seeing more minuses than pluses in the existing site, our advice is to burn down the house and start from scratch. As is true with all of the sites linked to in this post, the business may be offering some truly great things, but the presentation is absolutely harming the company’s chance of succeeding on the web. A complete website redesign is going to need to happen to get to square one. That means money and time, and skipping either of those two factors isn’t an option when things are in this state of disarray. I hope this business finds its way.

And, I hope this post has been educational. Are your eyes feeling sharper now?

15 Responses to “Seeing With Web Designer Eyes – 9 Evident Errors”

  1. on 02 Dec 2007 at 8:39 pm David Mihm

    Miriam, I wish you had not written this post the weekend before PubCon; there are so many things I want to respond to!!

    I would just say that I agree with your assessments of most of the sites on here. Flash intros are a particular pet peeve of mine — if you like the effect, why not integrate them onto the homepage using a Flash object and write text below & link to the rest of your website for the 99% of the population to read who doesn’t want to sit through the animation!!

    A great read as always.

  2. on 03 Dec 2007 at 5:27 pm admin

    Hi David (waving as you head off to Pubcon!),

    I’m glad your take on these sites was similar, and I agree with you about giving Flash a corner if it has value to the end user…for instance, in the case of illuminating a function or process of a product or service. So often, I’m afraid the only value in Flash is to the site owner who thinks it’s ‘cool’.

    I hope you have a great time at the conference. Will you be doing a recap?
    Miriam

  3. on 04 Dec 2007 at 4:47 am g1smd

    That final example goes totally crazy in at least Opera.

    Good post.

  4. on 04 Dec 2007 at 7:38 am Lori

    You’re right about each of these – and it’s painful to look at some of them!

    Is it just my experience, or does it seem like these kinds of websites are fewer and far between? I feel like in the old days (a few years ago), I’d see sites like this all the time. Or maybe I’ve just gotten better at avoiding them =)

    I’m glad to know that Solas Web Design is making the internet more usable and attractive, one site at a time!

  5. on 04 Dec 2007 at 4:01 pm admin

    Hi G1smd,
    It’s a pleasure to have you here. Yes, the final site was really wanky in FF, too. Thanks so much for taking a minute to comment here. I appreciate it.

    Lori-

    Yes, absolutely. It’s harder to find sites with some of these extreme old-fashioned issues than it used to be. Flash intros are still pretty prevalent. I think a lot of problems are industry-specific. For example, lots of high-tech nonsense in Real Estate/Mortgage/Big Business type sites, and odd, heavy background and lack of professionalism in craft/knick-knack/children’s products type sites.

    In writing this post, I just thought of industries I was betting would have the problems I wanted to write about…and sure enough, there were the problems!

    Thanks for the praise. We’re sure trying. Ugly websites- beware! :)
    Miriam

  6. on 19 Dec 2007 at 12:08 am admin

    UPDATE TO #5:
    I’ve just received a nice email from the owner of the site in our #5 spot – Itty Bitty Blessings. What could be a nicer outcome of this post than to see one of the sites listed make some changes, based on what they read here? In this case, the owner has darkened her navigation links – they certainly stand out better now. Way to go!

    How nice that she took the time to write and thank me for my thoughts. I really do appreciate that!
    Miriam


  7. […] Miriam / SEO Igloo: Seeing With Web Designer Eyes – 9 Evident Errors […]

  8. on 15 Jan 2008 at 10:57 am SEMMYS

    […] Seeing With Web Designer Eyes – 9 Evident Errors Miriam Ellis, SEO Igloo | 12/1/07 […]


  9. […] Seeing With Web Designer Eyes – 9 Evident Errors Miriam Ellis, SEO Igloo | 12/1/07 […]


  10. […] Seeing With Web Designer Eyes – 9 Evident Errors Miriam Ellis, SEO Igloo | 12/1/07 […]


  11. […] Seeing With Web Designer Eyes – 9 Evident Errors Miriam Ellis, SEO Igloo | […]


  12. […] it is to have been chosen as a Runner Up in the SEMMYs! I honestly didn’t think my article, Seeing With Web Design Eyes – 9 Evident Errors would make it so far. Really, a wonderful, pleasant […]


  13. […] Seeing With Web Designer Eyes – 9 Evident Errors Miriam Ellis, SEO Igloo | 12/1/07 […]


  14. […] firm in New York. Laura had read an article of mine that was nominated for the 2008 SEMMYs, Seeing With Web Designer Eyes: 9 Evident Errors and she felt this would make a great basis for a screencast interview with […]

  15. on 15 Mar 2009 at 1:17 am Sherryl A. Ching

    Hi nice post, i have come across your site once before when searching for something so i was just wondering something. I love your theme, would it happen to be a free one i can download, or is it a custom one you had made? In a few weeks i will be launching my own site, i’m not great with designs but i really like the style of your site so it would be cool if i could find (or pay for) something with a similar look. :) Thanks!

Trackback this Post | Feed on comments to this Post

Leave a Reply