webdesign articles


Your Web Site Is A Wonderland: What Picassos Art Taught Me About Persuasive Design





Whenever singer John Mayer sings his romantic song, "Your Body is a Wonderland", I can't help but think of web sites and usability. As a usability consultant, I see the devotion to his lover, and the time he spent uncovering every detail of her being, as the way most web site designers think we approach their web sites. When the lyrics arrive at "Take all your big plans; And break 'em; This is bound to be a while", I start giggling. It makes me think of Amazon.com. I'll explain why.

Do You Have Three Hours To Browse?

Amazon's jigsaw puzzle-like homepage greets me personally by name, which is smooth talking salesmanship. We've obviously "met" before. It has "recommendations" for me. There's a nifty advertisement that unfolds like those movie screens in school auditoriums where you know you're about to see something either cool, or gross, in front of all your friends. This ad doesn't tell me what I should do to get it to go away. When I click it, I'm instantly taken inside the web site to a targeted area. There's my Gold Box, and my Wish List, and 15,459 links to things I might want to buy. All this is displayed in the first few seconds of my arrival.

Whenever a web site presents me with an onslaught of too much, too soon, I often feel overwhelmed, or angry, and leave the site. If Amazon was a human being with an actual body, I probably wouldn't like him or her for very long. I would find the physical Amazon pushy, invasive, greedy, egotistical, and likely a hypochondriac. Yet, I did most of my Christmas shopping there last year. Why? What is it about Amazon that makes it such a compelling experience?

To understand the theory behind the type of design Amazon uses, which is copied by thousands of ecommerce web sites, I turned to a different way of seeing and a different kind of art. The type of Cubist art that Pablo Picasso painted seemed to fit.

The Experience of Seeing

People react to web sites the same way they respond to art. They come with an expectation. They see what they want to see. It's up to the web site design to show them what they did not come to find, or what they may not know they were looking for.

I recently attended an opening night art gallery reception. I know the artist and his family. Standing in front of one of his vibrantly colorful pieces, a scene of someone entering a store from a busy New York City street, he pointed things out to me. "The brown brush strokes over here are the back of woman's head as the person enters the store. Note the hand on the door handle." The colorful canvas portrays glimpses of city life, such as signs, lights, clothing, people, and buildings. I began to imagine cars honking and that I'm breathing city smog. Amazingly, none of the illustrations are clearly defined. The artist drops clues and the rest is left to your imagination and emotions. You see what you want to see. I know I'm seeing the painting differently than the other people viewing it because I can hear their remarks.

Then, my artist friend says, "Ever since my Dad's experience, I see everything differently."

A few years ago, at the age of 19, my friend came home to find his father nearly bleeding to death from botched major surgery in which he was discharged too early from the hospital. His chest literally opened back up and my friend held it together with his bare hands while family members got medical help. He saved his father's life. Since then, his artwork took on a new form. From this artist's point of view, everything is present, in the moment, all the time. We normally see it in bits and pieces, and then miss most of what's around us.

This struck a chord with me. Should a homepage, for example, present everything the web site offers all at once? Is there a way to do this by offering clever clues or gentle nudges that leave enough to the imagination to make the visitor want to stay on the page until it all comes "into focus"?

This was one of the experiences that brought me to link Pablo Picasso and web design. Pablo Picasso felt that only by means of our awareness do things come into being. We're normally unaware of something until it matters to us.

Awareness, Experience and Persuasive Architecture

Impressionist art is not about painting objects as they are seen, but more about the experience of seeing them.

Andrew Chak writes in his book, Submit Now: Designing Persuasive Web Sites, "What our users see are the web pages in front of them at the very moment they are trying to do something. Each page either helps them move forward in the process or puts them a step back. If you have gaps in your functionality or you don't provide guidance to your users, you can't expect them to just figure it out."

One solution for guiding web site visitors to important pages or items is through the use of persuasion and making a site desirable. For example, when a product is designed, some thought is also given to the human response to it or the experience of using it. The same can be true for web sites.

Amazon utilizes persuasive techniques. Remember that "movie screen" ad? When clicked on, it deliberately took me deeper into the web site. Other web sites use marketing content expertly written to keep you interested enough to keep browsing. Even better are embedded links within that text.

By comparison, Google's homepage interface is minimalistic and simple. Yet someone realized it wasn't bringing everything Google does out into the open, so they designed Soople.com, which efficiently lists everything on one page. No extra clicks. No navigation to learn. The obvious tasks are presented at once, for instant access. Someone at Google forgot to read Andrew Chak's Principle #4 - "You know everything about your site, but your users know nothing."

