Join Over 11,500 Designers and Get My Free Design Tools

Get access to my email newsletter and all of my exclusive design tools, assets, Genesis child themes and more.

Get Free Access
Get Free Access
The Essential Web Design Handbook

Learn to Design Beautiful and Simple Websites

using my simple and proven methods.

The Essential Web Design Handbook is a complete guide to designing simple websites from initial ideas to the final Photoshop project files.

Get The Ebook

Comments

  1. Hi Rafal
    5 useful points, I particularly like “Eliminate distractions”
    Blocks of bright colour can distract, but moving or flashing objects just drive me mad.. but people still use them!

    Also got to mention the popup box that some sites use… what a turn off.

    Spot on information as ever.

      • I agree because pop ups annoy me as well but is that more of a personal preference? Maybe pop ups do better in different niches? I ask because Neil Patel at QuickSprout uses quite a few pop ups on his blog and I’m fairly certain that he knows what hes doing.

        Whats your thoughts on his uses of it?

  2. My golden rule is to keep things as simple as possible. I’m a huge fan of “less is more,” and the design tips you mention provide solid examples.

    I’d say #4 is the most commonly overlooked, but the one design feature folks would benefit from the most. Great looking site, Rafal!

  3. I agree. Infact I tell many times on twitter that people should increase their heading and font size.

    PS: I see that your site disagree with point pt 2 😛
    (just kidding, I know the design part )

    • Ankur,
      I don’t use black text on white background but the contrast is still pretty high. You may didn’t realize it but I’ve lightened up my content background twice since I launched this site. Then, I took a note about that change and used it later in this article.

      I like the contrast and big bold headings on your site! Well done :)

  4. Thanks for the solid advice Rafal. I love the fact that you spent the time creating examples to illustrate your points too. I’m subscribing coz I can’t wait for more articles like this :)

    • Thanks David!
      I understand you’re talking about the horse at the top 😉

      I found illustrating the examples much easier than writing about it. I definitely want to go more in this direction in my blog.

      Thanks for subscribing!

  5. I’d be careful about making the headings too large. As a matter of fact, I believe the headings here are too large.

    Why?

    Studies show that using extremely large fonts encourages people to scan your content as opposed to actually reading it.

    :-)

    • Hi Derek,
      this is a very interesting comment. You’re probably right because too big headings can be just another distraction.

      I should say to make the subheadings bolder and relatively bigger than the body text.

      Thanks for pointing this out!

  6. Hi Rafal,

    I’ve followed your advice and my site is indeed better now, thank you! This is my question:
    When looking at this page’s source code, I’ve found you’re using a tag for your first paragraphs and I want to know if this is semantically correct or if it would be better to use some class instead.
    Cheers!

  7. Rafal, great post. We’re a marketing agency and always moving towards more UX centered designs. We find sites and blogs that are cleaner, more vibrant not only perform better from a user perspective but also in search naturally due to the increase in traffic, search benefit resulting from H1s over more conservative H5s/H6s. It’s fun to see texture move out and bold continue forward. Ha! In writing that I noticed an example of this in William’s post above.

    — Cheers and thanks for your creativity 😉

  8. “Try reading a book while someone is flashing a light in your eyes. The experience is similar to reading text posted on a page full of flash banners.”
    What a great analogy! I’ve always had issues with overbearing ads that add noise and only cheapen a site (90% of content sites out there). That’s why it’s so refreshing to see sites like Copyblogger that get this. I suppose that’s the reason there are Carbon Ads and other ad networks that adhere to this philosophy. Great read BTW.

  9. Hey Rafal: Great post with some really nice illustrations. Question: It does not seem possible to doing any embolding of the article heading at wordpress.com or am I missing something?

  10. Right on, could not agree more. I love how you have blured out the “Enlarge headings” picture. That’s actually one of the tests I do and I was impressed to see it here :) I got to admit I love your taste.

    Another test I do is convert everything to black and white and invert the colors, this helps seeing what unconscious eye scans.

  11. This is a very well written ( and illustrated ) post. What I like most is that you have focused on the 5 items that will make a huge impact. I will admit that from time to time I get a little overwhelmed in trying to decide just want to put into a blog page design. This is helpful.
    Thanks
    Ed

  12. Yo Rafal,

    I’m really glad to see someone pointing out simple fixes like this for people to implement on their sites. The less seizure-causing horror shows floating around on the web the better it is for everyone. Keep it up!

  13. I personally feel that a fixed top menu which is used on your blog and I have seen on several modern websites lately is a bit annoying at times, i don’t like to see the navigation menu that thick scrolling along with the page.

Leave a Reply

Your email address will not be published. Required fields are marked *