Good Web Design Is All About The User

By / Apr 2, 2013 / Tips
shares

It’s easy to get caught up in the private world of web design, spending too much time playing with the latest CSS tricks, or flipping through the coolest design showcases. You start forgetting that your work isn’t all about being on the cutting edge and snagging a web design award or two. The reality is that the latest and greatest design trends are irrelevant, and sometimes even alienating, to the majority of audiences. Unfortunately, that kind of work is often only appropriate for an audience of other designers, and those projects are rare.

So take a step back from trying to one-up your peers, and consider the basics. At the heart of design lies the famous maxim that form follows function. Make sure your work is holding true to that principle by making sure of these three things:

Suitability

You can still be innovative while working with a more sedate style.

Good Web Design Is All About The User

The interests of your target audience should always be the overriding consideration in determining the style of your site. However, that doesn’t necessarily mean that say, a flight tracker site has to look dry or function traditionally to accommodate its audience. While Adioso has an elegant, modern design, it remains relatively simple by highlighting usability above all other aspects. The layout and styling focus more on elevating the search tool rather than adding “flash” to the design.

Use split testing to understand what your audience responds to.

It’s not hard to find out what kind of people you’re designing for; you can use tools like Google Analytics or pop-up polls to get a sense of your demographics. But after that initial research, it’s still really helpful to continue refining the design, honing in even more on the interests and reactions of your audience.

With split testing (also called A/B testing), you can compare even the most trivial changes to find a difference in success rate. By creating multiple versions of a web page, you can submit side-by-side comparisons for testing with live traffic. Monitoring actions like clicks or sign-ups for a period of time often show a conclusive preference for one page over the other. Then you can take these results and refine them further.

Speed

It seems like just one factor in web design shouldn’t have such a monumental impact on your users. But just a couple extra seconds in load time can have astonishing ramifications on user responses and conversion rates. In fact, about 30% of consumers will start to abandon a website after 5 seconds of loading time. And most of that lag is the result of front-end design decisions.

There are many effective methods you can use to increase site speed.

In order to improve on your site speed, first determine exactly how slow your pages are with a site speed test. Then employ a combination of tactics, like:

Good Web Design Is All About The User

  • Simplifying design elements, like reducing drop shadows, images, and other fancy effects and flourishes. Not only can this help your site’s speed, but it can also help give that that’s becoming very popular as an aesthetic choice.
  • Using CSS Sprites to display images, or creating icon fonts for common UI elements.
  • Denoting the height and width of your HTML image tags, so that they can load in their own time, without holding up the rest of the page.

Clarity

Designers are used to questioning the conventions with everything they work on. But for the web, which is still a confusing world for many users, some of these conventions need to be stuck with for now, such as:

Good Web Design Is All About The User

  • A search bar that’s easily identified, usually located at top right
  • Breadcrumbs for complex navigational paths
  • A consistent and easily-identified UI system, like the use of pink elements on this site, which signals important information

Aesthetic frills are meant to fill in the spaces left over by solid functionality, not the other way around.

A designer’s work has almost endless flexibility when it comes to producing a beautiful result, but far less flexibility in terms of usability. Starting out with a structure that appeals to and works with your audience ensures that your site is just as attractive to a user as it is to another designer.

About the Author

Luke Clum is a Seattle based designer, photographer and outdoorsman. If he's not geeking out about UI design, you'll most likely find him climbing something in the mountains. Follow him on Twitter @lukeclum

6 Comments

  1. Michael Meininger
    April 2, 2013

    I wish that all clients understood this…

    Reply
  2. David O’Brien
    April 3, 2013

    Thanks for sharing. I’ve been working on a similar post (but keep getting distracted with other things). We need to let navigation and UI drive the creative in digital design. Too often designers (and clients) get caught up in the cool factor and seem to forget the fundamentals of design when it comes to the interactive/web/app space.

    Reply
  3. angie moyes
    April 5, 2013

    The User rules, OK! There is also the case of warning clients wanting feeds from their news, blogs, Linkedin accounts etc, these have to be maintained, or suffer the old adage – rubbish in, rubbish out!

    Reply
  4. Adam Roxas
    April 7, 2013

    I don’t know if you guys experienced this.. but commonly when we get to present a design proposal to clients.. UI experience just dont matter to them… so if we give them simplicity without the “wow-factor”.. it just wont sell.. and wow-ing them with analytics and site demographics is a waste of time for them… so sad… :(

    Reply
    • Web Design Worcester
      July 1, 2013

      Hi Adam, when it comes to convincing the client about analytics and user interaction, here is the approach we take: Tell your client that it is no longer about having a website, It is about designing a website that works. To see whether your site works or not you need to analyse the data it generates. User interaction changes quickly these days and you need to change with them. Understanding how your customers interact with your site will make it a success. Without that simple web design will be no more than money poured down the drain.

      Reply
  5. Web Design Campbell
    April 8, 2013

    In order to create a good web design , it is always necessary for the user to be able to like it so i believe these tips are very useful

    Reply

Leave a Reply