Archive for November, 2010

HTML5 allows almost any value for the id attribute – use wisely

As I mentioned some time ago in Creating valid names with the id attribute, HTML 4.01 is pretty restrictive regarding what values are allowed for id attributes:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens (“-“), underscores (“_�), colons (“:�), and periods (“.�).

Well, HTML5 changes that by allowing almost any value for the id attribute:

From HTML5 3.2.3.1 The id attribute:

The value must be unique amongst all the IDs in the element's home subtree and must contain at least one character. The value must not contain any space characters.

Read full post

Posted in .



Persuasion Triggers in Web Design

Advertisement in Persuasion Triggers in Web Design
 in Persuasion Triggers in Web Design  in Persuasion Triggers in Web Design  in Persuasion Triggers in Web Design

How do you make decisions? If you’re like most people, you’ll probably answer that you pride yourself on weighing the pros and cons of a situation carefully and then make a decision based on logic. You know that other people have weak personalities and are easily swayed by their emotions, but this rarely happens to you.

You’ve just experienced the fundamental attribution error — the tendency to believe that other people’s behaviour is due to their personality (“Josh is late because he’s a disorganised personâ€�) whereas our behaviour is due to external circumstances (“I’m late because the directions were uselessâ€�).

Cognitive biases like these play a significant role in the way we make decisions so it’s not surprising that people are now examining these biases to see how to exploit them in the design of web sites. I’m going to use the term ‘persuasion architects’ to describe designers who knowingly use these techniques to influence the behaviour of users. (Many skilled designers already use some of these psychological techniques intuitively — but they wouldn’t be able to articulate why they have made a particular design choice. The difference between these designers and persuasion architects is that persuasion architects use these techniques intentionally).

There are 7 main weapons of influence in the persuasion architect’s arsenal:

How do persuasion architects apply these principles to influence our behaviour on the web?

Reciprocation

“I like to return favours.�

This principle tells us that if we feel we have been done a favour, we will want to return it. If somebody gives you a gift, invites you to a party or does you a good turn, you feel obliged to do the same at some future date.

Persuasion architects exploit this principle by giving users small gifts — a sample chapter from a book, a regular newsletter or just useful information — in the knowledge that users will feel a commitment to offer something in return.

Free-sample1 in Persuasion Triggers in Web Design
Fig. 1: Book publishers offer free sample chapters in the hope that you’ll reciprocate the favour and buy the book.

That ‘something in return’ need not be a purchase (not yet, anyway). Persuasion architects know that they need to contact prospective customers on several occasions before they become an actual customer — this is why regular newsletters are a staple offering in the persuasion architect’s toolkit. So in return they may simply ask for a referral, or a link to a web site, or a comment on a blog. And note the emphasis on ‘ask’. Persuasion architects are not shy of asking for the favour that you ‘owe’ them. (By the way, if you’ve enjoyed this article, please share it on Twitter!).

Seth-small in Persuasion Triggers in Web Design
Fig. 2: Seth Godin knows how to leverage the principle of reciprocation. This comes from one of Seth’s free PDFs and you’ll notice he’s not shy of asking you to return the favour. Large view

Commitment

“I like to do what I say.�

This principle tells us that we like to believe that our behaviour is consistent with our beliefs. Once you take a stand on something that is visible to other people, you suddenly feel a drive to maintain that point of view to appear reliable and constant.

A familiar example of this in action is when comments on a blog degrade into a flame war. Commentators are driven to justify their earlier comments and often become even more polarised in their positions.

Flamewar in Persuasion Triggers in Web Design
Fig. 3: Flamewars.net contains many examples of people justifying their commitment to comments they have made on a blog posting.

Persuasion architects apply this principle by asking for a relatively minor, but visible, commitment from you. They know that if they can get you to act in a particular way, you’ll soon start believing it. For example, an organisation may ask you to ‘Like’ one of their products on Facebook to watch a video or get access to particular content. Once this appears in your NewsFeed, you have made a public commitment to the product and feel more inclined to support it.

Oxfam-facebook in Persuasion Triggers in Web Design
Fig. 4: Oxfam uses the principle of commitment in the knowledge that a small change in behaviour will lead to larger changes later on.

Social Proof

“I go with the flow.�

This principle tells us that we like to observe other people’s behaviour to judge what’s normal, and then we copy it.

Persuasion architects apply this principle by showing us what other people are doing on their web sites. For example, researchers at Columbia University set up a web site that asked people to listen to, rate and download songs by unsigned bands. Some people just saw the names of the songs and bands, while others — the “social influence� group — also saw how many times the songs had been downloaded by other people.

