Professional Documents
Culture Documents
All Section 2 Slides PDF
All Section 2 Slides PDF
PRIMACY OF
PRODUCT
AND DEFINING USABILITY
www.adventureppc.com (516) 218-3722
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
▸ Nothing is more important than having a product that people want to buy and that
people need
▸ Consultative vs commodities
▸ Products are the same. Unique vs Commodities. Does everyone else sell the same
thing?
▸ Consultative leans
more toward the
emotional payoffs to
the customer
▸ Subjective value
▸ Broad perspective, every page of your website should be able to account for the following factors:
▸ Useful: Does it fill a need that your visitors have. Does it answer the questions your visitors want
answered? Does it do something worthwhile that your visitors need done. Useful information, useful
context, useful calls to action
▸ Learnable: Can your visitors figure out how to use your website without additional instruction. Is it self-
explanatory?
▸ Memorable: Will visitors have to relearn how to use your site each time they visit? Is it unique in a way
that your visitors will remember you as they continue to browse competitors and evaluate other options.
▸ Effective: Can users actually accomplish their tasks on your site. If your site sells something, can users buy
it and buy it easily. Are their clear contact options?
▸ Efficient: Can users get the job done with as little resources and mental energy as possible. Does it take
users too long to accomplish their goals (page load speed). Inefficiencies are inexcusable because they
can usually be fixed easily.
▸ Delightful: Is there an experiential element to your website and landing pages that make the visitor feel
excited about your products and services? Is your website fun and enjoyable to browse and look at?
A person of average ability and
experience can figure out what
you do and how to use your
website without it being more
trouble than it s worth .
- Steve Krug
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
CLARITY
AND THE QUEST FOR FEWER
QUESTION MARKS
www.adventureppc.com (516) 218-3722
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
www.adventureppc.com @isaacrudansky
I know how to get back
I know where I am
LECTURE EXERCICE
ANSWER THESE QUESTIONS ON 3
PAGES OF YOUR WEBSITE:
4. Can I self-select?
▸ Have your customers write your headline for you - often times you can’t assess
your own copy from the user’s perspective
www.adventureppc.com @isaacrudansky
WHAT SERVICE DOES
THIS COMPANY OFFER?
▸ Each page should ideally have one CTA (at least one primary one)
www.adventureppc.com @isaacrudansky
SUPPORTING HEADLINE
I WANT TO …
CLEARLY A BUTTON
SUPPORTING GRAPHIC
POST-CLICK EXPECTATIONS
SET (NO CC)
SOCIAL LINKS ARE THE ONLY THINGS
WITH COLOR
Nobody wants to be
subscribed to anything
100%
Preferred Our Design
0%
Preferred Original Design
Read More
Read More
Read More Read More Read More Read More Read More
www.adventureppc.com @isaacrudansky
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
▸ “I want to …”
www.adventureppc.com @isaacrudansky
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
▸ People glance and scan … they don’t read (especially early on)
▸ We’re busy, we don’t need to read it all, and we’ve been conditioned
to scan
▸ The user perceives your site more like a billboard than a book
▸ Users will focus on things that match what they think they’re looking
for (and trigger words)
www.adventureppc.com @isaacrudansky
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
www.adventureppc.com @isaacrudansky
Important things should be more prominent
NO SENSE OF ORIENTATION
60%
Preferred Our Design
Preferred Our Design
40%
Preferred Original Design
BAD
Short paragraphs,
bullet points, no
yelling.
GOOD
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
www.adventureppc.com @isaacrudansky
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
The more users' expectations prove right, the more they will feel in control of the
system and the more they will like it. And the more the system breaks users'
expectations, the more they will feel insecure.
Jakob's Law of the Web User Experience states that "users spend most of their
time on other websites."
This means that they form their expectations for your site based on what's
commonly done on most other sites. If you deviate, your site will be harder to use
and users will leave.
https://www.nngroup.com/articles/top-10-mistakes-web-design/
www.adventureppc.com @isaacrudansky
Only break a convention when you are absolutely
certain that there your new way of doing it is just
as evident, or that your new way of doing it is so
valuable that it justifies some degree of user
frustration
They help clarify a confusing concept They look like typical stock
photography
They are high quality, original and give
your site a professional look There are too many of them
Background Images
Tips and Tricks
Use a solid background container
for your text on top of an image.
Background Images
Tips and Tricks
Use a colorful overlay that matches
your brand style, reduces
brightness and complexity of the
image.
Background Images
Tips and Tricks
Use a solid black or white overlay
with an opacity level of 80-95%.
What does this picture do for the brand? Any idea what they even sell?
Don t miss an opportunity to evoke emotion
What does this picture do for the brand? Any idea what they even sell?
Don t miss an opportunity to evoke emotion
Don t miss an opportunity to evoke emotion
A Word About Video
‣ When done right, can have huge impact on
conversion rate
▸ Don’t let the image distract the user from reading text
▸ Great images can even replace text and describe your value proposition
▸ Use graphics, icons and simple images for page structure and visual appeal
ACCESSIBILITY
How easy your site is to use. Feedback from elements that
should give feedback. Providing users with their options.
Comfort level.
Legibility
www.adventureppc.com @isaacrudansky
Get your navigation
right.
If people can t find what they re
looking for, they ll leave.
Site Search
Utilities
Breadcrumbs
Page Title
Footer Navigation
Site Name
‣ Near the upper left corner
‣ Autocomplete is great
‣ Contact info
‣ Social icons
‣ Newsletter signup
‣ Privacy policies
‣ Sitemap
A Few Quick Words on Accessibility
Contrast
Feedback
Typography
Sans-serif better than Serif Don’t use more than 2 font families ‣ 50-100 character max line length
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
▸ Page Name
▸ Primary Nav
www.adventureppc.com @isaacrudansky
I S A A C R U D A N S K Y – LA N D I N G PA G E O P T I M I Z AT I O N
www.adventureppc.com @isaacrudansky
Professionalism and
Refined Aesthetics
‣ We do judge books by their covers
10%
5%
Transactional
Assurances
‣ Subtle design elements counteract
innate anxiety
Demos and free trials are one of the most popular and successful ways of counteracting transactional anxieties
Guarantees and
Policies
‣ Refund policies should not be
obscure, unclear or hidden
‣ Awards / achievements
‣ Media mentions
‣ Partnerships
www.adventureppc.com @isaacrudansky
Dedicated Landing Page Best Practices
‣ No clutter, no yelling
Dedicated Landing Page Best Practices
Split up long forms to only include key fields on the first page
Dedicated Landing Page Best Practices
Consistent Messaging
From The Upstream
Click
‣ Headlines
‣ Form Fields
‣ Offers / Promotions
‣ Images / Video
Dedicated Landing Page Best Practices
No Headline
Supportive subheader