[Unwebinar] The 7 Deadly Sins of Landing Page Usability

78

Transcript of [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Page 1: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 2: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Stef MillerMarketing Manager, Demand GenUserTesting

The 7 Deadly Sins of Landing Page Usability

Thank you for joining us!We’ll be starting in just a few minutes.

Ryan EngleyDirector of Customer Success

Unbounce

Page 3: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

try.unbounce.com/for-user-experience

Page 4: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 5: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Stick around after the Unwebinar

See how Unbounce can help you quickly build and publish targeted landing pages

(without having to code)

Page 6: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@Ryan_Engley @unbounce #unwebinar

Join our chat on Twitter

Ryan Engley

Director of Customer SuccessUnbounce@Ryan_Engley

Page 7: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Join our chat on Twitter

Stef Miller

Marketing Manager, Demand GenUserTesting@supahstef

Page 8: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

The 7 Deadly Sins of Landing Page Usability

Page 9: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 10: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 11: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar

Remote UX Research

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 12: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 13: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

68% Rockefeller Corporation

of users give up because they think you don’t care about them.

Page 14: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

What is Usability?The quality of a user's experience.

Page 15: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

effectivenessusability.gov

Page 16: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

efficiencyusability.gov

usability.gov

Page 17: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

satisfactionusability.gov

usability.gov

Page 18: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

affinity revenue

Page 19: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Perception is Everything.

Page 20: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

BEWARE OF

DISTRACTIONS

01

Page 21: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar

Look out for distractions!

• Too much going on• Multiple calls to action (CTA’s)• Navigation elements• Animations and music

@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 22: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 23: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 24: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 25: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 26: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About Navigation

Page 27: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

LINKS & CTA’s SHOULD

BE RECOGNIZABLE

02

Page 28: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@mackfogelson @unbounce #unwebinar

Figuring out what to click on shouldn’t be

a process of trial and error.

@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 29: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 30: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 31: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 32: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 33: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About Links and CTA’s

Page 34: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

EXTREMES CAN BE

UNSETTLING

03

Page 35: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 36: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 37: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 38: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About Extremes

Page 39: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

FORMS SHOULDN’T

SCARE PEOPLE

04

Page 40: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@mackfogelson @unbounce #unwebinar

A form isn’t just a form,

it’s a complete experience all on it’s own.

@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 41: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar

Let’s take a step back.What does a form do?

• Sets an expectation• Requires attention• Blocks access• Triggers an emotional response• Slows people down

@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 42: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 43: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

A solid redesign of a bad form could

increase conversions 10–40%.

Luke WroblewskiDigital Product Leader

Page 44: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 45: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 46: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar

Tips for great form experiences

• Extend the brand’s experience• Provide access to something of value• Include a contextual call-to-action• Surprise users by their ease-of-use• Optimize for both desktop & mobile

@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 47: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About Forms

Page 48: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@mackfogelson @unbounce #unwebinar

Marketers need to K.I.S.S. more often.

(Keep It Simple Stupid)

@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 49: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Consistency is one of the most powerful

usability principles: when things always

behave the same, users don’t have to

worry about what will happen. Instead,

they know what will happen based on

earlier experience. ”

Jakob NielsenUser Advocate and principal of the Nielsen Norman Group

Page 50: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

COPY MATTERS,

A LOT

05

Page 51: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 52: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 53: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 54: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar

Tips for writing effective copy

• Learn from users, use their language• Avoid jargon, don’t get gimmicky• Read it out loud first• Ask no less than 3 others to read it too• Get to the point, but make sure to

provide enough context• Test it!

@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 55: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About Copy

Page 56: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

ADVERTISING

LACKS

CONSISTENCY

06

Page 57: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 58: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 59: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 60: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 61: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 62: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 63: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@morys @unbounce #unwebinar

Tips for better ad-to-landing page transitions

• Consistent copy and images• Continue the conversation from ad

to landing page• Keep the messages simple• Designers and marketing or ad

teams should work together• Ask for campaign results

to measure performance

@mackfogelson @unbounce #unwebinar@chrisgoward @unbounce #unwebinar@supahstef @unbounce #unwebinar

Page 64: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About Advertising

Page 65: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

DON’T FORGET ABOUT

THE ‘AFTER’ EFFECT

07

Page 66: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 67: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 68: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 69: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

@supahstef @unbounce #unwebinar

Page 70: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Let’s Talk About The ‘After’ Effect

Page 71: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Beware of distractionsMake sure that whatever is on your page is pointing people to take action, not preventing them from completing the task at hand.

Links + CTA’s should be recognizable Tried and true link conventions from the early days of the web are still the most effective ways to format your links. CTA’s must be compelling!

Extremes can be unsettlingKeep it simple! Make your point, provide a clear call to action, get rid of everything else. Be sure to test new ideas to see if they improve conversions.

Forms shouldn’t scare peopleForms can make or break landing page UX.

Copy matters, a lotWrite it, read it, say it, test it.

Ads should be consistent with landing pages Maintain the theme from your ads to your landing pages and continue the conversation that brought users to your page.

Don’t forget about the ‘after’ effectConsider the entire experience, not just the initial view.

Page 72: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Research Design Build Optimize

Page 73: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

Try UserTesting for free! 3 Free Credits for our Unbounce Friends with code: unwebinar

Get videos of real people speaking their thoughts as they use your website or mobile app.

Loved by over 25,000 companies worldwide

Page 74: [Unwebinar] The 7 Deadly Sins of Landing Page Usability

try.unbounce.com/for-user-experience

Page 75: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 76: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 77: [Unwebinar] The 7 Deadly Sins of Landing Page Usability
Page 78: [Unwebinar] The 7 Deadly Sins of Landing Page Usability