Archive

Archive for the ‘Website Design’ Category

Simplicity in web design

May 6th, 2009 No comments

When browsing the web on a daily basis you may come across a website or two that is extremely functional, easy to use, to the point, and visually appealing. Why are there only a few of these sites out there? Because the people that create them understand the key to web design and the key to customers, or viewers. Simplicity is the key. Yes, web design allows us to express ourselves through code and graphics. However, being over expressive and going far beyond what the web site needs actually hurts the web site in general.

An elite graphic designer may ask – How so? More graphics = longer load time is how. Ever sit and wait for a web page to load? We want them to be on our screen fast! Your viewers don’t have time to sit there waiting and waiting for your site to load. So make it easy on them so they keep coming back. Optimize the amount of graphic detail you need. This includes flash and even scripts too. Go through your HTML code, and make sure you aren’t cluttering it up with things that are unnecessary.

Once your site it optimized for easy viewing and browsing, think about the content that you are presenting. Is your site user friendly? Does it encourage feedback, interaction, etc? An easy way to keep traffic interested in your site is by adding a simple poll or perhaps a comment box. Something that makes the viewer feel as if they are important. Make your written content easy to read and understand. A confused customer is a lost customer

Browser compatibility is a big issue nowadays, with so many new free browsers available to download. What you want to keep in mind however are the big name browsers. If your site is compatible with internet explorer and mozilla firefox, you should be OK. Two other big name browsers that are used by a lot of people however are Opera and Netscape. You may want to take those browsers into account when making your site compatible and easy to access from a variety of platforms.

Last but not least one of the often overlooked parts of a web site is the mission statement, or detail of what the company or website provides. Often I look at company websites and the mission statements, or greetings are stale and boring. I lose interest in the web site even before I reach the second page of content. That’s not a good sign. In order for your viewers to understand your website and your ideas you have to communicate with them. Your goals should be explicit and easy to comprehend. They should be simple and appealing. This is really the part of the website that hooks the user and lets them know that your website is legit, as are your intentions.

Categories: Website Design Tags: ,

How to Find Inspiration From Your Environment

April 28th, 2009 No comments

As a designer, we all have experienced the hard time of finding new ideas and inspirations. That’s why Nick La from WebDesignerWall has chosen to talk about this topic in his presentation at the FOWD conference. In this post, he has done a recap of the keynotes – Finding Inspiration From Your Environment. Read on to find out how his work habits and environment influence his design.

inspiretion

Next time you are outside, try to pay more attention to you environment, you may find a lot of interesting things that you can incorporate into your design. Enjoy your life and design more beautiful things!

Best Web Design Gallery?

April 7th, 2009 No comments

There are a ton of web design galleries available on the web, and we’d like to know which web design, CSS/XHTML, Flash gallery you frequent the most to get inspiration and your creative juices flowing.

snobby_slice

Two prizes to give away!

To make things interesting, SnobbySlice, a top-notch PSD to XHTML service for coders and by coders, is offering two lucky winners a 2-page PSD to XHTML/CSS conversion service, a $498 value. Two participants of this survey will be selected at random to win their excellent PSD to XHTML service. You can see the SnobySlice prices here.

How to vote

To vote, simply leave a comment below in the following format:

vote: http://urlofwebdesigngallery.com

For example, my personal favorite is The Best Designs, so my vote would be: vote: http://www.thebestdesigns.com/

The details
  • You must leave a valid email address when filling up the comment form so that we can contact you if you’ve won.
  • You can only cast your vote once.
  • Contest ends on April 13, 2009, after which comments will be disabled.
  • Winners will be selected at random using a MySQL query similar to other contests.
  • Format your vote as specified or you risk the chance of not being able to participate.
About SnobbySlice

SnobbySlice takes your design, in many formats, and then converts it into “code” which makes it ready for the web (XHTML/CSS). They promise high-quality, rapid, timely, and very competitive prices for all projects they partake in: here’s where you can learn more about their services.