Both the Soople and Amazon design approach quickly bring the user into the web environment, to experience it, not just stare at it and figure out how it works first. This is how we also like to experience art.

Task, Task Task

Which design is best for your web site? Do you offer up the mixed salad and plop some tomatoes on top or do you lay out a buffet-style table of dishes, organized by food group, and let people choose?

Picasso once said, "I paint objects as I think them, not as I see them." The development of Cubism allowed an overlapping and interpenetrating of planes on a canvas. This is how Picasso offered glimpses of his subject, and how my artist friend could paint and capture layers upon layers of human life on an 8 x 8 piece of material. It's not always easy to know where to "enter" a Picasso painting. The point of view is simply "everything, all at once".

It's not always easy to know where to enter a web site either. Every visitor has a different mission. Chak refers to them as "Browsers, Evaluators, Transactors and Customers."

Math and science found inspiration on Cubism and the notion of "continuous dimension of consciousness" or what we call three or even four dimensions. Jason Edward Kaufman writes in his essay, Pioneering Cubism, "More specifically, Einstein's general theory of relativity found its first artistic expression Cubist art. The plotting of an object in a field consisting of and defined by the artist's moving point of view suggests, as Einstein posited, a 'time-space continuum' whose makeup is contingent on point of point of view."

The idea of being able to bring different experiences to art, and enter a painting from different areas based upon your experience is something that can apply to web sites as well as cubist art. How do you plan a web site's "continuous dimension of consciousness?" In other words, how do you keep people on your web site, no matter what their original intent is? Regardless of whether their intent is just to browse, or to evaluate the site? Or to conduct a transaction, or to return as a customer?

That can be done during the web site planning stage, by taking the helpful steps of assigning business, user and web site goals. Write them out in detail. You can title those "My Web Site Requirements" if you'd like. Having them on paper can be very helpful.

As you move towards finishing your web site, you can test it to make sure it met those original requirements, and didn't stray. Selling custom furniture on your web site is a business requirement that might not be met if you also have Google ads on your homepage. While the ads may make money, they will send away potential customers for the furniture you offer.

Also consider whose point of view you are designing for. Is it yours or your web site visitors? While an artist paints from within, rather than focusing upon who is going to see the finished product or what they'll do with it, a web site owner has to be concerned with the reactions of the viewers who see the site. The designer has to consider who the visitors are and what they want to do on your web site.

How do you assign business, user, and web site goals? Think in terms of creating tasks, both in-house and for users. A business requirement may be to get sales leads. The task is to design a form, or provide "call to action" click paths to products that inspire purchases, such as sale items.

A user's task may be to find a customer representative at the company to speak with about a product. You may have anticipated this email or phone call, and made a contact form, and put your phone number on the site. But how easy did you make it for the customer to identify and describe a page and product on a page so that customers who call-in or email can communicate properly? Don't make them say, "It's 5 clicks into that category after you go to the second section from the third button on the left." That will not only confuse your customer, but also the customer service representative.

The web site's goal is to persuade and make any task easy to find and perform. No matter how busy the design appears, if tasks are obvious, and easy to understand and use, the visitor will remain. By focusing on their actions and reactions by creating task assignments, you manage to make both a salad or buffet approach easy to use.

What a Lovely Hat You're Wearing

How do you get someone to see your site the way artists like people to experience their art? You bring the user into the scene. You give the web site substance.

At first glance, when we meet someone, we scan his or her appearance. We make some judgments as to the who and what the person is, and maybe wherethey're from. We have less to go on for the how and why. Dating helps. So does a drink at the local pub. For each page of your web site, an introductory paragraph that quickly and simply answers these questions will suffice.

Google does it with "I'm Feeling Lucky". They've instantly invited you inside, with that little teasing gesture. The happy colors logo doesn't hurt either. Those big "O's" look like eyes, don't they?

Amazon does everything but prepare me a cup of espresso. Their homepage addresses me by name at least 5 times. Other words are "your" as in "your new releases" and "new for you". Most web sites use "what's new" and "we". Amazon likes me, so I buy stuff from them. It's that simple.

Blog writers also captivate us by pulling us into their world and giving us everything. They share all, from piercing their navel to what they think of their neighbor's motorcycle shocking them out of bed at 6:30 am every morning. They describe these things so exquisitely that you squirm at the thought of the poor belly button and you can hear the Harley rumble in your head. We love our personal dramas. We think, no, we KNOW, everyone else does too.

