Welcome to Office Zealot Sign in | Join | Help

Top Web Development Mistakes

OK, here's my "must read" article of the week... "Top Web Development Mistakes" by Jim Rapoza in eWeek Magazine.  The author provides a list of 15 things NOT to do when developing a website.  Interestingly, many of these fit nicely into conversations I have with folks trying to build MOSS-based intranets and extranets.  Take a look at the list then at your intranet/extranet and see how well you've done (or are doing).  Not all may apply but I argue that this 5 minute exercise will cause you to make at least one change...

The article is located at http://etech.eweek.com/content/web_technology/top_web_developer_mistakes.html but the page forces you to go through a slide show.  Below is the condensed list (provided by the author in reponse to the original article format).

1) Click, Click, Click - This is great, someone is at your site and they're ready to make a purchase. Here they go; one click, two clicks, three clicks, just one more! And.... they're gone. Maybe if they could get to where they wanted to go right away you would have made a sale.

2) Just Click on the Magic Compass - It's great that new web technologies make it possible to add lots of cool new navigation and interaction techniques. But don't put access to important features and content behind a strange graphic or icon. People know how links work on web pages. Some icons might as well be in elvish.

3) Don't be too Graphic - The Following Web Content Contains Massive Image Files and Graphics That May not Be Suitable For Visitors With Anything But the Fastest Possible Internet Connections. Toning Down the Giant Graphics Files Is Advised For Site Developers.

4) Registry of Lost Web Sites - The legend of the Invisible Web Site. Unseen by search engines, web users or anyone who might actually use the services of the website. It uses the magic of enforced site registration to keep its valuable content hidden from all who might want to use it, especially those who want to give the owners of the site some business.

5) Sticking to the Script - Scripting languages are so useful. They make it possible to do lots of cool things in web design. Click this link for an example. Mmm, getting a script error. If only there was some other way to link to content, you know like an HTML link. Don't use scripting where HTML will work just fine.

6) Too Rich - Animation is great, when it comes to Saturday morning cartoons. On the web too many animations, Flashy graphics, spinning graphs and windows popping in your face is sort of like a sign saying, "Stay away".

7) Welcome To Our Site "image placeholder" - Here's a great idea for the budding web site and application developer. There's this technology that makes it possible to display information to visitors and users. It's called Text! And unlike images and animations used where text would work just as well, text will always show up.

8) What's Your Color Scheme? - Whoa, trippy man. I love the way the orange text looks on that purple background. Dude, that financial firm is just going to love this site design. Or probably not. Unless you're designing for a jam band or some other client that likes wild colors, stick to color matchings that are pleasing to everyone.

9) Directionless Navigation - Wow, this site looks like it has lots of great content and products. But where is everything? Can't find related content? Where's that thing I saw the other day? I'm lost! Users of your web site shouldn't need a trail guide. Make navigation clean, simple and easy to find.

10) Can We Table This For Now? - Aren't tables great! They provide so much flexibility when laying out web content. And it looks so nice, at one specific resolution on one specific browser. At other resolutions, yuck! When using tables make good use of percentages and make sure the design looks good on all users screens.

11) Sloppy with Text - Wilcom too my grate neww web apliccatiun. Im a perfessinal web dervelper! The greatest coding skills won't help if your web content is full of misspellings and poor grammar.

12) Click Here for Click Here - This is such a nice web application that you've built. It will really help our business deploy content to the web. And look it automatically creates links that say things like "Click Here", "More" and "Continue Reading." Now how do we change those to something more descriptive? We can't? Don't call us, we'll call you.

13) Putting up a Velvet Rope - This is such as cool web site, can I come in? Oh, you only let in people from the IE click? Us Safari geeks aren't welcome? And I was going to spend so much money. Don't you know that browser-specific web sites and applications are like so five years ago?

14) This is a Web Site, Right? - Now this is what I call a content rich site. Look at the useful information here. Let me click here, wait, this is a PDF document, and this is a Word document. I thought this was a web site, you know, something I could view in a web browser.

15) Over-crowding - You know, when people say that something is like finding a needle in a haystack, they don't mean that in a good way. On the web, too many links and other components can make it hard for a visitor to find the content that they want.

Published Thursday, September 20, 2007 3:03 AM by Mauro

Comments

# ThemePassion - Best stuff about design! » Top Web Development Mistakes

# Ayaz’s Blog » Blog Archive » Top Web Development Mistakes

Thursday, May 20, 2010 12:29 PM by Thinkpad Sl300 Downloads Drivers, L300 Blub

# Thinkpad Sl300 Downloads Drivers, L300 Blub

# Dell Latitude D810 Precision M90 Parts, Precis Model United Nations Framework Convention Intergovernmental Panel On Climate Change Ipcc

# Gmc S15 Jimmy Review, V1500 Cars All Pre Owned Used S15 Jimmy

Thursday, May 20, 2010 9:37 PM by Clk430 Ford Used, Clk430 Discount Bumper E55 Amg

# Clk430 Ford Used, Clk430 Discount Bumper E55 Amg

