6 website design tips that will have your audience licking their screens

6 website design tips that will have your audience licking their screens

reader comments (62)

  1. great tips, thanks. i will be using this when discussing briefs with clients – so many people think that content and design are two distinct phases, and they consequently miss out on opportunities to engage more effectively and (ultimately) convert more visitors.

  2. you have to keep in mind that design is very subjective. if you ask 10 people what they think you should change about your website design, you’ll probably get 10 different answers. at the end of the day you have to stick to what you think is right and what your target audience is responding well too.

    • “… what your target audience is responding well to” is the key.

      a little informal market research to find out never hurt, either. even if you don’t get a consensus, you’ll know more than you did before you asked.

  3. pamela,

    typography and color scheme are the two things that stand out most to me when visiting a site. if either one of these two things aren’t attractive then i’m gone. i think typography might be the single most important element of design. words are just so powerful that your typography has to be flawless.

    thanks for the other tips. great food for thought!

  4. speaking of colors, the main problem that i see that people are looking forward just to adding colors that are suposed to convert into sales, clicks,etc and they rarely think at the visitors first.

  5. copyblogger is a terrific source for useful advice; however, i find the e-mail format to be very displeasing, with long scrolling text that makes me want to “come back later if i have time.” perhaps some of these design ideas could be put to use to improve the copyblogger e-mail experience.

  6. hi pamela, this is a great post. i agree that design really does matter, and apple is one of the best cases to prove it.

    as further proof, i saw a nespresso machine for the first time about a month ago. it’s absolutely gorgeous. i drink coffee, mostly decaf, but i wanted the product partly because of how beautiful it was. actually, i still want it. not because i need it or have to have it but because it’s gorgeous.

    it seems that beautiful design appeals to emotions, and according to a study by antonio damasio, emotions are critical for decision making. if website owners want people to choose their site, it starts with beautiful design, granted it finishes with an effective user experience.

    thanks for the great post. i look forward to reading more of what you write.

    • they are beautiful machines, aren’t they? i don’t have one myself, but i can see how people would want one on their kitchen counter for the aesthetic appeal alone.

    • the headline is a nod to the famous lifesavers ad headline, “please don’t lick this page.” 😉

      there’s more about how the google font api affects load times here:
      http://googlewebfonts.blogspot.com/2010/09/optimizing-use-of-google-font-api.html

      the folks at google seem pretty focused on speed nowadays, so i suspect they’re doing all they can to make those fonts load fast. if you visit the page above, you’ll find information about what you can do on your end to speed things up.

    • marlene, i’m using google fonts on my new site, and i was just out poking around google webmaster tools a bit ago (mastering the fine art of procreating on a blog post) and my site load time is about a half second per page.

      having said that, i’m only using google fonts in my headlines. (and i say “i”, but pamela did the design, so i can’t take credit).

  7. i don’t have much of a background in design, but i love experimenting with different colors, images and fonts. of course, it’s difficult to actually test which design elements are more effective than others (and a previous commenter is right that everyone’s preferred design will be different), but it’s definitely fun to mess around with.

    thanks for sharing these great tips 🙂

    • it’s fun to experiment, sarah, but i’m a big believer in following some basic guidelines so it’s not a complete shot in the dark.

      glad you enjoyed the post! 🙂

  8. i usually look for or create the images first, because i know how annoying it is to do that last. hah..your image is pretty funny though. definitely made me check out this post

  9. this is a great post pamela. however, i feel explaining with the help of visual examples would have worked better in my case.

    thanks

  10. in all honesty copyblogger has a design that is great to really look at and follow as a guideline, it’s clean and classic looking and has all of the essentials with none of the fluff.

    one of my favorite site designs to emulate along with socialtriggers, good inspirations for keep it simple and streamlined on your own blog.

    • i agree! simple, clean sites let the content itself come to the forefront.

      that’s the definition of good design, actually … it draws attention to the content, not to itself.

  11. this doesn’t have to do with design but the last item (keep a style guide) triggered this tip: bloggers and webmasters should keep style sheets for their text. why? if it’s spelled “web site” in one post, it should be spelled the same in another, not “web site” then “website.” there are exceptions for guest bloggers, of course, but consistency plays a part in getting visitors to trust your page.

    • i’ll second that!
      p.s. for those who are lazy (like me), utilities like text expander (mac) or activewords (windows) make it easy to be consistent because you can set them automatically apply your styles by setting them to change an abbreviation to your rendition of the word. example: you can type “ws” and the utility will substitude website.

    • absolutely! this is the first thing a professional editor will do when they accept your project, and any well run communications or marketing department tends to have a style sheet. it’s a subtle thing, but that kind of consistency makes your content feel just a bit more trustworthy.

  12. that’s an excellent suggestion, lauren, and it’s something i teach in my course.

    a copy style guide can include things like consistent spellings for words, as you mention, but also abbreviations, titles and the “boilerplate” copy that talks about what you offer.

    i agree: it builds trust and looks more professional, too.

  13. does anyone know the best way to remove lick from an lcd screen? just checking.

    p.s. great article pamela. i think about “think about your guests” a lot more these days because i seem to keep finding websites and books with fonts too small for my aging eyes.

    • me too, mike! i think it’s derek halpern who likes to say that “14 is the new 12” — in other words, to bump your typeface up to 14 points to take pity on all those 40+ eyeballs out there.

    • i have great news for you, mike! people are finally realizing that larger fonts are easier to read. i’m seeing a trend of larger type all over the web.

      some of it goes too far and starts to look clunky, but overall font sizes are increasing based on what i’ve seen.

      it makes sense: larger fonts are easier for eyes of all ages, and translate well to mobile devices, too. fingers crossed that the trend will continue.

        • i’m using typekit on my blog, actually. 🙂

          the tricky thing about fonts is that each one is drawn a bit differently, so 17 points in one font might look a lot smaller than 17 points in another. kind of like women’s dress sizes — not that you’d know about that!

          and no, zen habits doesn’t go too far. it looks lovely and spare, which is just what leo is going for, i suspect.

          • wow, i guess wordpress liked that comment so much it decided to publish it twice. i’m wondering which i should reply to …

            typekit. that’s actually even cooler than google fonts and all, but now i’m embarrassed.

            you’re totally right about the inequality. if you told chaparral-pro-1 to fit inside size 12, it’d suffocate.

  14. i’ve always lapped up your advice on color and design pamela particularly #3 using colors that make sense to your market. adding to that ..’and compliments your product.’

    having changed from a website color scheme that competed for attention with my designs to one that sits in behind, allowing the product to shine was excellent advice. i have extended this to off line print to great effect.

    thanks for sharing your expertise. color and design makes a huge difference to conveying our message well.
    xs

    • just visited your post: that is so cool!

      and yes, you are very lucky to be able to work with food photos. who doesn’t like to look at yummy food?

      thanks for the comment, tea.

  15. wonderful write up again pamela, good job. i like the way you highlight the importance of design. maintaining a professional look, will always set a good impression in a potential customers mind.

  16. hi pamela,

    sensational tips!

    finding the right image works really well. we live through our senses most of the time. appeal to the senses with a clever, colorful pic which is relevant to the post. this gets an instant smile and read virtually every single time.

    thanks for sharing your insight with us!

    rb

  17. thanks pamela for the tips, i finally decided to put together a simple styleguide for all my websites thanks to this post. it will now save me time from always checking through my code/website for picture dimensions and website colors.

    • now that is excellent news! i think you’ll find it’s time well spent. i have a very simple one, too, and find myself referring to it several times a week.

  18. great post. a lot of people don’t realize that you have only a few seconds to capture and draw a brand new visitor in. a visitor can’t read your content in that amount of time, no matter how great your writing is. so you have to grab their attention with the look and feel of your site, and you have done a great job of listing the steps to do that.

    • thanks, lionel. the look and feel are the first things to hit people. if you get those right, people will decide to spend more time digging in and reading. 🙂

  19. i’m not a design genius in any way, so i find it rather hard to style my site to look like i paid 10.000 dollars for it.
    but it’s good inspiration – and thanks for the post.
    i have a wordpress theme that let’s me do everything i want, but most blogs look the same anyway.
    what would you do if – lets’ say – you had to restyle this website?

    all the best
    simon

  20. great read! i went back to my site to make some tweaks in the posts on my blog based on some of the suggestions presented and i’m a lot more satisfied with the aesthetic 🙂

  21. good tips.. i personally like clean templates or clean sites. there are so many people trying to be so different that they clutter up their designs.

  22. great tips, pamela, every blogger should read!
    being a designer myself, i do know very well that image is a very powerful tool.
    most people, don’t.
    good design is not subjective; in fact it does have a great impact on our senses and mood, often subconsciously.
    first impressions are crucial. bad -and not functional- design could send our readers away instantly.
    the right image can “sell” our content, services or products silently.
    those who know its secret power, use good design to their advantage.
    a great content is just not enough with so much competition out there.
    actually, a well-designed blog or website differentiate professionals from amateurs. either we like it or not!

  23. hi pamela, some good tips. thinking about the user experience and matching it to your target market demographics is a great tip. i also like the idea of settling on 2 main colors in relation to your defining your brand.

    whilst keeping your content hierarchy structured seems quite logical it is surprising how many websites don’t actually do it.

  24. i’m intrigued by your suggestions to pick two colors. many times i’ve read where you should have only one main color. i’ve struggled with color choice. should my main color invoke trust, confidence, or action? thanks for sharing the great idea on looking at existing sites in the market.

    • hi david,

      i think two colors gives you a bit more flexibility. and having two main colors allows you to invoke different things: you could use blue to look trustworthy and orange to motivate people to act, for example.

  25. thanks for sharing this. i especially like what you wrote about fonts (serif, sans serif). stylistically, i think a lot of people get caught up in thinking about the design they would prefer rather than what their target audience would prefer.

    though – i am partial to the minimalist trend that’s taking over the internet now.

    anyway- great post. thanks!

this article's comments are closed.