By the time you've read this phrase, a new customer has either visited a site and been intrigued, read more or clicked through OR they've been visually, psychologically or emotionally jarred and have already bounced out.
When clicking a search result, a customer is either very certain that the site name, overview description and/or keywords they sought are there and they have high probability of a match, or they're not quite certain and out of curiosity or desperation they're taking a look at anything that might bring them closer to their desired result. So net is that by the time a site shows up on their screen they already have a likelihood of delight and satisfaction, or anxiety.
One click and they're viewing the homepage or content page.
What happens? Pupils dilate or contract, facial microexpressions react, body posture moves toward or away from the screen, hands stay relaxed or palms get clammy. Compassion/interest or anxiety/flight reaction.
They're reacting to:
They're reacting to:
Overall Color Scheme
Whether, to them, it connects in any fashion to the brand/product/service category appropriate to color theory responses elicited from hues, shades, tints and tones:
- White: Pure, cold, clean, virtuous, goodness, simple, angelic, winter
- Brown: Plain, predictable, safe, grounded/earthy, reliable/dependable, dull
- Pink: Feminine, flirtatious, sexual
- Black: Morbid, powerful, timeless, elegant, formal, evil, mystery, death, edginess
- Orange: Hot, fast, fun, energetic, health, friendly
- Purple: Feminine, rare, royal, romance, luxury
- Yellow: Cheerful, happy, warm, cowardice, hope, mourning, courage
- Blue: Peaceful, authoritative, powerful, responsible, fresh, strong, reliable, calm
- Red: Danger/war, passion, power/importance, luck
- Green: Nature, growth, health, beginnings, envy, naivete, wealth
- Grey: Moody, conservative, mourning, formal, corporate, sophisticated
- Beige/Tan: Cool, warm, conservative, piety, background
- Cream/Ivory: Sophisticated, quiet, history, calm, elegant
Balance and Proportion
The harmony of whether elements above the line appear parts of a unified whole:- Percentage of real estate taken up by images v. "white space" v. text
- Physical location of blocks of each creating shapes (lines, rectilinear boxes/blocks, curved circles/stars/oblongs)
- Assimilating the familiarity of a newspaper or newsletter with typical masthead/brand ID area, or the newness of being without it
Font(s)
- Size appropriate to primary, secondary, tertiary importance of message tiers
- Logical/emotional connection to product/service
- Color(s) appropriate to backgrounds, unifying information across the page
- Few enough to differentiate, not so many as to fragment
- Styles consistent with virtual environment standards v. innovative to wildly contrast and create the unexpected
Image(s)
- Connect directly to the brand/product/service
- Connect directly to tagline, topics, headlines, messages
- Convey use (utility)/enjoyment (lifestyle) of the brand/product/service
- Convey their own emotional reaction to the brand/product/service
- Reflect their own demo/psychographic persona (do they see themselves there?)
- Reflect their self-interpreted need for/use and enjoyment of the brand/product/service
Video(s)
- Proportional size to images and message blocks
- Jarring/in-your-face brightness, busy/frantic speed, flashing imagery or music/sound effects selection/volume
- Overwhelming impact relative to brand/product/service
Three seconds is all it takes for a prospect or loyal customer to take in a complete picture of a brand's attitude, its current offerings and customer/market satisfaction with those offerings.
A customer arrives at the site and asks:
"Do I want/need to be here? Right here?"
"Do they have what I want/need?"
"Can I trust that they can/do/will solve my problem?"
A "Yes" or "No" response is just a neuro-cranial impulse away from that finger clicking the "Esc" or back arrow "<" button.
Once they do, will they revisit? Depends on the picture that's been painted, the story that's been told and how it's been perceived/received. Is there a second chance to make a first impression?
(c) 2010 Lisa C. Clark
All Rights Reserved.
(c) 2010 Lisa C. Clark
All Rights Reserved.