In this second group, the most popular songs were much more popular (and the least popular songs were less popular) than in the independent condition, showing that people’s behaviour was influenced by the crowd. Even more surprisingly, when they ran the experiment again, the particular songs that became “hitsâ€� were different, showing that social influence didn’t just make the hits bigger but also made them more unpredictable.

Proof in Persuasion Triggers in Web Design
Fig. 5: 1 million people can’t be wrong (from thenextweb.com).

Some familiar examples of social proof on the web are, “People who shopped for this product also looked at…â€� feature and Amazon’s, “What do customers ultimately buy after viewing this item?â€�.

Persuasion architects also exploit this principle in the power of defaults. They know that the default setting of a user interface control has a powerful influence over people’s behaviour. We tend to see the default setting as a ‘recommended’ option — the option that most other people would choose in our situation. There are many examples of this being used as a black hat usability technique, where additional items (like insurance) are sneaked into the user’s basket.

Fig-6 in Persuasion Triggers in Web Design
Fig. 6: When you book a flight, RyanAir sneak travel insurance into your basket too.

Authority

“I’m more likely to act on information if it’s communicated by an expert.â€�

This principle is about influencing behaviour through credibility. People are more likely to take action if the message comes from a credible and authoritative source. That’s why you’ll hear people name dropping and it’s also what drives retweets on Twitter.

Fig-7 in Persuasion Triggers in Web Design
Fig. 7: A tweet from @smashingmag is likely to be retweeted because the brand has such authority.

For design guidance, we can turn to the Stanford Persuasive Technology Lab (founded by B.J. Fogg) as they have developed a number of guidelines for the credibility of web sites. These guidelines are based on research with over 4,500 people and are based on peer-reviewed, scientific research. Thanks to their research, we know that you should highlight the expertise in your organisation and in the content and services you provide; show that honest and trustworthy people stand behind your site; and avoid errors of all types, no matter how small they seem.

Persuasion architects exploit this principle by providing glowing testimonials on their web site. If it’s an e-commerce site they will have highly visible icons showing the site is secure and can be trusted. If the site includes a forum, they’ll give people the opportunity to rate their peers: for example, some web forums (like Yahoo! Answers) let users vote up (or down) answers to posted questions. The top ranked answer is then perceived to be the most authoritative.

Uxex in Persuasion Triggers in Web Design
Fig. 8: UXExchange allows users to vote up and vote down answers to questions, ensuring that the most authoritative answer rises to the top.

Scarcity

“If it’s running out, I want it.â€�

This principle tells us that people are more likely to want something if they think it is available only for a limited time or if it is in short supply. Intriguingly, this isn’t just about the fear of missing out (a kind of reverse social proof). Scarcity actually makes stuff appear more valuable. For example, psychologists have shown that if you give people a chocolate biscuit from a jar, they rate the biscuit as more enjoyable if it comes from a jar with just 2 biscuits than from a jar with 10.

Persuasion architects exploit this by revealing scarcity in the design of the interface. This could be an item of clothing that is running short in your size, theatre tickets that are running out, or invitations to a beta launch. They know that perceived scarcity will generate demand.

Related to this is the ‘closing down’ sale. One of the artists at my friend’s art co-op recently decided to quit the co-op and announced this with a sign in-store. She had a big rush on sales of her art. Then she decided not to quit after all. So pretending to go out of business might be a ploy!

Fig-9 in Persuasion Triggers in Web Design

Fig. 9: Phrases like ‘only 4 left in stock’ seem to stimulate a primal urge not to miss out.

Framing

“I’m strongly influenced by the way prices are framed.â€�

This principle acknowledges that people aren’t very good at estimating the absolute value of what they are buying. People make comparisons, either against the alternatives you show them or some external benchmark.

One example is the way a restaurant uses an “anchor� dish on its menu: this is an overpriced dish whose sole aim is to make everything else near it look like a relative bargain. Another example is the Goldilocks effect where you provide users with three alternative choices. However, two of the choices are decoys: one is an overpriced, gold plated version of your product; another is a barely functional base version. The third choice — the one you want people to choose — sits midway between the other two and so feels “just right.�

Fig-10 in Persuasion Triggers in Web Design
Fig. 10: BT’s ‘Unlimited broadband and calls’ options seem deliberately overpriced compared to the ‘TV, Broadband and Calls’ option presumably since it wants to to boost its share of TV customers.

