The Essentials of Web Design That Works

The Essentials of Web Design That Works

Reader Comments (43)

  1. Another point about contrast: font size. I feel a lot of blogs could benefit from larger, more readable type. Small text may be fine for younger users but anyone over 35 could be struggling to read your content. A few seconds of frustrations leads to lost customers.

  2. Helpful insights, Pamela. I agree with you about plain-language terms, and not only in navigation . On LinkedIn, I often see writers describe themselves as wordsmiths. Hmmm . . . when people want to hire a writer, do they type “wordsmith” into the search bar? I think I’ll stick with “copywriter.” Not cute, but pretty handy – much like me 😉

    • Hi Jack,
      Actually a wordsmith is a special term for someone who makes up words.
      Usually they are hired for new products & stuff like that. Buck minster Fuller’s
      “Dymaxion” car is one example of a wordsmith’s craft. The job is very different from writing copy.

      But yeah, your point is well taken, probably the cases you mentioned the people were just using the term cluelessly.

  3. Hi Pamela

    I’m no web designer and this slows me down; I can only tweak my websites to the best of my ability. I do the best I can.

    One change I need to make is to start utilizing AWeber. I’ve been using Feedburner on my writer website to send out blog updates, but I need to use AWeber. It’s on my To Do List.

    As far as colors go, I agree that it’s important to select a color scheme that will be pleasing to the eye. However, if you’re an artist, designer, or even a writer with strong artistic abilities, I think it’s important to show off your creative side and personality. You don’t have to go crazy and wild, but you can add some personality to your web design.

  4. These basic web design principles can’t be repeated often enough. There are still so many awful websites that violate one, if not all, of these you’ve listed here. Thank you, Pamela, for continuing your crusade to make the web readable. When I visit a website for the first time, the first things I notice are contrast (does it make me squint or back away), white space, and visual hierarchy (the web is no place to get clever when ultimately you have very little control over how it will display on your reader’s browser/device.) One thing I learned in 16 years of print publishing is that good design showcases great content, not the other way around.

  5. hey Pamela,

    good tips!

    I always tell my clients (affiliate marketers and bloggers) to showcase their headshot on the sidebar and add a little bio… here’s a good example I’ve seen lately

    http://www.aboutsymptomsblog.com

    And no, it’s not one of my sites, or clients.

    Hope it helps

  6. Thank you, thank you, thank you. It doesn’t matter where I go I’m talking about contrasting vs complementary colors. I ask people, “Have you ever looked at the color wheel?” and I get blank stares. I was beginning to think I was too “old school”, but you have confirmed what I have been shouting.

    Whether it’s the words to music projected on the screen at church or text in an article on a website, the text MUST contrast with the background or it’s hard to read. I was really beginning to feel a bit self conscious that I was just “getting old”. I guess I’m not old (O.K. so I am), but I’m practical.

    When I write for wpmu.org I’ve had to learn how to write shorter and more broken up as well – leading people through an article. I’m from a technical background (and a sales background) so the tech side of me tries to tell all the geek speak and I have to make the sales side come out to “bottom line” it in the end.

    Great article here. I don’t read everything top to bottom and sentence by sentence – I usually scan to see what catches my eyes. But, this one, I actually read from top to bottom and every sentence. Now, I’m off to check out the articles you linked to.

  7. If I may add another one, I don’t like it when I’m greeted not with content, but with a pop up to subscribe to an email list. It’s fine to have a link on your page to it. I’m ok with that link being bold. But, please, don’t block the content I came to see with an ad I didn’t. I’ll only close the ad and click away. Far away.

    • Hello MaLinda,

      This practice turns me off as well. I can’t stand when a pop-up ad invades my reading experience. I also despise flash intros haha.

      Pamela, you provided us with an informative article that highlights the characteristics of effective web design. I agree with you in regards to not trying to be super complex with navigational terms.

      I would rather click on “About” or “Bio” as opposed to “The Super Duper Trooper” haha. Thank you for this resource.

      How many images are deemed appropriate for a blog post?

      Patrick

  8. Thanks, Pamela! These essentials of good site design are so intuitive, and yet we get caught up in “trendiness” thinking it will make up for poor design.
    If we look at our sites through the eyes of our target market (I mean literally sit someone in your target market down in front of your website, and note their honest interactions and reactions ) it would revolutionize how we design our own sites.

  9. Great article, Pamela. It surprises me the number of websites I come across that seem to prioritize creative expression over basic usability.

  10. Common sense advice to anyone wanting to develop a website. I love your straight-forward approach. Always think about your customers/visitors and what they want and need. If you think from their perspective, you can’t really get it wrong.

  11. Pamela,

    I love the angle you have taken in this article, tapping into human universals. You ground your message on design and layout in science of the human evolutionary mind, those commonalities we share because we are all humans. This is significant because you are not referring to random or arbitrary aesthetic preferences, but you are suggesting that because of our nature we prefer certain visual elements. Your set up makes what follows even more powerful.

    So flights of whim and individual preference are not going to fly for your if your desire is to keep readers on the page. On a subconscious, biological level, certain layouts and designs appeal to most readers and willfully or accidentally defying expectations will motivate them to leave your page that you have so meticulously design. Many overlook what you call “the most important pixels on the page.” We tend to focus so much on how nicely the graphics render and the colors mesh that we forget the black and white text, The graphics and color are mostly garnishes and desert to make the real meal more pleasurable – the reading.

    White space and visual hierarchy are so important on the page, and failure to employ them efficiently defeats the purpose of the pretty graphics. Text that is bulky and hard to scan certainly does feel less appealing to read. I actually noticed this one day in two different English text books I examined, one with white space, visual hierarchy, and graphic design, and the other with huge blocks of black text, little white space. The pleasure of reading the well designed book pushed me to purchase it over the dry textbook, even though this one had better, more thorough content.

    Well planned and executed, Pamela,

    Darin

  12. I think I follow your tips here. As a communication professional and a minimalist, I love the study of visual design and logical flow. My struggle is topic – my blog is somewhat eclectic, combining topics of writing, songwriting, forgiveness, therapy, blogging, God, and life. The blog supports my own books and music which also take a central role of the content. Do you think I need to have a more streamlined focus? Most of my readers hand to like what I do, but lately new readership is flat.

  13. If a site’s text is not large enough or ads run too closely to content and I’m not sure what is what I’m a goner. I do not understand what the deal is with the gray text that so many web design firms are favoring. Even with my reading glasses on I have a hard time reading some of it. And don’t even talk to me about white text on black background. If your website is about a subject that black really suits do it somewhere else on your site. I guarantee you that you can get the effect you need without making it hard for us to read.

  14. All good points. People get so caught up in being different and standing out, that it’s easy to do something silly that your end visitor may not understand. I do think that distinguishing yourself is important, but not at the expense of leaving potential customers behind. Good post!

  15. I agree with you, especially your point in navigation. Websites should be user friendy, long gone thes websites back inthe 1990s with drak blue colours and flash elements.

  16. Hi Pamela,

    You’ve made some great points here.

    So many websites and blogs make it next to impossible to read and comprehend the content. It’s aggravating.

    I think a lot of it stems from people trying too hard to stand out from the crowd. Yes, that’s important, but there’s a better way to do it.

    Having a horrible design makes a site stand out, alright, but not in the way the site owner wants.

    In my opinion, the site design and layout is the very first impression to the owner’s credibility. It’s not the defining factory by any means. But if the layout looks unprofessional, most people won’t dig any further to see if it’s worthwhile to stay.

    Thanks for sharing and I hope you have a truly outstanding week!

    ~Barry

  17. An advocate of white space and writing in plan English! Why do some people still regularly break find those two simple rules? Good point about colour tone as well.
    When putting together briefs for design projects, we always point clients to colourlovers.com, very useful site.

  18. For me, before I start working on the pretty part of the website, I want to work on my website’s content. After all, people are going to want to visit my site for more than just pretty pictures! I made a list of the main sections that I assume others will want to visit. “About me”, “home”, and “links” are usually good pages to get started.

  19. What about all the multiple blurring and popping links? Honestly, when I go on my Facebook page, I really feel challenged by the amount of recommendations, apps and people I might know – I always click on something wrong accidentally, get carried away to some strange location and hit “close” at the end. What do you think about it? Probably, this website “feature” could have been included in your list.

  20. The best websites are those that are very easy to navigate with very few click of the button. It is even better when each click of the button gives the visitor concise and helpful information about the website or what he visitor is looking for

  21. “What would make it clearer?” : I see so many beautiful web designs that are so confusing it makes them worthless. A nice looking website must also accomplish its purpose, without a purpose it has no worth. Well said!

This article's comments are closed.