10 or so commandments

The 10 (or so) Commandments of Web Design SUNNYVALE, CA (REUTERS) -- A recently located makeshift 'instruction manual', has been located under the backseat of Tim Berners-Lee's car. The 'manual', a short treatise on web design principles, was scrawled on a series of old Denny's napkins and has revealed the lost 10 Commandments of Web Design - now made public, exclusively at CoolHomepages.com!

The 10 (or so) Commandments of Web Design SUNNYVALE, CA (REUTERS) -- A recently located makeshift 'instruction manual', has been located under the backseat of Tim Berners-Lee's car. The 'manual', a short treatise on web design principles, was scrawled on a series of old Denny's napkins and has revealed the lost 10 Commandments of Web Design - now made public, exclusively at CoolHomepages.com!Commandment 1: Thou shalt be clear about what the hell thou art presenting to the user. Unless your user is the Amazing Kreskin. Commandment 2: Thou shalt design the site so that it's appropriate for your audience. Don't use a dark Tomb-Raider theme if you're an online shoe store or a financial service. Commandment 3: Thou shalt not use java applets unless Moses himself appears in a burning pile of copier paper in your office and insists that you should. Commandment 4: Thou shalt not force a user to wait for a megabyte or more of Flash file downloading as the first thing they experience at your site. Commandment 5: Thou shalt make the more important parts of any given page layout more prominent than the less important parts of your page. Look at the newspaper. The front page headline is the biggest. There's a good-sized page 1 photo keeps the page from becoming a visual wasteland of black type. There are headlines above each story. There are subheads within some stories. The body copy is legible, but not too big or too small. The author bylines are small. There is a menu somewhere on the page telling you how to find movies, sports, etc. The page is organized in easy to understand columns. There's a reason why every major newspaper in the world adheres to these basic design principles. But don't make your web designs look like newspapers. That's not the point! If you don't get the point yet, wash, rinse, and repeat the preceding paragraph. Commandment 6: Thou shalt not use too many colors. Thou shalt attempt to learn something about color harmony. Commandment 7: Thou shalt kern thy bitmapped type unless thou wantest to be known simply as "Shmendrick, the Village Design Idiot" Commandment 8: Thou shalt look at thy site on a variety of browsers. Just because you're on a PC using IE 6 doesn't mean your users are. You can't accommodate every browser config for sure, but it's horrifying how many site submissions we get that ONLY look good on a PC on IE 6. Commandment 9: Thou shalt make sure your images are clear, and free of those dreaded Mad-Cow disease causing jaggies. On somebody else's site, jaggies are hilarious -- but not on your site. Commandment 10: Thou shalt not be accused of Flash-love. It's habit forming and causes hairy palms and blindness. Everything in moderation grasshopper. Use Flash when it's appropriate. Commandment 11: Thou shalt learn as much as possible about typography, layout, and color as soon as possible. Commandment 12: Thou shalt achieve BALANCE in thine page layouts. Look at the elements on the page as if they all possess weight and gravity. The larger items possessing more weight than the smaller ones. Imagine a seesaw underneath all the page elements, supporting the entire page layout. The seesaw should seem as though it would balance itself due to the weight of the elements being evenly distributed. Not too much weight on either side so as to 'tip' the seesaw. Commandment 13: Thou shalt proofread, proofread, proofread. Then do it again. Contributed by: CJackson www.junkology.org Commandment 14: Thou shalt have clear and easy to use navigation which does not change with each new page. Contributed by: Ely Cannon Commandment 15: Thou shalt not use the HTML tag <BLINK> contributed by: Mike Hagan Commandment 16: Thou shalt not loop a sound over and over without a 'Sound Off' button. No matter how cool you think the sound loop is. Contributed by: Anthony Keenan www.custombike.org Commandment 17: Thou shalt not apply for web-design jobs after a single community college class on using FrontPage. Commandment 18: Thou shalt not using Comic Sans as a header font unless thou wants to induce vomiting for someone that has ingested poison. (Ed. Note: This is my favorite Commandment!) Commandment 19: Thou shalt not use horizontal rules that are rainbow animations unless you are a Hawaiian. Commandment 20: Thou shalt not sneak in links to their sponsors as ways to increase click-throughs. We will hunt you down and kill you for this! Commandment 21: Thou shalt realize that 42 fonts is not better than two on a page. Commandments 17-21 contributed by: Josh Spivey www.jlswebsource.com Commandment 22: Thou shalt look up the word 'consistency' in Webster's Dictionary before layout out all your site pages. The user should not be confused with a different page design every time they click to a new page. Contributed by: Chris Irwin Commandment 23: Thou shalt use thy Spell Checker. Contributed by: Danna Griego www.pinkflamingodesign.com Commandment 24: Thou shalt see a doctor and get rid of it if thou sufferest from "Pop-Up Window Madness". Pop-ups are not meant to be used as a way to get to the next page. Contributed by: Rich Rodecker www.testa.com Commandment 25: Thou shalt optimize thine images contributed by: Ann Schwartz Commandment 26: Thou shalt not use the same Photodisc photos that everyone else uses. Contributed by: Mark Priestap Commandment 27: Thou shalt attempt to design pages that look great on low-end or high-end systems. To achieve this is truly a sign of divinity. Contributed by: Mark Kathmann www.kathmann.com Commandment 28: Thou shalt not use frames unless there is a need.
Add comment

