How To Design a Website That Won’t Piss Everyone Off

by Dan Martell on Nov 12, 2010
291470015_189e67bc22

Remember back when this whole internet thing really took off, and any fool with an Angelfire or Geocities account could make a website? Those were the days: gaudy fuschia backgrounds with florescent text, run-on sentences, flashing buttons, automatic music players, frames that didn’t work — it was a time of great experimentation (and great failure), and I don’t know about you guys, but I’m pretty glad it’s over (for the most part, anyway. There are still some pretty bad offenders out there.)

Share this post

Unless you’re competing for an illustrious “Worst Website Ever” designation, here are some tips to avoid design that seriously pisses people off (remember, good design is good business):

Make It Readable


Source

Don’t use images as backgrounds (especially if they’re patterns — please avoid them at all costs), and if you can avoid it, don’t put red text on black. White backgrounds are probably your best bet, unless you happen to be the Tim Gunn of web design and you possess your own magical calculus for this sort of thing (in which case, what are you doing reading this, anyway?). Avoid lots of text — and if you do get occasionally wordy, make sure to break it up with lots of white space. Use a normal font size (you usually can’t go wrong with making it a bit big, but too small is always a no-no.) Oh, and no Comic Sans, please. This isn’t your grade school book report cover.

Avoid Flashy Multimedia — Or At Least Tone It Down

Source

The number one cardinal sin of web design: too much content on the page. A webpage shouldn’t be flashy enough to induce a seizure in anyone, even your arch competitor. Java scrollers, GIFs, autoplay, talking images, counters, bouncing balls, whatever. I don’t care if your very best friend in the entire world designed an extra-special customizable sparkly doodad just for your site — kill it dead, now, and lock it in an internet vault somewhere. Keep it simple, and remember that content is king. All that other stuff just distracts people, and it’s ultimately bad for business; especially if it’s maddeningly ugly.

Make Content Immediately Available

Source

If I have to click through a graphic, a mission statement, and two pages of customer testimonials to get to what I’m looking for on your site, then I’m probably too pissed off to buy anything at this point anyway. Try to keep everything organized on as few pages as possible, and get straight to the point (i.e., no splash or “welcome” pages.)

If You Can’t Build It, Use A Template

Source

Some wise man once said, ‘Those who can’t do design, use templates.” It’s true. If you can’t design, or can’t find a decent contractor, then it’s template time for you. WordPress is a popular platform, and a quick Google search shows a number of different options, as well. Content Management Systems like Joomla are easily customizable, and are a good back-end system for sites with a ton of information to organize. They’re low-cost, user-friendly, and professional.

Make Navigation Easy

Source

To reference Tim Gunn once more, you have one job in your design: “Make It Work.” Make sure to have a menu on every page, and have a way to get back “home” on every page, too. Be sure to make this clear as some users don’t realize that simply clicking on the company logo will take them back to the home page. Don’t forget to put your contact information (address, phone, fax) on the top or bottom of every page, as well.

Use Decent Graphics

Source

Here’s a shocker: Microsoft Clip Art doesn’t impress anyone. If you must use graphics on your site, use them sparingly; and for the love of everything good and true in this world, use quality ones (nothing blurry, nothing tasteless.) You don’t need to hunt for the web graphic equivalent of a Michaelangelo original, but putting some thought into your image presentation certainly won’t kill you or your business.

Make Your Site Accessible to Everyone

Source

If you want a wide audience, your site will need to be compatible with as many browsers as possible. Don’t make your page too wide — make sure your design can fit in an 800 x 600 screen as well as a 1024 x 768 one. Set a line-length limit as well, as some users’ browsers won’t expand to fit your content. Rather than being angry and/or shunning a customer with somewhat antiquated technology, be flexible. You’ll do better business that way.

So there you have it — if you stick to these handy design tips, you’ll likely avoid pissing anyone off (except maybe your mother, but she’s never satisfied with anything you do anyway.) Good luck designing your masterpiece!

  • http://twitter.com/pickettwrites Pat Pickett

    Thanks so much for this! I’m going to have to share it with everyone I know … I am constantly shocked at the number of “crap websites” I continue to encounter. It’s so disheartening to hear entrepreneurs talk about how much money, time and energy they have sunk into their website … and it turns out to be a big, flaming pile of poo.

  • Davide

    Nice article flowtown, but I would think a site stressing the importance of accessibility and working in a variety screen resolutions would have a mobile friendly style sheet.
    The web really needs to start changing, we have got a lot of work to do web designers!

  • http://twitter.com/BSitko BSitko

    Really excellent suggestions. I think another one is to keep mobile and regular internet sites separate. Don’t dumb down your site to account for mobile. Redirect them to a different version to accommodate the smaller screens and compatibility issues.

  • Jane

    What’s pissing me off: your vertical row of social media sites on the left, there, jumping and skittering to keep up with me as I scroll so at any single second I can “share” this site. Do you not realize how irritating that is?

  • http://fjhat.com Joshua Hatfield

    I was just replying to a comment about how annoying the share column is on the left and I couldn’t. Now I understand why, you deleted it!

    I was going to say he’s quite right, and that social media can be handled differently. That was a mistake on your part to dismiss criticism that could’ve essentially helped you.

    Now more of my opinion on the deleted comment. FlowTown is now in my array of distrusted blogs and web apps. A comment on a post isn’t bad press, it’s honesty. Tell your boss it’s kind of funny to censor those things, when your app basically digs up information. I’m not recommending you to anyone and I’m definitely posting a screenshot of the before and afters to a few places.

  • Randomquestion

    Why does the social bar thing look like a turd?

  • http://ethanbloch.com ethan

    Josh,Appreciate the feedback on the social bar. We don’t have bosses we’re just 6 people ;-) His comment wasn’t removed due to the feedback, but instead how he shared it. It was rude and there’s a better way to conduct oneself i.e. your comment.I think Tim Ferriss has said it best re: moderating the comments on your blog:”Remember what Fonzie was like? Cool. That’s how we’re gonna be — cool. Critical is fine, but if you’re rude, we’ll delete your stuff. Please use your PERSONAL name or initials and not your business name and do not put your website in the comment text, as both come off like spam. Have fun and thanks for adding to the conversation!”As I said – definitely appreciate the feedback – can you elaborate more re: social media can be handled different?

  • Devsoft

    Most true but not at all =)

  • http://www.correresmidestino.com Zhu

    The share column on the left IS super annoying!!!!

  • http://bojanbabic.blogspot.com bojanbabic

    most valuable info on post is discovery visibli

  • Rr

    fake

blog comments powered by Disqus
Get Email Updates (It's Free)
One email a month, with unsubscribe, & no spam. Ever.