Salience

“My attention is drawn to what’s relevant to me right now.â€�

This principle tells us that people are more likely to pay attention to elements in your user interface that are novel (such as a coloured ‘submit’ button) and that are relevant to where there are in their task. For example, there are specific times during a purchase when shoppers are more likely to investigate a promotion or a special offer. By identifying these seducible moments you’ll learn when to offer a customer an accessory for a product they have bought.

Help in Persuasion Triggers in Web Design
Fig. 11: After placing an order for a TV at the Comet web site, the designers encourage you to add other relevant items to your basket. This is exactly the right time to make the offer: once you’ve ordered the TV they remind you that you’ll need to install it.

Where to go next

Here are some great resources to find out more about persuasion architecture.

  • Influence: The Psychology of Persuasion by Robert Cialdini: This is the book that started it all. Although it was first published in 1984, it still serves as a wonderful introduction to the research carried out in the area.
  • MINDSPACE: Influencing behaviour through public policy: A series of reports and guides from a UK Government think tank on how to apply these principles to improving public policy.
  • Design with intent: A blog by Dan Lockton, providing many examples of how designers use these kinds of technique to influence behaviour.
  • The behaviour wizard: A wizard-style interface that helps you work out how to create behaviour change, based on a model created by BJ Fogg.
  • The Nudge blog: A blog by Richard Thaler and Cass Sunstein that describes many examples of behaviour change based on what they call ‘change architecture’.

Related Posts

You may be interested in the following related posts:

(ik) (vf)


© David Travis for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , ,


Snowy Winter Photography

Advertisement in Snowy Winter Photography
 in Snowy Winter Photography  in Snowy Winter Photography  in Snowy Winter Photography

For some of us, winter is a season that we might try to avoid as much as possible. However, it is a season not to be underestimated and can be beautiful in its own way as much as the remaining seasons. The bright snow and monochromatic tones can make very interesting photos. Winter is a special time for photographers who enjoy the challenges and the rewards that come along with winter photography. In today’s post we have gathered some wonderful pictures made by talented photographers and artists — Enjoy!


Happy Winter Solstice day
351 in Snowy Winter Photography

Staying Together
47 in Snowy Winter Photography

Winter Day
510 in Snowy Winter Photography

The White Wisdom
25 in Snowy Winter Photography

Optimism
310 in Snowy Winter Photography

Chapel in Winter
62 in Snowy Winter Photography

The Endpoint
17 in Snowy Winter Photography

Last Ray of Light
73 in Snowy Winter Photography

Winter Light and Shadow
94 in Snowy Winter Photography

Midwinter Dream – Photo PB1967
103 in Snowy Winter Photography

Winter Hangs On
112 in Snowy Winter Photography

Enter the Winter Wonderland
122 in Snowy Winter Photography

Winter Brightness
132 in Snowy Winter Photography

Winter-Landscape
141 in Snowy Winter Photography

Snowed In
151 in Snowy Winter Photography

Coming Down
161 in Snowy Winter Photography

Winter Panorama
171 in Snowy Winter Photography

Park in Winter Morning
18 in Snowy Winter Photography

Snowed In
19 in Snowy Winter Photography

Winter in Sweden
201 in Snowy Winter Photography

Winter Morning
211 in Snowy Winter Photography

The winter…
421 in Snowy Winter Photography

Deep in the Black Forest
251 in Snowy Winter Photography

Chartreuse’ Winter
81 in Snowy Winter Photography

Winter Idyll
221 in Snowy Winter Photography

Lost in the Snow
261 in Snowy Winter Photography

“Slippery without My Snow Shoes!”
271 in Snowy Winter Photography

A Calm Winter Landscape
281 in Snowy Winter Photography

Can you find your bike?
301 in Snowy Winter Photography

Eagle Lake Sunrise
321 in Snowy Winter Photography

Winter Surprise II
331 in Snowy Winter Photography

Crater Lake, Winter
341 in Snowy Winter Photography

The tree that refused to believe it was winter
361 in Snowy Winter Photography

Like a Dream
291 in Snowy Winter Photography

Winter Apple
371 in Snowy Winter Photography

Winter Freight on Salt Creek Trestle
381 in Snowy Winter Photography

Winter Wonderland
391 in Snowy Winter Photography

Stairway to Winter
401 in Snowy Winter Photography

Winter on the city3
411 in Snowy Winter Photography

Snowleopard (C)
431 in Snowy Winter Photography