Comments

gravatar mikehussy: Thanks for your insight for the great written piece. I am glad I have taken the time to read this.
Used Toyota Belta | Toyota Hiace 4WD | Used Nissan Tiida

April 27, 2012

Php5_zce_logo

Upcoming events

I will be speaking 05-06-2012: Forum PHP
I will be attending 06-06-2012: Symfony Live Paris 2012
I will be attending 07-06-2012: Symfony Live Paris 2012
I will be attending 08-06-2012: Symfony Live Paris 2012
I will be attending 09-06-2012: Symfony Live Paris 2012
I will be attending 23-06-2012: PHP TestFest NL

Tags

1337 2008 2010 2011 4developers access modifiers accessibility AdaLovelaceDay09 advent agavi agile alfred amsterdam apache api apple article articles atk atkMetaNode audioscrobbler autoloading automation azure backwards compatibility barcelona barcodes bash bbc bbq beatstad belgium best practices bittorrent blogging blogs boards of canada book books bughuntday bundle caching cake cal evans calendar career cat cerf certificate cfp cilex clear cms cologne common sense communities community components composer conference conferences contest continuous integration contribute contribution crisis css curl custom d-day datetime DbFinderPlugin decorator decorators deployment deps devdays development directoryindex directoryiterator docblox doctrine documentation download dpc dpc09 dpc10 dpc11 DPC2008 dreamhost drupal dv7 eclipse ed editors efficiency enterprise errors event events expertise ezcomponents facebook filter-branch filteriterator finland flickr fork framework frameworks freelance freeze frontend fun game games geoip germany getting real git github globiterator gnome-do google google calendar googletalk graceful degradation hack hackers hidden gem hiphop howto hp HR html http i386 ibuildings icann ide ideasofmarch idm imovie inclusivity indy ingewikkeld integration international php conference internet interview ipad IPC ipc ipc08 ipc10 ipc11se iterators iterm2 javascript jenkins jenkins-php job job openings jobeet john peel joomla joomladays kiva kubuntu launcher launchy left on the web libcurl libraries library lighttpd lime linktuesday linux live london loudblog m2ts mac magazines malware mambo marjolein mediterra meeting meme meta methodology micro-financing microframework microsoft migration movie music mysql namespace namespaces netbeans netherlands newsfire nllgg northeastphp nos odmarco open source opinion ORM osx paradiso paris partnership pavilion pear pecl performance personal pfc10 pfc11 pfcongres pfcongrez pfz photo php PHP php5.3 phpabstract phpazure phpBB phpbb phpbelgium phpbenelux phpbnl10 phpday phpdoc phpdocumentor phpgg phpitalia phpnw phpnw08 phpnw11 phpstorm phptek phptek09 phpuk2009 phpUnderControl phpunit php|architect php|tek podcast politics portability postcrossing presentation presentations private projects protected prototype PSR-0 public python qa qr codes re2c recruiting refactoring review rewrite ruby on rails san francisco schedule scifi script security sensio seven things sfdaycgn sflive2011 shell scripting silex simplexml slides smfony software sogeti solar sound speakers spl ssh standard standards star trek static steer strings stylesheets subversion symfony symfony live Symfony2 symfonycamp symfonyday symfonylive symfonyUnderControlPlugin talk talks tech techademy technology techportal tek09 telecommuting terratec terrorism testfest testing textmate textpattern the right tool timeout tips tld todo tomas tools training twig uncon unet usability usergroup validation vhost video vim vinyl virus warp webinar weblogging webservices wiki windows winphp women wordpress work workshop world world of warcraft wpi writing wunderlist xml xpath xsd yara year youtube zc11 ZCE zemanta zend zend framework zend server zend studio zendcon Zend_Form zite
© 2004 - 2012 Stefan Koopmanschap + Powered by Symfony, photos powered by Flickr, links powered by Delicious, Shanghai smilies by Iconbuffet. Feeds: rss / atom. Left on the Web v4.4.0.1