&
Advertise Here with Today.com
 

Archive for the 'Design Theory' Category

Nov 17 2008

Web design history, a look at the 90s

Published by webbetty under Design Theory Edit This



Today we’re going to take a stroll down memory lane. How many of you were actually designing/developing websites in the mid-90s? If you were, you’ll find this list amusing and you’ll chuckle at how many, if not all, of the items below you employed. For you youngsters out there, you’ll be wondering how we’ve come so far based on the crap we had to work with ‘back then’. Either way, the 10 items below are things you should never, ever do:

Continue Reading »

Advertise Here with Today.com

9 responses so far

Nov 06 2008

10 common design mistakes

Published by webbetty under Design Theory Edit This


 

Design mistakes. Everyone makes them. Here are 10 (in no particular order) common design mistakes. (I’ll tell you how to fix and/or avoid them later!)

 

  1. Not enough contrast between the text and the background. Anyone who has been to a site and come away with eye strain will tell you how absolutely annoying this is.
  2. Unintentional horizontal scrolling. Don’t make me have to scroll left or right to read your content because you haven’t sized an image correctly, or your template doesn’t allow for multiple screen resolutions and/or browser sizes. (Shameless plug alert: Intentional horizontal scrolling is okay. Check out Web-Betty.)
  3. Times New Roman Font. For everything. Not only is it a poor choice for readability online, it screams amateur.
  4. Images that are not properly anti-aliased. Until PNG is fully supported (or IE 6 users come to their senses and upgrade), make sure your ‘transparent’ images really are.
  5. Images that are stretched or distorted. If you need to resize an image using the height and width attributes, make sure you have the dimensions correct. Even better, if you are making the image smaller for design reasons and the larger version is not necessary, take 5 minutes, use a photo-editing software, and just resize the damn thing.
  6. Pixelated images. If you are working with rasterized images, don’t take an itty-bitty one and enlarge it. Start big, go small. Not the other way around.
  7. Using icons for your navigation that only you understand. Don’t make me guess what your icons mean. If I don’t know where I’m going, I know where I’m going. Straight to someone else’s site.
  8. Spalling and grammer errors. I know, this isn’t really design related, but it’s still important so I’m putting it on the list. Spell check and proofread your content. Period. (Let’s see how many people don’t read the extra info and comment on my ‘mistakes’!)
  9. A site that takes too long to load. In this day and age, there is no reason why your site should load slower than my toddler eats broccoli. Even if you are showing off your Twilight multimedia portfolio.
  10. This: pink-glamour[dot]com. Don’t EVER do this. (You’re going to have to type it in—I’m not giving this blog any link love.)

Be sure to subscribe to the RSS. You don’t want to miss how to fix these, if you’ve already fallen victim to them.


6 responses so far

Oct 17 2008

What makes good web design? Part II

Published by webbetty under Design Theory Edit This



We’re going to continue our series on what makes good web design by taking an element that was discussed in Web design terms, the basics and breaking it down. The term for this article is look-and-feel. To recap, WSMS’s definition of look-and-feel states:


The look-and-feel of a website is how its branding and content are reflected in its design. ‘Look’ refers to the appearance of the web elements: text color, font size, header treatments, navigation design, etc. ‘Feel’ refers to the reader’s experience of using the website.

These terms are used together as it is the website’s look that will determine its feel—the two are intertwined. Successful web design starts with your audience. What are their needs? When you first consider your audience and what you are building, you can create a look-and-feel that meets your audiences needs. This will help you create a successful design.

Let’s jump right in and review some examples.

Continue Reading »

No responses yet

Oct 14 2008

Web design terms, the basics

Published by webbetty under Design Theory Edit This



Before we move forward with the “What makes good web design?” series, I think it’s important to discuss/define the basic terms you will be reading about at Web Substance Meets Style. Now you’re probably thinking to yourself “I already know these web design terms,” but I would challenge that. I’m sure you know the terms, but do you understand them? That’s the key difference.


If you already know the specific differences between web development and web design, or if you understand why CSS is so important (not just that you can do cool stuff with it), consider yourself ahead of the curve—this will serve as a nice little review. If, however, you want a better understanding of the elements that make up web design for the sake of improving your own, get out your pens and take some notes!

Continue Reading »

No responses yet

Oct 13 2008

What makes good web design? Part I


Web design is an art. Great web design occurs when design and content are seamless and you don’t notice its greatness.

Vincent Flanders, Web Pages That Suck

No truer web design words have been spoken. Notice that the quote mentions both design and content. This will be important to remember as we travel down the path of discovering what truly makes good web design.

So how do you know good web design versus bad web design? How do you create “seamless” design versus clunky design? How do you make your visitors notice your site but “not notice the greatness”? The answers to these questions are not as obvious as you would think.  The differences between good and bad web design are often times very subtle.

Good web design does not mean any of the following:

  • attractive
  • pretty
  • fun
  • simple
  • clean
  • flashy
  • web 2.0
  • grungy
  • cool
  • trendy

To further illustrate this point, let’s take a look at KC The Catalog.

Continue Reading »

No responses yet

Oct 10 2008

Web substance meets style

Published by webbetty under Design Theory Edit This


Why are you on the web? Are you promoting a product? Promoting yourself? Promoting an opinion? Let’s face it—the web is all about promotion. The same rules that apply to first impressions when meeting people offline apply to first impressions when meeting people online. The way you are dressed matters. The tone of your voice and the firmness of your handshake matter. In fact, on the web, first impressions matter even more.

If someone’s first impression of you is less than stellar, you have time in their presence to change their mind. On the web, if a reader’s first impression of you is less than stellar, POOF! They are gone in the click of a mouse—probably to visit your competitor. The rule of the web:

You never get a second chance to make a first impression.

This means that, while “content it king,” how you present that content is just as important. Your layout and design act as your product’s first impression. Dress well, have something interesting to say, and firmly establish your presence. This will give reader’s a positive first impression, thus greatly improving the odds of them staying on your site/blog for more than a passing glance.

Let’s look at the science.

Continue Reading »

2 responses so far

Advertise Here