Some tips for non-professionals and some 'professionals'

Web page design:

  • DO NOT design for designers!
  • If what you are doing does not expose usability, don’t do it.
  • Drop down menus are for applications, not the web. Having a duplicate set of menus on a page is CONFUSING!
  • Flashy elements no not expose usability.
  • Flash menus are a bad idea. Flash doesn’t work on Haiku.
  • People read in an F pattern. http://www.useit.com/alertbox/reading_pattern.html
  • Write for the WEB, not for COPY! http://www.useit.com/alertbox/9703b.html
  • Again, DO NOT design for designers!
  • IF WHAT YOU ARE DOING DOES NOT EXPOSE USABILITY DON’T DO IT!

This is going to be a public website, not a playground where you get to show off your designed-for-designer skills.

Purposeless wrote:
Web page design:
  • DO NOT design for designers!
  • If what you are doing does not expose usability, don’t do it.
  • Drop down menus are for applications, not the web. Having a duplicate set of menus on a page is CONFUSING!
  • Flashy elements no not expose usability.
  • Flash menus are a bad idea. Flash doesn’t work on Haiku.
  • People read in an F pattern. http://www.useit.com/alertbox/reading_pattern.html
  • Write for the WEB, not for COPY! http://www.useit.com/alertbox/9703b.html
  • Again, DO NOT design for designers!
  • IF WHAT YOU ARE DOING DOES NOT EXPOSE USABILITY DON’T DO IT!

This is going to be a public website, not a playground where you get to show off your designed-for-designer skills.

Hahaha, are you prejudiced against designers or something? I’m not really sure how one “designs for designers” anyway.

Dirty Harry wrote:
Purposeless wrote:
Web page design:
  • DO NOT design for designers!
  • If what you are doing does not expose usability, don’t do it.
  • Drop down menus are for applications, not the web. Having a duplicate set of menus on a page is CONFUSING!
  • Flashy elements no not expose usability.
  • Flash menus are a bad idea. Flash doesn’t work on Haiku.
  • People read in an F pattern. http://www.useit.com/alertbox/reading_pattern.html
  • Write for the WEB, not for COPY! http://www.useit.com/alertbox/9703b.html
  • Again, DO NOT design for designers!
  • IF WHAT YOU ARE DOING DOES NOT EXPOSE USABILITY DON’T DO IT!

This is going to be a public website, not a playground where you get to show off your designed-for-designer skills.

Hahaha, are you prejudiced against designers or something? I’m not really sure how one “designs for designers” anyway.

By producing something where the code behind it is going to be impossible or close to to write. Designing a website in Photoshop is a good start…

Its not particularly revolutionary to say “don’t conceptualize anything that might be really really hard to do.” or “don’t start with Photoshop” I suppose designing a website with an empty text editor is better. You may know you can do everything that you visualize, but most of the time you aren’t being revolutionary. Start with an idea, or a sheet of paper and a pencil.

Another thing that people should note: usability is a heavy word that people often push about. Granted, it must be usable, but it also must be attractive and rich enough so that people won’t pass it by. Usability is a component of good design, it is not an excuse to not design.

I’ve said it time and time again: usability and attractiveness are both subjective. What I find usable you may find unusable, and likewise what I find attractive you may find hideous.

However, there are some things which the majority of people agree on. Also, some things are dependent on your target audience, like Purposeless said in regard to Flash menus.

You have to find an equilibrium with the content-design-usability trinity. As long as the majority (or even better, all) of your users have no problems accessing your site and its content, then you’re good to go.

I favor drawing a mockup (pencil and paper, Photoshop, whatever) because it allows you to get an overall view of how your content, design, and usability will come together. And from that you can realize your vision.