How to create a good enough website

April 1st, 2009 No comments

For most people, that’s all you need. A website that’s good enough. Not that breaks new ground, establishes a new identity, discovers new ways for people to interact online. Just a good enough website that didn’t kill you to launch.

To be clear, the following advice assumes that:

  • You’re not trying to reinvent the idea of a web page–that the page is a means to an end
  • You work with other people

So, here’s what you do. First, realize that traditionally, the job of designer has been linked with the job of programmer. There were very good reasons for this. Designing a page that can’t work is silly, and changing the design every time you change the way the page works can be time consuming and expensive.

As a result, web design became a sacred art, one done only by the blessed few, in caverns far away from where mortals tread. In addition, it became expensive, because design changes (which marketers love to make) got in the same queue as programming changes.

We need to start by divorcing the two practices. There’s no longer a really good reason for the two to be so closely linked, especially since disciplined use of CSS and testing pays such dividends.

Start with design. Don’t involve the programming team until you’re 90% done with the look and feel of your pages. It’s cheap to change design if it can’t by supported by programming, and cheaper and faster to have design done in Photoshop before you commit to cutting it up and coding it.

I’m going to go out on a limb and beg you not to create an original design. There are more than a billion pages on the web. Surely there’s one that you can start with? If your organization can’t find a website that you all agree can serve as a model, you need to stop right now and find a new job.

Not a site to rip-off, but an inspiration. Fonts and colors and layout. The line spacing. The interactions. Why not? Your car isn’t unique, and your house might not be either. If you’ve got a site that sells 42 kinds of wrapping paper, why not start by finding a successful site that sells… I don’t know, shoes or yo-yo’s… something that both appeals to your target audience and has been tested and tweaked and works. No, don’t pick a competitor. That will get you busted. Pick a reasonably small but successful site in a totally different line of work. Say to your designer: "That’s our starting point. Don’t change any important design element without asking me first. Now, pull in our products, our logo and our company color scheme and let’s take a look at it."

At this point, some people are aghast! Shouldn’t the web be a design contest on top of everything else? I don’t think so.

Now, take your finished Photoshop pages and get every single person who can possibly veto your project to say okay. THEN give it to engineering to make it work.

