10 replies [Last post]
thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 16 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

I'll be starting an article on it soon, any suggestions? No sneak peeks, wait and see Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 10 years 38 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

My tips for web design

Yes...

Designing for the web and designing for print are two different mindsets. There are a lot of freelance web designers and design companies that think it is no different than graphic design.

First thing that came to my mind. Smile

- r

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 8 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

My tips for web design

Make sure your clients understand what a 'sign off' is.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 11 hours 38 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

My tips for web design

Hah! Rag, you've been reading my posts. Smile

  1. Everything starts with well structured, semantic and valid (x)html markup, without regard to presentation or behavior.
  2. The back end db is designed as needed, without regard to the end document.
  3. The server-side script uses the back end data to output the (x)html as written in point 1. It is never the other way around.
  4. The stylesheet is created. Hooks may be added to the html as needed. (Some restructuring of the html source order and content may be done.)
  5. The javascript is developed.
And scattershooting while wondering what's the real story on 'Dandy' Don Meridith:
  • Notice that the 'design' is virtually orthogonal until stage 4 is reached.
  • The server-side scripting is for the purpose of delivering dynamic data in the already formatted content markup.
  • If the page doesn't make sense in Lynx, it doesn't make sense.
  • If the page does make sense in Lynx, you likely can't screw it up too badly.
  • Pages designed around and to fit images are image-bound, and are bound to fail.
  • No matter what you do, the user can overrule you.
  • No matter how you think the page looks best, the user thinks otherwise, and can impose his will.
  • Flash is probably a bad idea, unless you're a Flash artist displaying your wares.
  • A splash page is a bad idea—always.
  • One-half of first time visitors will bail for every ten seconds of download time. For at home users, 80% of whom depend on dial-up, that's a 50k page, including Flash, images, audio, &c.. I don't know the number for visitors who stay the first time but never return due to overblown pages.
And, I could probably keep thinking of things, but I'll stop.

cheers,

gary

[/][/]

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 23 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

My tips for web design

Hi thepineapplehead,
I look forward to reading the article.

Optimize images use background colours or borders instead of images where possible.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 1 week ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

My tips for web design

The Web is not paper! Repeat this until someone understands it.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 11 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

My tips for web design

Think about your audience and what you want them to do.

Remember not everyone who will visit your website will:
- have great eyesight
- be using a 1600 x 1200 top of the range monitor
- have their gamma turned up high to see into the dark corners of <pick your point and shoot game>
- be using a windowing based screen display
- have flash
- have javascript enabled
- will know that icon does something if it doesn't have some text next to it.
- read english

There is no right answer to the above, but each point should be considered. e.g. if your audience is young, male, technophiles your website should look and feel different from a website advertising winter cruise holidays.

Degrade gracefully.

And, think about your audience.

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 11 years 31 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

My tips for web design

Build accessibility in from the beginning rather than trying to tack it on at the end.

Use the automated accessibility testers as a guide but don't rely on them - common sense is much more useful (well... usually).

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 year 16 weeks ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9668
Points: 801

My tips for web design

I like em all, there's some excellent stuff in here, some things I hadn't thought of, for instance:

Quote:
No matter what you do, the user can overrule you.

I like it Laughing out loud

Thanks for these, I'll get some more notes down then get cracking Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 6 years 19 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

My tips for web design

Chris..S wrote:
Remember not everyone who will visit your website will:
- have great eyesight
- be using a 1600 x 1200 top of the range monitor
- have their gamma turned up high to see into the dark corners of <pick your point and shoot game>
- be using a windowing based screen display
- have flash
- have javascript enabled
- will know that icon does something if it doesn't have some text next to it.

These would be my tips for web design too. Gosh that was easy Wink Laughing out loud (Well done Chris.)

Life's a b*tch and then you die!

Anonymous
Anonymous's picture
Guru

My tips for web design

Don't make me think. Smile

(That's my answer to your question, not my general philosophy.) Laughing out loud

Seriously, I don't want to have to figure out how to use your web page. Make it obvious.

I had a web page in the bookmarks on my old computer that I wish I still had. It was like playing Myst. You had to find the secret links to do anything. It was lovely and visually striking but it sucked.