West Virginia Gristmill Waterfall Winter Snow
441 in Snowy Winter Photography

Cold Winter
451 in Snowy Winter Photography

Holding the Snow Ball
311 in Snowy Winter Photography

Winter Solstice
461 in Snowy Winter Photography

Gold Lake Winter Reflection
471 in Snowy Winter Photography

Bikeless Winter in Amsterdam
481 in Snowy Winter Photography

Snow walking on Brunswick Avenue (Toronto)
491 in Snowy Winter Photography

Colours in the Winter
501 in Snowy Winter Photography

Exiled
511 in Snowy Winter Photography

Ice land
521 in Snowy Winter Photography

Kiilopää – Lapland
531 in Snowy Winter Photography

Winter Sunset
541 in Snowy Winter Photography

Winter Sun II
231 in Snowy Winter Photography

Below Zero
241 in Snowy Winter Photography

(ik)


Art Inspiration For The Weekend

Advertisement in Art Inspiration For The Weekend
 in Art Inspiration For The Weekend  in Art Inspiration For The Weekend  in Art Inspiration For The Weekend

In a creative field like design, we face an undeniable truth: our wells of inspiration are bound to run dry from time to time. In those periods of imaginative downtime, we seek out sources that can help us return the creative flow to our working process, and get us “back in the game.” But when we need a quick recharge, where do we turn? Many of us have our favorite “go-to” places when we are victim to creative drought, though perhaps with a little help, our routinely chosen paths could change.

Although they are so different in their purpose, art and design have such a close relationship; extensive discussions, over the years, have tried to figure out what separates these two imaginative fields. Today we set that discussion aside and focus on the creative outcomes that have dazzled and inspired, by leading you toward some spectacular sources to get your dose (or two) of inspiration. Hopefully we can point you in the direction of some of inspiring artwork sure to produce enough spark to light anyone’s creative fire. Sit back, and let us act as your tour guide through this artistic recharge.

You may be interested in the following related posts:

Individual Artist Portfolios

A great tactic on the quest for art-based inspiration is to directly tap into the source. Individual artist portfolios seldom cease to amaze, and plunge you into a flood of new impressions if you’re willing to invest a little time. By observing artworks of individual artists, you can learn new techniques, compare their work to your work and improve your designing skills.

Thomas Schostok

Thomas Schostok is an artist whose body of grungy, collage-style work has been an inspiration to many. His book, Mr. Trash, is a collection featuring his no-holds barred approach to artistic expression that captures his style wonderfully. He is definitely worth looking into, to get your creative flow in motion once again.

Image411 in Art Inspiration For The Weekend
Image421 in Art Inspiration For The Weekend
Image431 in Art Inspiration For The Weekend

Françoise Nielly

Françoise Nielly’s work is soulful. Her paintings reflect some of the other media that have helped shape her creative voice, and that have led her artistic work to the inspirational heights it has scaled. The vivid use of colors, contrasts and shape make faces look broken, yet perfectly put together, like a mosaic. The emotion carried and transferred by each piece is powerful, and easily conveyed to the viewer.

Image50 in Art Inspiration For The Weekend
Image51 in Art Inspiration For The Weekend
Image52 in Art Inspiration For The Weekend

Øivind Hovland

Øivind Hovland’s works of art have been published in renowned magazines and in a broad range of other media. His work concentrates on up-to-date topics, as he also illustrates for newspaper articles. If you allow his ironic designs to “get to you,” you just might find the inspiration you were looking for. Øivind’s style is very original: the artists avoid rectangual shapes, traditional shapes and common contrasts. A nice example of how breaking the rules can help artworks stand out.

Hovland1 in Art Inspiration For The Weekend
Hovland2 in Art Inspiration For The Weekend
Hovland3 in Art Inspiration For The Weekend

Lixiviandro Indra Harinanda

This young Indonesian artist caught our attention with his complex, abstract compositions. Differing styles, and the varying, vibrant use of colors, make his artwork a refreshing stroll through inspiration. And it is proof, once again, that art does not always have to be viewed in 3D.

1642911275173097 in Art Inspiration For The Weekend

1642911271489295 in Art Inspiration For The Weekend

We Are X Two By Encoretheangel in Art Inspiration For The Weekend

Natalie Shau

Natalie Shau’s style is whimsically dark as she digitally takes her imagination and pulls many exciting pieces from it, transforming her vision into an eerie reality. Her work at times can leave you feeling a little uncomfortable, but you are almost guaranteed to develop a sense for her art.

