UX Magazine

Defining and Informing the Complex Field of User Experience (UX)
Article No. 515 April 12, 2010

Help Them Help You

:
Everyone on your team should know Web design fundamentals

Bad Web design is usually easy to spot. Even the “untrained” eye gets cross when visiting a site that has confusing navigation, hard-to-read fonts, or music that is impossible to mute. Most visitors will simply leave the site rather than sinking any more time into it.

Not everyone can easily define what makes up good Web design. Shoot, many people can’t even define what a browser is. For those who aren’t Web designers, website fundamentals can seem foreign and confusing. Web design standards have also changed a lot over the years. Lynda Weinman’s first book on Web-safe colors was groundbreaking when it was first published in 1995. But now, while knowing about Web-safe colors shows that a person has been around the block, it’s not necessarily a Web design standard anymore.

Enter Web Design Fundamentals, by author James Williamson. This online training course from lynda.com is a straightforward introduction to why and how Web design works. If you’re just starting out in Web design, or perhaps you’re working with clients, bosses, or colleagues who have little or no understanding of Web design, this is an ideal place for anyone to start.

In every field of design, across the world, every single designer (Web, user experience, graphic, interior, fashion, etc.) has had a boss or client wrinkle his nose, hem and haw, or flat out reject a project because it “wasn’t the right color.” Please note that “wasn’t the right color” can be interchanged for any seemingly random, and often arbitrary-feeling request by a boss or client who doesn’t fully grasp the logic (and brilliance) behind your well-thought out design solution. If your stakeholders and colleagues have a basic understanding of how and why Web design works, they’ll be better able to give you useful feedback and direction, ultimately making you a happier and more productive designer.

This excerpt from Web Design Fundamentals challenges designers to consider the content of their design, over the flashy gizmos and widgets that they, or their clients may think are necessary.

It's also important to remember that for the Web, you're not just creating visuals. You're building a user interface that should satisfy the needs of both the client and the user.
that in mind, let's take a moment to examine a typical workflow common to many Web designers. First, you should explore the goals and the audience of your site. I cannot overstate the importance of this step. Many times I've sat down with the client and although they know they want a website, they haven't really sat down and prioritized the site's goals. Before the first thumbnail sketch, you should make a list of all the things that the client wants to accomplish with the site, and then compare it with the needs of the target audience. Prioritize the functionality of the site and make sure that it's going to respond well to both the client's goals and the user's expectations. Completing this step will give you a solid design direction, and give you an idea of the functionality needed to meet those goals.
Next, make sure that you focus on the content of the site, and making that content central to the site's design. More so than in print design, on the Web, content is king. All the animation, video, and cool graphics in the world won't prevent a site from failing if the content isn't clear and accessible. In fact, I've often seen the design elements of the site restrict access to the content and make it harder for users to find what they're looking for.
Remember, good design is often clear, concise, and uncluttered. Now that's not to say that you shouldn't focus on the visuals of the site; just that in regards to the Web, those things should enhance and draw attention to the content, not distract from it.

James’ teaching style is clear, and approachable and in just under three hours of training viewers get a complete overview of what to expect when expecting to become a Web designer. He keeps the concepts simple and uncluttered, and encourages people to mimic that approach in their designs. While this training course doesn’t necessarily teach the step-by-steps of how to build an entire hand-coded site with drop down navigation and fancy rollovers, think of it as the Lonely Planet guide for Web design.

Mysterious Web terms and acronyms that are so frequently used (WYSIWYG, RSS, SQL, DTD, OMG!) are defined in this course. Checklists of the tools needed to accomplish all levels of site building are given. Approaches to website layout and design are mapped out. For some people, approaching Web design without any help or preparation can be as daunting as hoping on a plane to Antarctica with no luggage, map, or proper clothing. This training course should be assigned viewing for anyone who has ever thought they needed a website, but had no idea how or where to start, and perhaps, gently suggested viewing for stakeholders with a limited Web design background.

Since lynda.com has been in the business of creating software training videos and other materials for the last 13+ years, there are lots of nuts-and-bolts Web design courses to follow James Williamson’s Web Design Fundamentals with. This particular course just might make all of the other lynda.com courses seem a bit more accessible, and might make your clients, bosses, etc., a touch more manageable.

ABOUT THE AUTHOR(S)

User Profile

Megan O. Read works for the online software training company lynda.com as the author relations manager, and is a regular contributor to the lynda.com blog. For more information on the available courses and subscriptions, visit the lynda.com website. And check out her weekly blog posts at blog.lynda.com. You can also follow her on Twitter @radmegan.

Add new comment

Comments

32
36

First of all, I'd like to thank Megan for posting this fabulous article. As someone who's new to the world of web design, I'm always on the look-out for informative articles concerning this type of stuff. Whenever I'm making a website, I often lose sight of what the client wants. I mean, the end result ends up being a nice website that we (myself and the client) can both agree on, but my brain obviously works and thinks differently than the person I'm building the site for. I suppose it's a matter of trial and error. The more clients you have, the more practice you attain and the better customer service you provide to your clients. I don't care what anyone says -- web designers need to have exceptional customer service.

Either way, this is a great article. I think all web designers -- whether up and coming or experienced -- should give this article a read. It's a big eye opener. Overtime, you'll improve your portfolio and therefore get more work. Some companies may stick with hiring web design contractors from directory like angie's list or contractors.com; but if you work hard enough, you can make a name for yourself and they'll call you. Heck, you may even find yourself on a professional directory. Only time will tell.

38
30

Thanks for the kind words everyone, it was a FUN title to do. Thanks for the write up Megan!

35
38

Thank you all for the comments! Glad you enjoyed the article, and the lynda training.

24
38

Very helpful. Thanks!

28
23

Ah yes, education really is so important in our field. It's easy to say from our ivory towers what is right and wrong on the web, but if we really want things to change, we have to teach others about standards, how the internet works, and what it could be like if things were done right.

We've done our own little bit by creating a usability tool at http://intuitionhq.com but there is so much more to be done, and so much more education needed before we get there.

As they say though, each waterfall starts with a single drop of water.

Thanks for the great article.

37
37

I'm interested in Web Design Fundamentals as a solid design beginning for my site-building education as well as James Williamson's other offerings. Enlightening information!

27
34

Long live www.lynda.com!

All of the courses taught by James Williamson are simply amazing. I couldn't have progressed as a web designer as quickly has i have without lynda.com.

36
35

Excellent read thank you! I have actually watched this course at lynda.com and it is a good one for all aspiring and newbies like me. His Dreamweaver and CSS course is excellent as well - love his teaching style and he has helped immensely

34
35

Succinct information in one spot, appreciate the compilation!

35
29

Thank You! This is exactly what I need.

30
34

Thanks. I will check it out.

36
41

Very good article!