Error Pages That Don’t Suck

November 3rd, 2008

Chances are, your error pages are atrocious.  They scare the bejeezus out of surfers and almost immediately cause them to hit the browser back button.  Depending on your business model, you could even be losing money becasue of it.

Most error pages are loaded with technie crap and don’t really provide relevant, actionable information that can help a user resolve their issue.  Here is an error page I created for a client who runs a subscription based e-business.  The idea of this error page, was to turn curious surfers clicking innocently clicking links, into leads.  Rather than an “Access Denied!” screen, we presented this:

Overview: This is page that is ONLY displayed to users who aren’t signed in.  They might’ve forgotten to log in, or perhaps they don’t yet have an account and click on a “members only” button.  The general copy points are simple and friendly.

  1. Easy Identification. It’s important that users be able to know, at a glance that they’ve reached an error page.  This helps them quickly orient and move on.
  2. Friendly Copy. The writing style is casual, for a reason.  A little bit of humor grabs their attention and underscores the main point: “You’re not in Kansas anymore.”
  3. Reassurance. The point of the sub-heading, is to give more context and introduce the idea that the problem can be fixed very easily.
  4. Obvious Buttons. For any users who have seen the page before, or who might already know what the problem is, the buttons on the bottom make it easy to skip to the next step.

That bird was delicious.

December 11th, 2007

Christmas Wish List.

December 7th, 2007

Someone, buy this for me.

fluxcapacitor.jpg 

Amazon’s Revolutionary Wireless Reading Device.

November 28th, 2007

amazonheadline.jpg

Posted, front and center on Amazon’s homepage is a little ad for their new device, the Kindle.

The headline reads, “Introducing Kindle: Amazon’s Revolutionary Wireless Reading Device.”

My one word reaction: “Yawn.”

They didn’t tell me anything useful. What they did, is leave their real headline hidden in the body copy.  If you take a second to read on, despite the fact that their headline wasn’t gripping…  You find the line “Instant Access to over 90,000 books, blogs, newspapers and magazines.”

That sounds much more interesting, doesn’t it?  It even spotlights a benefit that Amazon.com site visitors would be interested in, instant access to information.

Make sure your headline isn’t buried in your body copy. 

Call Me The Reverend Timothy Uhl.

September 2nd, 2007

thereverendtimothy.jpg

Have I decided to write and produce a new rap album? No. Did I spend 4 years in Bible College? Almost, but no. What I did do, was fill out a form on the site belonging to the Universal Life Church to become an ordained minister. Being that I have a pulse and the ability to type in a form - I qualify. I’m now legally able to perform marriage ceremonies, baptisms, funerals and circumcisions. Okay, well, technically not circumcisions… yet. :)
So why did I do it? Because it took minutes and it was free. The internet just gets better all the time. Have some fun with it.

How to catch someone stealing your web site content.

September 2nd, 2007

I recently discovered that some SEO content from one of my sites had been used on another competitor’s site. This prompted me to check my blog for infringement, and yep… I found some there too. After researching some methods for finding thieves, I thought I’d share that information with you…

1. www.copyscape.com
I’m sure many of you have heard of this. This is a search engine that will help you catch the thieves red handed. Simply type in your URL and it will bring up any sites that are just too close for comfort.

2. Google Yourself.
Cut and paste unique content from your site and search Google. Put the search phrase in between quotation marks so that you only get exact matches. Do this for many of the pages on your site. Google has the largest index and can quickly find matches for your search on your site and someone else’s.

3. Check Your Traffic Stats.
I use Google Analytics (free AND robust). Sometimes lazy thieves won’t be smart enough to change all of the links in their content so that they’re not sending people to your site. This was how I caught my perp. I saw some traffic flowing from their site and checked out the link to see what was what.

What should you do if you find someone stealing your stuff?
It depends on the severity. The thief I caught only took minor content pieces, which ultimately wasn’t too detrimental to my business. I wrote a polite e-mail, pointing out the plagiarism, empathizing that writing content can be tough but also asserting my ownership of it and asking kindly that they rewrite their content. I got back an apology and a pledge to take the content down, which happened quickly very quickly.

On Window Resizing…

August 30th, 2007

Why is the window resize frowned upon by usability savvy designers? There are two main reasons, both of them have to do with mental context.

1. Web surfers like to feel that they’re in control. An unexpected window resize can, to some, mean that they’re losing some of that control. This is the exact reason that pop-ups are despised. An action that takes place that the user doesn’t expect is usually not good.

2. Many web surfers are multitaskers. They’re browsing, reading e-mail, etc. This is especially true where people are likely to be browsing at work. A fullscreen window resize makes that multitasking much harder to do. What do people do to barriers in their productivity? They get rid of ‘em.