[Boy, am I in trouble. People hate posts like this one. They read all sorts of things into it that I don’t intend. I’m certainly not against bespoke design, or designers. I certainly don’t believe that all engineers are bad designers or even difficult to deal with. The point of the post is most definitely not to encourage you to commit copyright violations or even ethical ones. It merely works to recognize two things:

1. If you are unable to agree on an existing site, you are sure going to spend a lot of time and money trying to agree on a custom one.

2. The process of design and user interaction is best done separately from the process of server speed, database structure and uptime.

Categories: Website Design Tags: , ,

10 things a web designer would never tell you

April 1st, 2009 No comments

Working with web designers is a nightmare. You will never meet a more opinionated bunch of snobs. They are always going on about ‘white space’, ‘composition’ and how they went to art college (like that counts as a proper education!). When it comes to choosing the design of your site, they are the last people you should listen to.

What follows are 10 things you need to know about managing a web design project, that no web designer will ever tell you!

1. Always request speculative design up front

Before you pick which web designer to work with make sure they submit some designs for your site upfront. Whatever you do, don’t pay for this work. If they really want to work with you they will swallow the cost.

Some of them might start bleating about not doing ‘speculative design’ and that only designers desperate for work would do design for free. Personally I ignore this BS. If they are ‘so successful’ that they can’t spare the time to do unpaid work for me, then I don’t want to work with them.

What is great about speculative work is it is not constrained by ‘understanding the business’ or ‘user feedback’. Its all about creativity. Surely a good web designer can come up with great work out of thin air, even if they don’t know who the target audience is and have never spoken to the client. I want something that makes me go wow. Who cares if it ‘fulfils my business objectives.’ The more bells and whistles the better!

no_space

There is actually a campaign against doing speculative work on projects. Can you believe that!

2. Don’t get hung up on end users

Web designers are always obsessing about the end users. They worry that users won’t like this or that they won’t understand that. Its pathetic.

People like to be told what to do and they will ultimately follow your lead. I once had a web designer complain because I wanted to collect users phone numbers on a sign up form for our newsletter. Apparently ‘users’ don’t like being asked for unnecessary personal information. Can you believe it! How the hell am I going to cold call these people if I don’t have their phone numbers. Sometimes you wonder how these idiots survive in business.

Instead of focus on user needs, focus on what you can squeeze out them. Times are tough these days and so you need to maximise your returns on every one of these sheep. You have to be tough in business.

asta

You have to admire these people. Before users can watch a demo of their product, the user has to provide contact details.

3. Rely on your gut instinct, not testing

Talking of users – what is this obsession with user testing? Just sounds like a way for web designers to charge more money if you ask me.

After all you have probably been working in your job for years. You know all there is to know about your audience, right? Even if you did run user test sessions, stakeholder interviews or whatever other made up technique is the latest fashion, its not going to tell you stuff you do not already know.

Admittedly, these sessions occasionally turn up stuff you might not expect, but can you really trust the results? Surely your years of experience count for more than a few hours of testing.

Of course, the other problem is that user testing is massively expensive. I heard from a friend that it involves usability labs, videos, two way mirrors and ‘facilitators’ (whatever those are). That all sounds pricey to me!

Some web designers will tell you that they do it by going into user’s homes and talking with them in their own environment. They justify this by saying you learn more because the user is relaxed and you can see where they live. Personally, it doesn’t sound very professional and if it isn’t expensive, how could it possibly give good results?

useit

useit.com is the website of usability expert Jakob Neilsen. If usability testing produces websites that look like this you are best avoiding the whole thing.

4. Form a committee to provide feedback

Admittedly I maybe sounding a little arrogant, but I really am not. I think it is important to get the opinions of other people. I just think web designers are not the people you should be asking. They live in a techy bubble and do not understand what it is like to be an ordinary user like us.

I suggest forming a committee to approve any designs produced. After all web designers keep telling us that design is subjective. That means you shouldn’t rely on the opinion of just one person (especially if that person is a designer). What you need is a committee to thrash out what the site should look like.

Ideally you would call a meeting with the designer in the room and get them to produce something there and then under the direction of the committee. However, most designers tend to get ’emotional’ when you suggest that. So instead I recommend giving them the freedom to produce something themselves and then discuss it as a group.

Now inevitably this will lead to disagreement. Some people will like the colour, others will hate it. This is natural. What you need to do is seek a compromise that will please everybody. If you can have the designer on hand to try out new ideas in the meeting this will really help. Before you know it you will have a design everybody can tolerate (although admittedly not everybody will like it).

committee

The best way to produce a design is to work together as a committee to reach a compromise that everybody can tolerate.

5. Become obsessed with detail

"The devil is the detail they say. Nowhere is that more true than on a website. Unfortunately you cannot rely on a web designer to have that attention to detail. Its hardly their fault. They are ‘arty’ people after all and their brains just don’t work that way.

If you want your design to be ‘just so’ you will need to micro manage every aspect of the design process. Don’t be afraid to tell your designer exactly what you need them to do. Be as specific as possible. After all, they call themselves pixel pushers.

pixelpusher

Web designers love you to tell them how to design. They even refer to themselves as pixel pushers.

Also insist on consistency across all browsers. Web designers tend to be sloppy in this area. It might look great in Safari (apparently this is a browser – who knew!) but in Netscape 4 it looks awful. They will give you some rubbish about not all browsers being capable of rendering modern design. They will say that as long as it is usable on all browsers, that is what matters. The hell it is! You don’t put up with that kind of rubbish in print design, so why should you on the web?

6. Enforce corporate style guides to the letter

Your organisation has a corporate design guide for a reason and yet web designers think they can flaunt the rules. They will talk about the differences between print and the web. They will go on about colour on screen, web typography and dots per inch. However, the real reason they want to ignore your guidelines is because their egos will not allow them to work within limitations.

You must take a firm hand over this issue and stick to the letter of the law. Enforce pantone numbers and ensure they use corporate typefaces. They might mutter something about limited fonts on the web but this is just not true. I know for a fact that sites built in flash can use any font you want. With that in mind I always recommend that sites are built entirely with Adobe Flash.

Oh yes, and watch out for abuse of the logo. Most style guides say that the logo must have a certain number of millimetres around it to allow ample white space. I recommend taking a ruler and measuring the space around your monitor on screen. Better still, print out the design so you can be even more accurate.

CheatingColor

Renowned web designer Jason Santa Maria is brazen in his rejection of Branding Guidelines.

7. Fit as much on the homepage as possible

Let’s take a moment to discuss the design of your homepage in particular.

Without a doubt the homepage is by far the most important page on your site. If I look at my own website statistics the majority of people who come to my site never get further than the homepage (I have no idea why this is the case!) This is a problem.

The solution is obvious when you also consider the importance of minimising the number of clicks a user has to make to reach content – Put as much content as possible on the homepage.

This also solves the problem of everybody within your organisation wanting homepage real estate. Instead of endlessly discussing whose content is most important, simply put it all on there.

Of course with so much content on the homepage people might complain their content is lost in the crowd. The best solution in such situations is to either make it bigger or animate it. I find flashing text particularly effective.

HavenWorks

HavenWork reduce the number of clicks by putting all their content on the homepage. An effective use of space.

8. Ensure all content appears above the fold

Unfortunately you are limited in the amount of space available on the homepage. This is because all content has to sit above the fold.

The fold refers to the point where users have to start scrolling. As we know users do not scroll. In 1994 Jakob Nielsen found that only 10% of users would scroll when presented with a web page. 15 years on I see no reason why this would have changed.

Some designers will tell you that the fold is a myth. They will argue that it does not exist because different browsers, resolutions and toolbars all effect the vertical available space. All I know is that on my computer I have 470px of vertical space before I have to start scrolling. I am a fairly typical user and so you should ensure all content is within this area.

The only exception to this rule is if your boss has a different amount of vertical space. If he is going to be looking at the website I suggest designing for his browser. Alternatively simply print out the site for his approval.

fold

This clearly disturbed individual is encouraging other web designers to protest against the fold!

9. You only need to test in Internet Explorer 6

Web designers like to claim they need to spend hours testing on every browser combination. However, in reality this is just another way to extract more money from you.

All you really need to do is build the site so it works on Internet Explorer 6.

Internet Explorer is the most dominant browser having by far the largest market share. Although there are different versions of IE most companies run IE6. As corporate customers are the people with the real money you should concentrate your testing on their browser. Also surely if it works in IE6 it will work in IE7! You can trust Microsoft not to break the web.

If you want to be super cautious, add a message to your site telling users it is optimised for internet explorer. Users can then download that browser if they want to see your site.

pearon

Why waste time testing in different browsers? Just instruct your users to download Internet Explorer.

10. SEO is more important than design

Getting the design of your website right is important. However it is no use if nobody sees it. Your number one priority has to be driving traffic to your site.

The best way to do this is through search engines. Fortunately there are a plethora of tricks and techniques to fool Google into ranking you highly. You can use hidden text, cloaking pages, redirects, doorway pages and keyword stuffing to force you up the ranking. Google kindly list these techniques in their Web Master Guidelines.

The problem with some of these techniques is that they undermine the design and content of your site. They can also affect the usability and accessibility. However, this is a sacrifice worth making in order to keep those new users rolling in.

Some web designers place a higher emphasis on repeat traffic. However, in my experience it is hard to get a user to return a second time. This is almost certainly because they have seen everything already. Why would they come back? Concentrate your efforts on creating a steady stream of new users.

bmw

BMW maintained their high quality design (left) by sending Google to a separate keyword heavy page (right). Although this technique eventually led to their site being banned from Google it did prove very successful for a time.

Categories: Website Design Tags:

A Decade Of Web Design In Pictures – 1997 to 2009

March 26th, 2009 No comments

By reviewing what’s changed and what’s stood the test of time, we can make general assumptions of web design principles that will work going forward. Things have moved on in terms of interface design and graphics, some websites more than others. Looking at the examples below sites such as Amazon, eBay and Craigslist have changed comparatively little (Craigslist has hardly changed at all), a testimony to their forward thinking at the time, whilst others such as the Whitehouse have come a long way.

Whitehouse 1997 – 2009

whiteoldreal whitenew

Microsoft 1999 – 2009

microsoftold microsoftnew

Digg 2004 – 2009

diggold diggnew (note 2004 CSS styling maybe missing)

CNN 2000 – 2009

cnnold cnnnew

BBC 2000 – 2009

bbcold bbcnew

Facebook 2006 – 2009

facebookold facebooknew

SmashingMagazine 2006 – 2009

smashold smashnew

Ebay 1999 – 2009

ebayold ebaynew

Amazon 1999 – 2009

amazonold amazonnew

Craigslist 1999 – 2009

craigold craignew

Apple 1999 – 2009

appleold applenew

WordPress 2003 – 2009

wordpressold wordpressnew (note 2003 CSS styling maybe missing)

Oakley 2000 – 2009

oakleyold oakleynew

Techcrunch 2005 – 2009

techold (note 2005 CSS styling maybe missing)

Google 1999 – 2009

GoogleNew

Yahoo 1997 – 2009

yahooold yahoonew

Other patterns can be seen, design centric companies such as Apple and Oakley consistently focus on design, whilst news based websites such as CNN and the BBC have only modernized the traditional news & picture format.

How To Post to the Web Design/HTML Forum

March 26th, 2009 No comments

Whether you just want to put your class homework or participate in the discussions about HTML, you can’t participate if you don’t know how to post.

Difficulty: Easy

Time Required: 10 minutes

Here’s How:
  1. Click on the "Forums" link in the navigation of any About Web Design/HTML page.
  2. Login using your About member name and password. If you don’t have a member name, you will need to sign up in order to post messages.
  3. At the top of the list of messages on the right is a link that says "New Post". This will take you to the post editing menu.
  4. First select a folder to post your message in. For XHTML 101 class work, post it in the HTML class folder. Otherwise, find a folder that fits what you’re going to post about.
  5. Give your post a descriptive subject. NOTE: if you are posting for the class – it’s better to give a subject that explains your question, rather than simply saying "lesson 1".
  6. Unless you have a specific reason to address your message to someone in particular, leave the "To" message set to the default "All". Do not address class posts only to the Web Design/HTML Guide.
  7. Type in your message in the large box.
  8. Click "Post".
  9. Your message will be posted in about 5 minutes or so.

9 Spring Web Designs

March 25th, 2009 No comments

The advent of spring got me in the mood for some spring inspired web designs. The sun is out… was out and now gone back in again but at least the temperature has improved, just!

The blue skies and blossom led me to putting together this little list of stunning web designs that caught my eye.

The list contains Boompa and Getting Crazy, my favourites for their use of water colour paintings which really make them stand out form the crowd.

Hopefully it will give you some inspiration for future designs.

9 Spring Web Designs

ecoki-web-designs

boompa-web-designs

 

gardening-web-designs

 

hummingbird-web-designs

 

puma

 

done

 

gettingcrazy

 

greenglobe

bonjour

11 Inspiring Lessons from Web Design Experts

March 20th, 2009 No comments

A large part of being a capable web designer/developer is learning from people who’ve been acknowledged for their expertise and authority.

leadimg_web

Finding and reading information about effective web design is part of being a web professional.

With this in mind, here’s just a few compellingly-sound advice and viewpoints from recognized personalities in the field of creating kick-ass websites.

1. Design with the users in mind

"Although there are lots of elements to consider when designing compelling Web experiences (writing style, look and feel, information organization -to name just a few), there is one "knowable" element that can be used to appraise the rest: audience. A detailed understanding of your target audience provides you with an effective metric by which to evaluate all your design decisions: structure (content and organization), visual presentation (personality and tone), and interaction (functionality and behavior). From cultural dimensions to computer expertise, the more you know about your audience the easier it becomes to design for (and communicate to) them."

Luke Wroblewski, Interface Designer, from LukeW: "Understanding Your Web Audience"

2. Apply the right technology at the right time

"Sometimes people hit an idea right on the nose. My wife brought home this comic strip and it’s so pertinent to what we do.

Sister – ‘Mom says you’re designing a web page for school.’

Little brother – ‘Yup.’

‘And not just any web page, but the ultimate web page.’

‘I’m using every tool in the box. HTML… XHTML… CSS… XML… SOAP… AJAX… Flash… Perl… JavaScript… you name it.’

Sister – ‘What’s the page going to look like?’

Little brother – ‘I’ll figure that out when I’m done.’

Fox Trot

It’s funny because it’s true. We often put the technology horse in front of the cart. It’s not about building the solution before there’s a problem. It’s about having a problem and using the right technology to solve that problem."

Jonathan Snook, Web Developer/Designer and Author, from Snook.ca:"The Ultimate Web Page"

3. Why web usability is important

"On the Web, usability is a necessary condition for survival. If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. If a website’s information is hard to read or doesn’t answer users’ key questions, they leave. Note a pattern here? There’s no such thing as a user reading a website manual or otherwise spending much time trying to figure out an interface. There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty."

Jakob Nielsen, Usability Expert and Author, from Alertbox: "Usability 101: Introduction to Usability"

4. Why web designers should write

"It’s time we designers stop thinking of ourselves as merely pixel people, and start thinking of ourselves as the creators of experiences. And when it comes to experience on the web, there’s no better way to create it than to write, and write well."

Derek Powazek, award-winning Web Designer, from A List Apart: "Calling All Designers: Learn to Write!"

5. Accessibility is oftentimes in simplicity

I’m going to start my technical advice with something that seems to have been buried in the teachings of accessibility—simplicity. If you want to reach the greatest number of users possible, it’s best to write clearly and simply and design your interfaces to be consistent from page to page. For some people, simple usability advice like this is an absolute accessibility need. Many people with cognitive disabilities can fail a task simply because it hasn’t been laid out well enough for them. And anyway, people of all abilities fail tasks that are confusing. Why should we all suffer an interface that proves itself to be unusable?

Matt May, Web Accessibility Specialist, from Digital Web Magazine: "Accessibility From The Ground Up"

6. Consider how people look for information

"Observe how your users approach information, consider what it means, and design to allow them to achieve what they need."

Donna Maurer, Information Architect/Interaction Designer, from Boxes and Arrows: "Four Modes of Seeking Information and How to Design for Them"

7. Educate clients/employers about good web design

"Some who don’t understand web design nevertheless have the job of creating websites or supervising web designers and developers. Others who don’t understand web design are nevertheless professionally charged with evaluating it on behalf of the rest of us. Those who understand the least make the most noise. They are the ones leading charges, slamming doors, and throwing money—at all the wrong people and things.

If we want better sites, better work, and better-informed clients, the need to educate begins with us."

Jeffrey Zeldman, Editor in Chief of A List Apart, Author, and Web Designer. from A List Apart: "Understanding Web Design"

8. Find inspiration from places beyond the web

"It’s always helpful to look outside of the web for your inspiration, to places where you might not at first expect to find a solution. The world is a collage of inspiration, from newspapers, magazine publishing, and advertising to product design, architecture and the fine arts."

Andy Clarke, Web Designer and Author, from Peachpit: "Creating Inspired Design Part 1: I Am The Walrus"

9. Design for an international audience

"Despite the fact that the Web has been international in scope from its inception, the predominant mass of Web sites are written in English or another left-to-right language. Sites are typically designed visually for Western culture, and rely on an enormous body of practices for usability, information architecture and interaction design that are by and large centric to the Western world.

There are certainly many reasons this is true, but as more and more Web sites realize the benefits of bringing their products and services to diverse, global markets, the more demand there will be on Web designers and developers to understand how to put the World into World Wide Web."

Molly E. Holzschlag, Web Designer and Author, from 24 Ways: "Putting the World into ‘World Wide Web’"

10. Focus your client’s feedback

"A clients natural inclination will be to give you his personal opinion on the design. This is reinforced because you ask them what they think of the design. Instead ask them what their users will think of the design. Encourage them to think from the users perspective."

Paul Boag, User Experience Consultant, from 24 Ways: "10 Ways To Get Design Approval"

11. On the topic of the "designer" vs. "developer" label

"On the about page of this site I used to call myself a "developer/designer/occasional writer". It’s a bit confusing, and I still find it hard to know what to answer when someone asks me what I do for a living. Am I a Web designer? A Web developer? A Web programmer? All of them? Neither? It really is a difficult question to give a simple answer to.

My answer depends on who is asking, when, why, and under what circumstances. Sometimes I’ll say that "I work with the Web" or "I build websites", both of which are true but don’t really say what I do. It would be easier to be able to give a short, simple, reasonably precise answer.

[…]

As an alternative, I’ve been using "Web developer" for some time. The problem with that is that many people assume that a Web developer does mostly back-end programming, which I don’t do a whole lot of. It does sound more professional than Web designer though."

How to Create an Effective Web Design Questionnaire

March 19th, 2009 No comments

The internet has given the web professional a plethora of venues for seeking project-based work. With lots of places offering freelance gigs such as allfreelance.com, classified listing sites such as craigslist, and job boards on popular weblogs such as FreelanceSwitch and Smashing Magazine, the resourceful web builder can scout and find jobs that extends their geographical boundaries.

An effective creative questionnaire allows you to gain relevant, focused, and helpful design information without taking up a lot of the client’s time. I use the term “questionnaire” because it’s a familiar term, but as you’ll see, some examples aren’t questions.

This article is primarily about developing a one-way questionnaire where you aren’t there to explain or expound on the questions you’ve asked the respondent, though the same concepts apply whether you’re communicating via email or during a face-to-face meet.

Keep it as short as possible

Long questionnaire forms, in my experience, tend to result in rushed responses. Keep questions and the survey as short, concise, and clear as possible. We have to respect the client’s time. Typically, a demand for a website arises when a business is just starting out or when current solutions can’t meet increasing demands; either way, they’ve got a lot on their plate already.

Instead of:

Think for a moment about your company’s mission statement – How does that traverse into the online world and how will a website achieve your mission statement?”

simply say:

In your mind, what’s the business value of having a website?”

The latter example is terse and unambiguous. Let them do the writing, keeping yours to a minimum.

Include creative questions, preferably in the beginning

A creative question, in this context, refers to unconventional questions that have two goals:

  1. to extract information indirectly – “If your website was a car, what car would it be?”
  2. to get the respondent in a mood where they’re comfortable to say anything without restraint.

An effective questionnaire gets the client’s uninhabited, raw thoughts and emotions. Including them at the start can set this tone early on in the process.

Examples of creative questions

  • Imagine a typical user browsing your website, what would they be thinking right now?
  • Use one word to describe your website.
  • What features of your website would your competitors be most envious of?
  • If your website disappeared for a week, what would your users miss the most?
Provide example responses to focus and clarify your meaning

Your questions may seem crystal clear to you, but to the client, it may mean another thing. Provide sample responses to direct your client’s answers.

Some examples:

  • List down key words that you associate with your company. Without prompts, you can get very colorful responses like “awesome”, “da bomb”, “where I get money for my gambling debts”. Adding “For example, a Spanish restaurant may use ‘paella’, ‘international’, ‘culture’” would make your question less vague.
  • What types of designs do you like? You can indicate your expected answer by saying instead, “Please view these websites [then, list down some website addresses]. What do you like about them? What do you hate about them?
Avoid unfocused open-ended questions

An open-ended question is one that allows the respondent to answer in a less-structured fashion. For example, an open-ended question would be, “what do you think about web 2.0?”. In contrast, a closed-ended question would be, “What’s one thing you like about web 2.0?”

Open-ended questions are a necessity in design questionnaires, but avoid ones that are vague and overly generalized.

Examples

  • Describe the design you want. You can focus the respondent’s answers by saying instead, “Write specific design features that you’d like to see in the design mock-up”.
  • Describe the nature of your business. This can be revised to: “Describe a typical day in your place of work”.
Evolve (tailor) your questions

Web development projects typically take week to a month’s worth of work. This means that you can—and should—take the time to customize your questionnaires for each of your clients. If you use a web-based form, this can be a bit more tedious, but it can be done by sending more questions in an email. Not only will this allow you to gain information unique to the client’s industry, it also shows that you’re giving personal attention to their needs.

Typically, I prefer to have only ten questions per questionnaire, seven of which are my standard questions and three are tailored towards the client’s particular organization.

What to do after you receive a response

Internalize it. What I do after getting a questionnaire back is I read it thoroughly, once or twice. I digest the information I’m given by rewriting and rephrasing the responses on a text file that I keep open as I design the mock-up. Embrace the subtleties of your client’s responses, take notice of grammar or spelling mistakes, all of this can be significant in helping you learn about the people you’re working with.

Example:

Website name: My AWESOME Company
Tagline: This is so awesome that I capitalized "Awesome"
Preferred colors: none specified, but described as  “high-impact”
Look and feel: Web 2.0, gradients, large text
Key words (design theme): fun, young, colorful

Ask for clarification if needed. Don’t be timid in following-up on answers that seem unclear to you. Ask as soon as you can so that your client still remembers the questionnaire-answering session.

Use it to strengthen your mock-up presentation. Use the responses while presenting your initial design mock-up to explain the design direction you took. Quote responses verbatim, if appropriate. For example, if you chose a sans-serif font face, you can say “In your response, you indicated that you wanted a clean, modern, professional design, which is showcased in the mock-up by the dark-gray, Arial font…” If you chose green hues, you can say “You mentioned that you needed a website that ‘evokes a feeling of cleanliness and ‘eco-friendliness”, so I decided to use green hues to…”

Use their responses to explain why you decided to use certain colors, a certain layout, why you avoided particular elements, etc.

Some other tips I’ve found helpful

Outline the purpose and relevant information in an introductory paragraph. Describe the purpose of your questionnaire. Assert what you expect to get as a response. Indicate the importance of the questionnaire. Typically, I’ll say something along the lines of “You are a very important part of the design process so your responses here will prove to be a valuable asset throughout the project”.

Let the client know how much time to take. Most of the time, this avoids rushed responses. I ask each respondent to take between 30 minutes to 1 hour so that they may properly answer the questionnaire.

Leave out the tech jargon. It doesn’t impress anyone, and it will only annoy them if they don’t know what you’re talking about. Use terms that are common knowledge.

Fix flawed questions. Every few projects (usually I do it every three projects or so), I take my most current questionnaires and I evaluate each question for its usefulness and clarity.

Fill out your own questionnaire. I’ve found it very enlightening to fill out my own questionnaire form. When you write the questions yourself, you don’t really think too much about the effort and the process of responding to them. I’ve found questions where I thought, “Man, I don’t want to answer this, it’s too damn long and I’ve got so much stuff going on”. Try it, at the very least, it’s a fun activity.