Like Picasso's art, and that of others, you want to know something about it, even if at first you don't understand it.

What The Artists Taught Me

For months I've been trying to find "that something" that's been bothering me about web site usability, specifically the age-old question, "Why do some web sites sell and others don't? "

I came close when I began using user personas during usability testing. By watching my process, my clients realize how important their web site visitor is When someone can't order what he or she needs from a laptop and cell phone during a twenty-minute bumpy train ride to work, this is a potential lost sale.

Picasso helped me see how we can direct someone's attention even when there are many layers of thought streaming in.

When my artist friend said, "I see the things most people miss" during the most mundane of tasks, such as opening a door, or as in his painting of a view from a toy story window, I began to understand. His paintings put back the missing pieces from our view that we skim over every day. His art, like Picasso's, does it with layers, with hints of things that make you curious, and with details that bring you into the moment.

Persuasiveness and desirability in web site design are in the details. They're in the point of view and in the delivery, and more than anything else, in the experience of interaction. They are that inner cosmic connection between the web site and site visitor.

This is what distinguishes web sites from one another and makes some of them functional and productive pieces of art.

Usability Consultant, Kimberly Krause Berg, is the owner of UsabilityEffect.com, http://www.Cre8pc.com& Cre8asiteForums.com. Her background in organic search engine optimization, combined with web site usability consulting, offers unique insight into web site development.

Copyright 2004


MORE RESOURCES:

Positive Web Design Utilises Brand New Wireframes For Clients
PR Web (press release)
The team at Positive Web Design has announced that they will be creating pre-designed wireframes and templates in order to speed up the development process for new clients. Positive Web Design, a web design and development firm well-known for its ...

and more »


5 Top Trends in Web Design for 2012
Caribbean Media Vision
In the world of web design, what is considered to be up to the minute and trendy can quickly become outdated and old fashioned in just a short amount of time. It is important for anyone with a website to stay up to date with their web designs and make ...

and more »


Positive Web Design Now Able To Build Websites In Variety Of Programmes
PR Web (press release)
Positive Web Design has recently adjusted its design procedures and is now in a position to offer clients websites built in a huge variety of programmes. Positive Web Design, a website design and development company based in Chelmsford, Essex, ...

and more »


In Naples, Web Design Is Most Important
Present tense Magazine
In Naples web design is taken care of. Search top companies that will provide you with cutting edge ideas, formats and styles to revamp your website. Online search engines have become increasingly popular when searching for contractors.

and more »


iD Tech Camps Introduces New Web Design & Photography Class
San Francisco Chronicle (press release)
Summer education leader iD Tech Camps has announced a new class, Intro to Web Design & Photography. Students will learn the principles of web design, graphic arts, and photography in weeklong summer classes with personalized curriculum.

and more »


Virginia Web Design Firm Offers $1000 Small Business Incentive
Daily Markets
Advanced Web, a Virginia web design firm, is offering small businesses $1000 worth of web services for free when they engage in a new contract for web development or for search engine optimization from now until the end of February.

and more »


Different aspects of web design
PRWire
Therefore, utmost care should be taken while you go through the process of web design. Though it's not a big deal to get a nice webpage for your website, getting everything in the righ Your website design must be appealing and also cater to the need of ...
A Long Island Web Design Company Now Ready to Offer ServicesEmpowered News (press release)

all 2 news articles »


Web Design Students' Works Showcased
Patch.com
Web design instructor Robert Iarossi presented web pages created by students during the Board of Education meeting. By Alana Quartuccio Web design instructor Robert Iarossi shows the audience at the Board of Education meeting a webpage on the subject ...



Small Business Web Design Company, Websonalized.com, Launches Beach Volleyball ...
PR Web (press release)
Los Angeles web design company launches a website intended to connect people that want to learn beach volley ball with coaches. The animated colorful web design gives the visitor a sense of excitement. ...I hope that this website becomes something of a ...

and more »


Telegraph.co.uk

Scientists uncover strength of spider web design
Telegraph.co.uk
The second is thinner and stickier and is referred to as “viscid silk”. This type of strand is used to create the spiral threads which are mainly used to trap prey. Scientists uncover strength of spider web design.
A spider web's strength lies in more than its silkEurekAlert (press release)
Spider Web's Strength Is in the Silk and the DesignKansas City infoZine
How to Build a Hardy WebScience AAAS
RedOrbit -BBC News -Azom.com
all 48 news articles »

Google News

home | site map
Webdesign-box © 2006