Image441 in Art Inspiration For The Weekend
Image461 in Art Inspiration For The Weekend
Natalie-Shau in Art Inspiration For The Weekend

Evgeny Kiselev

Evgeny Kislelev dazzles with his collection of digital art and design. The depth and intricate, abstract nature of the work in his portfolio leaves a lasting impressions, with layer upon layer of colorful, boundless artistic expression partially reminiscent of Southeast Asian batik design, others wholly composed of symmetrical perfection.

Image471 in Art Inspiration For The Weekend
Image481 in Art Inspiration For The Weekend
Image49 in Art Inspiration For The Weekend

Caroline Morin

Caroline Morin is an illustrator with a knack for capturing the personality of her subjects. Not to mention the seeming ease with which she conveys this instilled quality, to the viewer. Her work is subtle, and the illustrator uses just a couple of colors, yet her portraits nicely depict human soul and mood.

Image53 in Art Inspiration For The Weekend
Image54 in Art Inspiration For The Weekend
Image55 in Art Inspiration For The Weekend

Nata Metlukh

Nata Metlukh’s work spans genres and formats, pulling together some inspiring pieces of art that can offer the fans of dark, vibrant art among us, a healthy dose of inspirational refueling. Her work dances between the dark and the playful sides of the spectrum, and uses various media combined in quite unusual and vivid artworks.

Image56 in Art Inspiration For The Weekend
Image57 in Art Inspiration For The Weekend
Image58 in Art Inspiration For The Weekend

Robert Carter

Robert Carter’s life-like renderings truly capture the attitude and emotion of the subject. The satirical connotations of his artwork strongly influence the subjective perception of each piece.

Image59 in Art Inspiration For The Weekend
Image60 in Art Inspiration For The Weekend
Image611 in Art Inspiration For The Weekend

Liza Corbett

Liza Corbett’s sketchy, imaginative works evoke a child-like sense of innocence while carrying somewhat darker connotations for some, which makes for an immensely powerful body of work. Liza’s art is often abstract and not easy to undestand, and the strong contrast between the theme of her artworks and their “light” drawing nature is remarkable.

Image64 in Art Inspiration For The Weekend
Image62 in Art Inspiration For The Weekend
Image63 in Art Inspiration For The Weekend

Sara Holbert

Sara Holbert is an artist whose whimsical work embodies a sense of innocence in nature, that pervades so many of our memories from childhood. The artworks are a bit dreamy, a bit cartoonish, and sometimes a bit realistic.

Image65 in Art Inspiration For The Weekend
Image66 in Art Inspiration For The Weekend
Image67 in Art Inspiration For The Weekend

Alex Andreyev

Alex Andreyev’s portfolio weighs heavily on the darker side; his artworks are surreal, concise and thought-provoking. The artists reveals that “by using limited toolset, [he is] able to achieve stylistic consistensy throughout my artwork.” In fact, most artworks focus only on few central elements, leaving the rest in the calm and subtle background tones.

Image69 in Art Inspiration For The Weekend
Image70 in Art Inspiration For The Weekend
Alex-Andrejev in Art Inspiration For The Weekend

Online Artist Communities

Places definitely worth sourcing for art inspiration are online artist communities. They brim with the artists and with the type of work you can lose yourself in, to refill your inspirational mojo. These community websites are wonderful resource pools that provide you with a slice of the art world, showcasing so many different styles that it is often easy to rekindle your own creative fire.

WetCanvas
A large, forum-based community for both traditional and digital artists alike, sharing some truly inspiring work. Browse their link collection for further ideas, or register to fish for fresh input on the theme forum.

Image48 in Art Inspiration For The Weekend

FFFFOUND!
FFFFOUND! requires an invitation, but that does not mean you cannot browse this inspiration-filled cyber location. Once a member, FFFFOUND! adapts to your needs and taste, proposing styles and art that meet your requirements. Minute-by-minute updates by users around the globe guarantee a never-ending flow of stimuli.

Image5 in Art Inspiration For The Weekend

ARTmeo
An open art community for artists, still in its early stages, but with potential. Currently, only images can be shared here but an additional section for sound and video art is soon to come.

Image61 in Art Inspiration For The Weekend

deviantART
A lot of people scoff at deviantART, seeing it as the “Myspace” of the art community as it has attracted over 13 million registered users since 2000. But stick to the right categories, keep an eye on some selected artists, and you’re bound to be amazed.

Image16 in Art Inspiration For The Weekend