If you don’t have a window resize, you’ll offend no one. If you do have one, I’d be willing to bet there are a chunk of people who have a knee-jerk reaction to it.

Here are my recommendations, in order of usability friendliness.

1. Remove the fullscreen resize, let browsers surf how they prefer to surf.

2. If you MUST have a window resize, have it only take over 80% of the screen, instead of 100%.

3. If it has to take over 100%, make sure you don’t hide the resize tools (on a mac, windows machines won’t have this problem) so they can make it smaller if they prefer.

4. If nothing else, put a (Fullscreen View) link below “Enter Site” so that surfers know that their window will be resized. This helps to make it less shocking.

One Designer’s Vision…

June 1st, 2007

Question: What will happen if you ask for someone’s opinion on a composition?
Answer: They’ll give it to you.

I’ve been involved in a project for a company based out of New York. I presented my client with a mockup composition for sign-off. After several days, I received a list of collective input. This was feedback from the secretary, the CEO’s wife and others at varying levels in the company. Many of the changes to the design were menial, and collectively would compromise the composition. We’ve all heard the maxim that “a camel is the horse, designed by a committee.” Here is my bold headlined argument…

One designer’s vision has more power than ten people’s opinions.

Why? I’ll tell you. If you’re a good designer, you take the time to understand your client, their product/service, their target audience, and the overall goals of the project before you ever start designing. At that point, your creative is bound by those constraints. More than putting together good looking artwork, you’re solving communications problems and creating compelling visual and verbal messages.

A designer will have a much more complete understanding of the project than others. They will take the time to find inspiration, and they will understand (with great insight) all of the elements that need to be brought together to make a piece work. The design decisions they’re making will be well informed, and based on years of experience making design decisions with goals and target audience in mind.

This is why one designer’s vision, is much stronger than ten opinions. Your friend, father, wife or secretary hasn’t gone through the same mental exercises to focus on the project and its goals. Their feedback often stems from personal preference, rather than a well-thought-out analysis of your target audience’s personal preferences. In addition, they may not understand visual communication, color psychology, typography, page layout, usability and other factors that influence a good designer’s decisions.

You wouldn’t form a large corporation, and then ask your friends and family to sit on the board of directors to make decisions that will effect the company’s future. You would want experts in business with specific industry experience to steer the company. Why is design not treated in the same way?

Client input and feedback is valuable. Many client generated ideas might fit within the parameters of the project’s goals, and should be incorporated. However, much of the feedback may be given simply because it was asked for, and not because it was needed. If you really do trust your designer, allow him to make the executive decisions on your behalf. The success of your project is directly related to the quality of the decisions that compose it and you hired a professional for a reason.

P.S. Glen, thank you for letting me publish this. I think it might help a few others avoid some of the pitfalls we discussed. I’m going to incorporate it into my presentation for new clients to help educate them up front. Again, thanks.

Site Of The Day.

May 24th, 2007

DailySlurp.com (closely affiliated with DesignMeltdown.com) has got my site listed as site of the day. My traffic spiked today, and so I decided to check it out. I’m stoked..!

siteoftheday.jpg

PS - TheDailySlurp is a great design inspiration resource site. If you’re on my site today, chances are you just came from there. However, if you’ve never seen it before, I highly recommend it!

Religion & Web Design.

May 10th, 2007

You don’t often see religious organizations with solid Web sites. In fact, it’s a rarity. I would assert that some of the worst sites around are often owned by a church. The LDS Church is way ahead of the curve. Not only is their new site very well designed, it’s also delivering very strong communication.  I was getting some of my recent work listed in design resource sites, when I found Mormon.org recognized for its aesthetic appeal.

The site is an excellent blend of technology, design, and writing. This is one of the best executions I’ve seen for spreading ideas online.

mormonwebsite.jpg

A couple of notes about the site, and why I think it will be a success.

  1. The messages are simple.
  2. The content is compelling, everyone questions their existence at one point or other.
  3. The message matches the medium.  Testimony is much more effective when delivered in person since passion and conviction can be conveyed through body language, facial expression and inflection.  On the web, the next best thing is video.  If these were simply paragraphs to be read, they’d have had a fraction of the cognitive and emotional impact on viewers.
  4. The site leverages “storytelling”.  One of the popular trends in marketing right now, is telling stories as a means of delivering a message.  That’s exactly what’s framed into the testimony.
  5. The design is elegant, professional and simple.
  6. The experience is guided.  Users are clearly directed into the video library.
  7. An online message is very easily shared.  Even without the “Send An E-Card” and “Share This Page” buttons, site visitors would still likely pass the URL around.

I wonder if other churches will get as serious about their Web sites.