2.
3.
4.
5.
6.
Brand
perceived value
season
usability of site
navigation
page layouts
offer(s)
price
copywriting
site design
policies
shopping design
guarantees
competition
(online/off)
Defining Value
The web is just the next step in the evolution of markets
removing friction from the buying experience. A successful
website still performs the functions of an offline salesperson
guiding them through all 5 steps of a professional sale:
Prospect, Rapport, Qualify, Present, and Close.
Websites are often just noise relative to the underlying value
customers perceive. The first step is defining how you create
value for your customers. Mohanbir Sawhney, Kellogg
School of Management, sees value as follows:
-
2.
3.
4.
Persuasion Architecture
Persuasion Architecture is the authors web-based
professional sales approach. All information/every detail is
carefully and deliberately planned in a unified form. Visitors
must be persuaded (never pushed) along paths they need to
walk to accomplish goals. Marketing messages are integrated
and consistently presented online and off from a sites fabric,
email marketing campaigns, CRM, to responses to customer.
5.
6.
8.
7.
1.
2.
3.
Map objectives
Develop strategy
Understand customers buying processes
Understand & refine the sales process
Researching key words & phrases used
Defining key business metrics to use
4.
Wireframing
A wireframe is a page by page non-technical representation of
every click through possibility and path visitors might take.
Interactivity/skeletal structure is mapped: no pictures, no
graphic design, only barebones text and hyper links. Answers:
Storyboarding
A key part of storyboarding is developing the right text/copy
to grab the attention of users and motivate them through
website. This includes a graphic mockup, ensuring copy can
be easily scanned/skimmed, content is prioritized and ideas
are kept as simple as possible.
Copy should allow for imagination and avoid predictability.
These are words that allow you to touch, feel and smell. These
descriptors/triggers better reach users. Focus on what matters
most to users and help them visualize/feel the solution. Dont
overuse we its not about you. Its about your visitors.
Anticipate how users think and interact. You have 2-3 seconds
to convince them that a page is relevant and you have theyre
looking for, otherwise, theyll leave. They wont try to
understand elements they arent familiar with. Users are task
oriented and goal driven. They tend to dislike distractions like
flashing gifs, and intrusions like pop-ups/unders.
The 8 second rule: would a new visitor who has never heard of
your company or seen your website know what your website
is about in 8 seconds or less no matter where they landed?
Each page should fulfill AIDAS test (attention, interest, desire,
action and satisfaction). Inspires user to take an obvious/easy
action giving them what they want exactly as they wanted it.
First storyboards should be grayscale without the emotional
influence of color. After, color mockup and then finally html
mockup focusing on download speeds, browser capabilities,
style sheets and tabular formats (helping search engine
spiders crawl your site.) Five steps:
1.
Persuasive copy
-
3.
Graphical mockup
Mock it up in Photoshop/Illustrator/Freehand or other
preferred software. Aesthetics are important: 46.1%
of consumers assessed credibility of site based
primarily on appeal of overall visual design.
Aesthetics should support underlying content and
targeted actions and not just marketing eye candy.
Use design for three reasons:
-
Color mockup
Color should enhance, not define experience. Choose
at most 4 (preferably 2 or 3) different colors and keep
consistent scheme across site. Take care in choosing
as people associate emotions with various colors.
5.
HTML mockup
While a good coder can code almost any design, a
good designer can produce great designs without
sacrificing usability if they understand limitations of
HTML.
Consider what can be converted to HTML and what
must remain image. Consider download time,
compatibility with multiple browsers (lowest
common denominator), using CSS for simplicity,
laying out tables with understanding of how search
engines spider site and choosing easy to read fonts.
Qualifying Visitors
The process of qualifying and presenting information to users
is iterative by choosing to go deeper into your process, your
users are self qualifying. They acknowledge appeal of the
unique value proposition you communicate. It starts with
your home page. Your home page should not be the snapshot
of everything you are as a business would be information
overload/paralysis of analysis. Keep things simple.
Problem/need recognition
Information search
Evaluation of alternatives
Purchase decision
Purchase
Post purchase evaluation
Building Momentum
Momentum is providing users info they want it when they
expect it. Persuasive momentum is built by helping users
move through AIDAS. It begins with the hyperlink.
Hyperlinking strategy is the backbone of a persuasive site:
-
9 of 13
4.
5.
6.
Track where your scent trail breaks down. Make sure if the
users intent is obvious, the scent trail youve created on the
chosen term matches users intent. When a user clicks they
expect to either find the answer theyre looking for or a link
that will take them to the answer theyre looking for.
Testing
Testing puts your ideas under the unforgiving light of public
scrutiny. Testing lets you to optimize your conversion rates by
making the right changes, at the right time in the right
sequence and then evaluating results before continuing.
2.
3.
4.
5.
2.
3.
4.
5.
5.
2.
3.
4.
2.
3.
The best way to track and determine why visitors are leaving
your site is to watch them buy over and over again.
2.
6.
4.
3.
5.