Galleries Online
This site is on an artistic mission to develop a free online artist community, and to help foster relationships among those working in the arts. Browse the galleries categorized by subject, or by medium.

Image71 in Art Inspiration For The Weekend

Artgonia
A great resource for artists looking to get their work out to the public, and for members of the public looking to get inspired and to discover new artists.

Behance Network
One of the largest and most used design communities on the Web. Always a wonderful place to go to get a little inspirational refill.

Image210 in Art Inspiration For The Weekend

Artobolus
A growing international online artist community. Everyone can share, and search, the extensive art catalog.

Image91 in Art Inspiration For The Weekend

ARTST Guild & Gallery
Here artists can meet, share work and collaborate. The gallery has over 26,000 artworks, all sorted in various categories and organized alphabetically and by rating.

Image101 in Art Inspiration For The Weekend

Art Magazines

Often it’s also useful to take the inspirational art search into the physical world by venturing towards some good art magazines and art-oriented publications. Check them out if you are looking to uncover some truly inspiring artwork; this more traditional presentation is preferred by those who still like to hold magazines in their hands.

Juxtapoz Magazine
This is one of the most popular monthly art magazines today. Filled with awesome artwork and insightful articles, it is an inspirational powerhouse.

Image311 in Art Inspiration For The Weekend

8faces
The magazine has one core question at its heart — if you could only use eight typefaces for the rest of your life, which would you choose? — and poses this (and many others) to eight leading designers from the fields of web design, print design, illustration, and of course type design itself. A nice project by Elliot Jay Stocks. Issue 2 is currently available.

115 in Art Inspiration For The Weekend

Art Nouveau Magazine
A quarterly art and culture print publication. Focusing heavily on art and design, avant-garde fashion and an eclectic mix of music, this inspirational magazine offers a little something for everyone.

Image321 in Art Inspiration For The Weekend

S.L.A.M. Magazine
A relatively new publication focusing on the local art communities that allow so many artists to grow and to nurture their abilities. With only six issues to date, the archives are small but the inspiration is not.

Bomb Magazine
A quarterly art publication that has been around since the ’80s, evolving artists’ dialog and overall sense of community through in-depth discussions with artists about their work and processes.

Image341 in Art Inspiration For The Weekend

Hi-Fructose Magazine
Another quarterly art magazine, around since 2005. Founded by artists, this inspiring publication focuses on works that break out of their genre boundaries and reach beyond the trends.

Image351 in Art Inspiration For The Weekend

FOUND Magazine
An annual publication that takes, and collects, found images and items throughout the year, then puts together each collaborative “artistic slice of life” for the world to see.

Image361 in Art Inspiration For The Weekend

Art+Auction
One of a family of arts and culture publications on ARTINFO that has been around for a bit, and that has built a dedicated following within the artistic community.

Image371 in Art Inspiration For The Weekend

Artworks Magazine
A quarterly art magazine that has been enlightening and inspiring the community since 2004, focused on giving artists a platform to share their work with the world.

Image381 in Art Inspiration For The Weekend

Communication Arts
A popular arts and culture publication that has been inspiring the masses to swim through their creative pools, and colorful pages, for over 50 years.

Image391 in Art Inspiration For The Weekend

Gutter Magazine
From the proverbial arts underground, comes this exciting and inspiring magazine full of intriguing and creative works.

Image401 in Art Inspiration For The Weekend

Would you like to see more similar posts on SmashingMag?


Related Posts

You may be interested in the following related posts:

(sp) (vf) (rs)


© Robert Bowen for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: ,


Web Design Questionnaires, Project Sheets and Work Sheets

Advertisement in Web Design Questionnaires, Project Sheets and Work Sheets
 in Web Design Questionnaires, Project Sheets and Work Sheets  in Web Design Questionnaires, Project Sheets and Work Sheets  in Web Design Questionnaires, Project Sheets and Work Sheets

It’s nearly impossible to provide an accurate quote to a prospective Web design client without first gathering information about what that particular client needs. Some designers do this in either a face-to-face meeting or over the phone, but more often, they have a questionnaire that prospective clients fill out. This is preferable for a couple of reasons; the most important, is probably that this document then becomes an integral part of the design process and is available to refer back to.

So the question is, whether you should put that questionnaire up on your website or only send it to prospective clients once they’ve contacted you. There are a couple of reasons you may want to make it available online, but the obvious one is that clients are often eager to get started with their projects; providing the questionnaire online eliminates a step in the pre-contract part of the process.

