77
Persuasive Web Design - How to Get People to Take Action (Without Using Words) Peep Laja ConversionXL

Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Embed Size (px)

Citation preview

Page 1: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Persuasive Web Design - How to Get People to Take Action (Without Using Words)

Peep Laja ConversionXL

Page 2: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Act confident. Talk fast. Swear.

Page 3: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Silent persuasion

Page 4: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

How can we get her to click that buy button?

Page 5: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

I’m not talking about the “usual” stuff, like

Page 6: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

What is it that we want them to do?

Page 7: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Decide on the hierarchyCommunicate it visually

Page 8: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 9: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 10: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 11: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

One action per screen

Page 12: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Keep secondary actions secondary

Page 13: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

One primary action per screen, but…

Page 14: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 15: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 16: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 17: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 18: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Triggers are most effective when presented when someone’s motivation or ability are already at peak levels

Page 19: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Clarity

Page 20: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Too much too soon

Page 21: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 22: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 23: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

What is this page about?What can I do here(is it what I’m looking for)?Why should I do it?

Page 24: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 25: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 26: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 27: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 28: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 29: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 30: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 31: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

“With our smart marketing system you can increase revenue

each month”

Page 32: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 33: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 34: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

First impressions are 94% design related

Complex, busy layout, lack of navigation aids, boring web design, use of color, pop up adverts, slow introductions to site, small print, too much text, corporate look and feel,

poor search facilities etc.

Page 35: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

First impressions matter• Positive first impressions lead to higher satisfaction• First impressions can last for years• Visual appeal more important than usability for user perception

Page 36: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Google: “…Overall, websites with low VC and high PT were perceived as highly appealing..“

Page 37: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 38: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 39: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 40: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 41: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 42: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 43: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 44: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 45: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 46: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Keep attention at all costs

Page 47: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

There is no such thing as an attention span. There is only the quality of what you are viewing. This whole idea of an attention span is, I think, a misnomer.People have an infinite attention span if you are entertaining them.

Page 48: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

80%20%

Page 49: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 50: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

69% 31%

Page 51: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 52: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 53: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 54: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

`

Page 55: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 56: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 57: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 58: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 59: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 60: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 61: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 62: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 63: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 64: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 65: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 66: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 67: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 68: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 69: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 70: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

In addition to the daily Broad Market Analysis video, we produce an Individual Stock Analysis videothat covers individual stock selection and detailed trade scenarios. This video takes a look at stocks thatappear poised for short and intermediate term directional movement (long and short) the focus is toidentify profitable trade ideas. Discussion includes potential entry levels where momentum may pick up,as well as “worst case” stops for traders. Along with the Individual Stock Analysis video, Alphatrends’Watchlist Matrix tracks entry targets, stocks, open positions and stops. This video is made available fivetimes per week and offers trading ideas for the next trading day (usually posted no later than 10 PM ESTfor the following day, except for the Monday ideas which are available no later than 7PM EST Sunday).The ideas videos are offered at least 225 days per year.

Next, for Silver and Gold subscribers, the Mid-Day Video Update is an excellent way to keep abreast ofimportant market levels for ETFs, equities and other trading opportunities. Brian provides guidance andinsight about existing positions (including updated stops for swing traders who cannot follow the actionall day), and introduces new trading ideas as they take form. The Mid-Day Video Update is available bynoon EST from Monday through Thursday

Each individual will have their favorites amongst the stocks covered — it is up to you to decide whichones are best for you based on your own unique circumstances including, but not limited to: risktolerance, level of patience, capital resources available, time available to watch the market, etc. Pleaseremember that RISK MANAGEMENT IS ALWAYS JOB #1 and you should NEVER commit more than 10% ofyour trading capital to any one individual idea. If you trade options, this number should never be morethan 2% of your risk capital.

Page 71: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

In addition to the daily Broad Market Analysis video, we produce an Individual Stock Analysis videothat covers individual stock selection and detailed trade scenarios. This video takes a look at stocks thatappear poised for short and intermediate term directional movement (long and short) the focus is toidentify profitable trade ideas. Discussion includes potential entry levels where momentum may pick up,as well as “worst case” stops for traders. Along with the Individual Stock Analysis video, Alphatrends’Watchlist Matrix tracks entry targets, stocks, open positions and stops. This video is made available fivetimes per week and offers trading ideas for the next trading day (usually posted no later than 10 PM ESTfor the following day, except for the Monday ideas which are available no later than 7PM EST Sunday).The ideas videos are offered at least 225 days per year.

Next, for Silver and Gold subscribers, the Mid-Day Video Update is an excellent way to keep abreast ofimportant market levels for ETFs, equities and other trading opportunities. Brian provides guidance andinsight about existing positions (including updated stops for swing traders who cannot follow the actionall day), and introduces new trading ideas as they take form. The Mid-Day Video Update is available bynoon EST from Monday through Thursday

Each individual will have their favorites amongst the stocks covered — it is up to you to decide whichones are best for you based on your own unique circumstances including, but not limited to: risktolerance, level of patience, capital resources available, time available to watch the market, etc. Pleaseremember that RISK MANAGEMENT IS ALWAYS JOB #1 and you should NEVER commit more than 10% ofyour trading capital to any one individual idea. If you trade options, this number should never be morethan 2% of your risk capital.

65-80 characters

Page 72: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

3 variations:1.Paragraph format2.Bulleted format3.No specs at all

Page 73: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 74: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 75: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit
Page 76: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Remember this stuff:1. Present one action per screen, when

they’re ready2. Create a strong visual hierarchy3. Use visuals to improve clarity, contrast to

increase persuasiveness4. Keep it simple and familiar5. Use visual cues, novelty, badges to

maintain attention

Page 77: Persuasive Web Design - How to Get People to Take Action (Without Using Words) - Peep Laja at 2016 Habit Summit

Thank you!

Read my blog:

ConversionXL.com