Designing A Brain-Friendly Website
When presenting choices to customers, remember that the brain is lazy and impatient. It’s on auto-pilot most of the time because the logical part of the brain is expensive to operate. For the brain to be moved to put the effort into completing something, it must perceive the task as compelling and easy enough.
Here are three ways you can work around the brain’s laziness to persuade customers to take action.
You might be tempted to copy Amazon in their presentation of massive choices. But keep in mind that Amazon’s success is hinged on operational excellence and delivery dominance. You’d have a tough time competing with a company that guarantees one-hour delivery in certain zip codes.
The reality is, too much choice is overwhelming and often leads to customer inaction – wading through a lot of information involves the conscious brain, and results in decision avoidance.
So, avoid scrolling pages full of choices like the plague (unless it’s a quick scanning of physical items that are substantially different visually, in which case scrolling is more convenient).
Also, don’t count on customers finding the right products through the filtering system on the left-hand column. Typically, only advanced users – those who understand that it’s an efficient way to sort through a large amount of information – are inclined to use it.
Most people coming to your site will be unwilling to invest time and effort in learning the interface of your filtering system. And even if visitors use it, chances are it will still yield too many results. (Check your site statistics to see if the number of visitors using your side panel filtering system is worth the real estate you’re devoting to it.)
What you can do to limit choices:
• Have useful interest taxonomy. For instance, if the customer is looking to buy furniture, you can limit choices by asking three simple questions about style, materials, and function presented in a lightbox pop-over sequence.
Three simple questions about couch selection are probably easier to answer than the same information presented as a side panel with several different user interface controls. A lot of times, things are better as a lightbox pop-over sequence with 2-4 questions to get the selection to a very small set of choices.
With choices that are mutually-exclusive, decision-making is easier, as people will have an affinity or aversion towards one choice or another.
• Go deep and narrow when creating information architectures for catalog navigation.
Don’t overwhelm visitors with a lot of sub-categories in the pull down menu. Give 4 to 8 top level categories, 4 or fewer sub-categories, and then go down. An extra click is okay as long as the visitor feels that they’re getting closer to their goal. If you quickly narrow the choices, the visitor will be willing to take those 3-4 navigational steps and then see a reasonable set of products.
Make Choices Obvious
The brain dislikes figuring out how one choice is different from the others. So make sure choices are easily distinguishable from one another.
For instance, the choices of pens in the example below aren’t useful. They’re represented in tiny thumbnails, and there’s nothing meaningful about the products and how they operate. This gives customers nothing to base their choice on.
What you can do in this case is limit the number of products and present obvious choices by asking the customer a series of questions:
- Whether they want pens with a sharp end
- Do they want a regular ballpoint
- Are they looking for one with a rubber grip around it, or
- Do they want a traditional fountain pen
This way, you’ll be presenting the customer with qualitatively different pens, and they’ll instantly know which one is useful to them.
What you can do to make choices obvious:
- Use visuals to make choices clear. For more abstract concepts, represent the choices with images that are distinctive and clear. If you’re a travel site wanting to show the customer Europe vs. Asia, you might have a picture of the Eiffel Tower vs. Mt. Fuji. If you show the visitor a busy urban scene, the visitor will have to wrestle with it a bit before figuring out that it’s Tokyo and not another city in the world.
- Remove similar pictures. For similar looking stuff pull it apart or get rid of it.
- Focus or enlarge/ distort important distinctions – Focus on the right part of the object that differentiates it from the rest.
Visually Bias with Emphasis
Ninety percent of the information our brain takes in is processed through the visual channel, so people are excellent at understanding visuals.
One way to nudge customers towards a conversion decision is to highlight what you want to sell by manipulating visual biases.
Notice how HughesNet calls attention to the plan they want customers to take advantage of. They highlight it by making its box and numbers at the bottom bigger than the rest. It also has the most obnoxious neon version of any of the colors on the page. Plus, it has a ‘Special Offer’ callout on the upper right.
Through all these ways, plus the plan’s primacy on the list (in a horizontal list, the first position is by default the most important because people generally read from left to right), they’re biasing the user’s visual experience.