Friday, May 21, 2010 2:30 AM by 780i P3500 Van Episode, 780g Integrated

# 780i P3500 Van Episode, 780g Integrated

# Cooling System Mazda B2300 Radiator Hose, B2300 Hid Kit Compare

# 280sel Membrane, Headlight Mercedes Benz 280se Sl55 Cls55 Amg

Friday, May 21, 2010 4:23 AM by 300sdl Custom Clk55 Amg Mercedes Benz, 300sdl Send

# 300sdl Custom Clk55 Amg Mercedes Benz, 300sdl Send

# 1997 Mercedes E420 Parts Tail Light, Mercedes Benz E420 Discount Ml55 Amg

# W350 Episode Companies, Mercedes Benz 350sdl Parts Belt Tensioner Brake Caliper

Friday, May 21, 2010 4:20 PM by Cougar Discount Buy Baby, Cougar Discount Buy Baby

# Cougar Discount Buy Baby, Cougar Discount Buy Baby

# Ce500g 12tc Express Series, Compaq E500 Dvd Rom Drive

Friday, May 21, 2010 4:50 PM by Sd450 Ford, D450 Lease Speakers

# Sd450 Ford, D450 Lease Speakers

# Motors Air Conditioning Electric Fans, 1997 Ford F 150 Specifications

Friday, May 21, 2010 8:46 PM by Spectrum Health Jobs, Spectrum Inexpensive

# Spectrum Health Jobs, Spectrum Inexpensive

Friday, May 21, 2010 9:45 PM by E500 Cheap Evolt, E500 Replacement Us

# E500 Cheap Evolt, E500 Replacement Us

Friday, May 21, 2010 10:04 PM by Fujifilm Finepix E550 Preis, E 450 Full E550

# Fujifilm Finepix E550 Preis, E 450 Full E550

Friday, May 21, 2010 10:48 PM by V40 Led Mirror, Volvo V40 Headlight Wiper Blade

# V40 Led Mirror, Volvo V40 Headlight Wiper Blade

Saturday, May 22, 2010 4:08 AM by Homes For Sale In El Reno, Parts Stores Reno Nv

# Homes For Sale In El Reno, Parts Stores Reno Nv

Saturday, May 22, 2010 4:31 AM by 1969 Ford F100 Forum, 1960 Ford F100 Custom Cab

# 1969 Ford F100 Forum, 1960 Ford F100 Custom Cab

# Villa Caprice Fort Lauderdale Hotels, Caprice Sheet Music Alto Sax Repertoire

# Cramolin D100s 2, D100 Used Classified Listings Dodge Ram 3500

# Oldsmobile Starfire Used Car Classifieds, Starfire Episode 1962 Oldsmobile

Saturday, May 22, 2010 6:03 PM by 1 Msrp Saturn Relay, Volkswagen Wiring Headlight Relay

# 1 Msrp Saturn Relay, Volkswagen Wiring Headlight Relay

# Chrylser Full Episodes, Chrylser Imperial Radiator Transmission Oil Cooler Replacement

# Cozy Mark Iv Builders Canard Aircraft, Suburban 2500 Aftermarket Air Flow

Saturday, May 22, 2010 8:25 PM by Versailles Cover, Versailles Map

# Versailles Cover, Versailles Map

Saturday, May 22, 2010 8:28 PM by Kazaa Aftermarket, 560sel Aftermarket Huge Buy

# Kazaa Aftermarket, 560sel Aftermarket Huge Buy

# Arrow Europe, Arrows Recurve Bow Hunting - 71.myipgirl.com

# 380sel Instruction, 300sd Removal 380se 380sec 380sel 500sec - 175.akemet.com

# 1996 1998 Toyota Paseo Parts, Libro Paseo Reforma Paco Ignacio Taibo Ii - 58.1fh.org

# Superduty V10 Performance Parts, V10 Used Pre Owned Chevrolet K30 - 200.mfbattle.com

# 1999 Millenia S, Millenia Part Surgery - 159.rkwrh.com

# Ford Ranger Second Hand Number, 1998 Ford Ranger Used Parts - 150.1fh.org

# Cars C220 Oxygen Sensor, C220 Sale C230 Kompressor 2002 Mercedes Benz - 130.1fh.org

# 626 Performance Mazda Rx8, 2004 Mazda Rx8 Mpg - 368.jordanbrandallamerican.com

# Hyundai Elantra Overheating, 1999 Hyundai Elantra Headlights - 367.unlockiphone30.net

# Mercedes Benz Ml63 Amg Pt Gross Vehicle Weight Rating, Ml63 Used Honda Cl55 Amg - 229.tgrconversions.com

# Lw1 Radiator Ls2 Replacement Saturn, Lw1 Glub - 350.mfbattle.com

Thursday, March 10, 2011 4:23 PM by Dark Under Eye

# Dark Under Eye

Wednesday, April 20, 2011 2:40 PM by traffic travis overview

# traffic travis overview

Anonymous comments are disabled