Here, we’ve collected questionnaires and worksheets used by actual Web design companies, including some of the leaders in the industry. Both online and downloadable forms are included, as well as the pros and cons for each format.

Downloadable Questionnaires

While online forms are certainly popular, so are downloadable questionnaires. These are generally either PDFs or DOC format, though some firms also include versions in RTF or for Pages. The downloadable questionnaires are sometimes longer than their online counterparts, and are usually the choice for agencies that only take on longer and more complex projects.

We Are Pixel8

Wearepixel8 in Web Design Questionnaires, Project Sheets and Work Sheets

We Are Pixel8 has a planner in PDF format that they ask their prospective clients to download and fill out, and then upload to their website along with their contact form. It’s a great way to gather client information without requiring them to just fill out a Web form, which presumably lets them take more time with their answers. The instructions on the site are very clear as to how the process works.

Great Example Question: Please provide some information about the look and feel you would like for your website. You may also provide examples.

Happy Cog

Happycog in Web Design Questionnaires, Project Sheets and Work Sheets

Happy Cog also offers a downloadable project planner, which includes instructions for submission. It’s a good system, especially since Happy Cog projects are generally large projects with a wider scope than many other design firms handle.

Great Example Question: Are you familiar with the concept of Web standards?

Clearleft Ltd

Clearleft in Web Design Questionnaires, Project Sheets and Work Sheets

Clearleft Ltd offers a Client Ideas Sheet that prospects can download and fill out in order to get a quote. It’s a simple RTF document, focused entirely on the content. It’s also quite extensive, with a few dozen questions included.

Great Example Question: What is your measure for success, and what are you hoping to achieve?

Lunamedia

Lunamedia1 in Web Design Questionnaires, Project Sheets and Work Sheets

Lunamedia has a client worksheet that includes sections asking about the company requesting the quote—about their customers and competition, and the scope, features, design ideas and requirements of the proposed project. The questionnaire can be downloaded from the Lunamedia website and then sent via e-mail when completed.

Great Example Question: Why do you believe website visitors should do business with you rather than with a competitor?

45royale Inc.

45royale in Web Design Questionnaires, Project Sheets and Work Sheets

45royale Inc. offers a downloadable project planner that includes questions about the project goals, the look and feel of the proposed website, and general information. It also includes a section specifically for website redesigns.

Great Example Question: What action(s) should the user perform when visiting your website (search for information, sign up for an account, purchase a product/service)?

Erskine Design

Erskine in Web Design Questionnaires, Project Sheets and Work Sheets

Erskine Design has a detailed project sheet that stretches over five, A4-pages. The questions cover the current website; reasons for redesign; audience, perception, content, technology and marketing. A more convenient (and shorter) Web form is available as well.

Great Example Question: How is your company currently perceived offline? Do you want to carry the same kind of message through your website?

DistinctionHQ

Dist in Web Design Questionnaires, Project Sheets and Work Sheets

DistinctionHQ has one of the shorter project briefs; it clearly states that all answers will be treated with completely confidentiality. The sheet also contains e-mail and phone details of the company and its logo, which can turn out to be useful in case the sheet gets lost in the shuffle.

Great Example Question: Are you providing all text/images for this project, or do you require copywriting and photography services?

Strawberrysoup

Callback in Web Design Questionnaires, Project Sheets and Work Sheets

Strawberrysoup allows customers to request a callback, but also has a project sheet and a design questionnaire that clients are asked to fill out. The agency gives customers a number of choices: they can send an e-mail, call the agency or submit the documents online.

Great Example Question: If you need a content management system, please describe the features you would like, e.g. updatable news, multiple authors, stock control, user moderation, etc.

Stuff and Nonsense

Nonsense in Web Design Questionnaires, Project Sheets and Work Sheets

Andy Clarke’s Stuff and Nonsense provides quite a lengthy work requisition sheet which is available in MS Word and in PDF. The tone of writing is very informal (“Go make a cuppa, read this through again to make sure you’ve covered everything you need, then e-mail it”) but inviting. All questions are broken down into nine categories: apart from general information about the proposed website, the questions cover the current website and its performance, reasons for the project, audience, perception, new content, technical staff and marketing. If the clients aren’t sure about something in the sheet, they are encouraged to call Andy Clarke directly.

Great Example Question: Which areas of your current website work well? Why is that?

Mark Boulton Design

Mark in Web Design Questionnaires, Project Sheets and Work Sheets

In the project planner on Mark Boulton Design, potential clients are asked 15 questions. Notice the inviting tone and examples mentioned in the sheet; the agency does a good job of explaining why the questions are asked, and what kinds of answers are expected. Apart from general information, questions are asked regarding branding and design, as well as content and website management.

Great Example Question: When we design a brand, or website, it’s often more successful if we can place it within the current market. With that in mind, can you list your competitors? Please provide URL’s, or contact details for us to begin our research.

Duoh!

Duoh in Web Design Questionnaires, Project Sheets and Work Sheets

Duoh!, the design firm of Veerle Pieters and Geert Leyseele, has a downloadable client questionnaire that asks about things like brand, audience, and the look and feel of the website. The questionnaire is available in both English and Dutch, and is one of the better visually designed questionnaires out there.

Great Example Question: How does this website figure into your business model?

Pros and Cons of Downloadable Questionnaires

Pros:

  • Often more user-friendly, especially for very large projects or projects where a team is involved.
  • The client will have a record of their answers for later reference.
  • The client can take their time in filling out the form.

Cons:

  • There’s potential that the formatting will be affected by different software versions.
  • Clients may skip parts of the form, leaving out vital information.
  • It’s adding an extra step, and making it possible that the client won’t ever come back to your website after downloading the form.

Online Questionnaires

A lot of Web design agencies have online questionnaires for prospective clients to fill out. Here are some nice examples of firms that use online forms to gather information about prospective clients and their projects. Be sure to click through, and take a look at what their questionnaires include.

Emtwo

Emtwo in Web Design Questionnaires, Project Sheets and Work Sheets

Emtwo has an extensive questionnaire right on their website. What sets it apart is that each section collapses, making the form feel shorter than it actually is. This kind of design helps keep clients from feeling overwhelmed by an overly-long form.

Great Example Question: Why does your target audience need this website?

Studio 7 Designs

Studio7designs in Web Design Questionnaires, Project Sheets and Work Sheets

Studio 7 Designs has a short questionnaire on their website, including questions about the project timeline; why you want to work with Studio 7 Designs; and what your website competition is. A short form like this is often more likely to be filled out, though it’s also possible that prospective clients won’t take as much time with their responses as they might with a longer or downloadable form.

Great Example Question: Why do you want to work with Studio 7 Designs?

The Lab Studios

Thelab in Web Design Questionnaires, Project Sheets and Work Sheets

The Lab Studios has an interactive project planner on their website, consisting of nine steps—an interesting way of breaking up what would otherwise be a very long Web form.

Great Example Question: The Web can be a lot of things; some you may apply to your industry and requirements, others you may not. Tell us what you want to achieve with this website (increased sales, brand recognition) so we can suggest the best possible solutions.

Brian Hoff

Brianhoff in Web Design Questionnaires, Project Sheets and Work Sheets

The graphic design worksheet from Brian Hoff is simple and straightforward, and asks only the most pertinent questions—including asking for websites the client likes; what they like about their current website; and information about the target client base.

Great Example Question: What are your top three frustrations with your current website?

You Know Who

Youknowwho in Web Design Questionnaires, Project Sheets and Work Sheets

You Know Who has a Request for Proposal form directly on the website. The form is quite in-depth, and is necessary for the client to fill out in order to receive a full proposal. The form is then uploaded within the on-site questionnaire Web form. Clients can also upload any other documents they feel would be useful to the agency.

Great Example Question: Do you feel your current website promotes a favorable user experience?

Pros and Cons of Online Questionnaires

Pros:

  • Immediacy. Prospects can fill it out right then and there, reducing the risk that they won’t follow through.
  • Makes collecting answers easier.
  • Allows designers to require answers to certain questions that clients might otherwise leave unanswered (of course, there is no guarantee of the usefulness of those answers).

Cons:

  • Can be harder for a team to collaboratively fill out an online questionnaire.
  • Long Web forms can be a psychological turn-off to many people.
  • Risks that something will go wrong upon submission. Most clients won’t save their answers elsewhere, and may not bother to fill out the form again if anything goes wrong.

Improve Your Worksheet!

Now that you’ve had a look at real world examples of Web design questionnaires, it’s time to take a look at your own questionnaire. Look at the questions other designers are asking, and think about how they might improve your own process.

This doesn’t mean you need to ask all the questions other designers are asking; if you don’t see the point in a question, then you probably won’t find the answer helpful. But looking at these questionnaires will get you thinking in a new direction, and help you serve your clients better.

Further Resources

(rs)


© Cameron Chapman for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , , , , , , ,


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress