68

Interact15 | 15 Ways to Make Your Website Stickier in 2015

Embed Size (px)

Citation preview

Page 1: Interact15 | 15 Ways to Make Your Website Stickier in 2015
Page 2: Interact15 | 15 Ways to Make Your Website Stickier in 2015

15 Ways to Make Your Website Stickier in 2015

INTERACTIVE

CRYSTAL OLIG

UPWARD BRAND

INTERACTIONS

KATLIN McNALLY

UPWARD BRAND

INTERACTIONS

Page 3: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Nice to meet ya!Crystal Olig, Interactive Director

@sparklegem

Crystal is the Interactive Director at Upward, managing a team

of ten. She’s been with Upward for more than five years, and

spent most of her career on the web.

Fun Fact: She’s admittedly a Husker.

Katlin McNally, Interactive Strategist @katlinmcnally

Katlin McNally has been with Upward for three years

as an Interactive Strategist, managing website

strategy and execution for clients.

Fun/Obvious Fact: She’s a ginger.

Page 4: Interact15 | 15 Ways to Make Your Website Stickier in 2015

INTERACTIVE

1. Quizzes & Calculators

2. Make Suggestions

3. Add Infinite Scroll

4. Social on Steroids

5. Responsive

6. Performance

7. Use What You Know

8. Find Your Catnip!

9. User-Created Experiences

10.Translation

11. Visual Storytelling

12.Make Exploration Exciting

13.Be Accessible

14.Live Chat

15.Power to the User

Everyone loves a good

sticky note!

Page 5: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Quizzes & Calculators

We call this the Buzzfeed or

Seventeen magazine effect.

Page 6: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Quizzes & Calculators

Try it…

http://bit.ly/1G4MBIS

Page 7: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Quizzes & Calculators

Page 8: Interact15 | 15 Ways to Make Your Website Stickier in 2015

“Presenting numerical data using interactive tools increases time on site and

helps people learn. Between multiple choice or slider polls – sliders increase

time on site slightly more. Research found it also increased understanding of

info.”

-

Annette Strauss Institute for Civic Life

at the University of Texas at Austin

Page 9: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Quizzes & Calculators

Page 10: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Quizzes & Calculators

Page 11: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Quizzes & Calculators

Page 12: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Suggestions

Use where the user is +

your institutional knowledge

to approximate what might

be next in the user path.

Page 13: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Suggestions

Popularity is

paramount… just ask a

teenager.

Page 14: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Suggestions

What do you know about

your customer lifecycle that

you can use to create a

buying continuum?

Page 15: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Suggestions

Know if they are going

to leave… and do

something about it.

Page 16: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Frequently bought together…

Customers Who Bought This Item Also Bought…

Sponsored Products Related To This Item…

Customers Who Viewed This Item Also Viewed…

Page 17: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Add Infinite Scroll

Keep telling your story for

as long as they want to hear

it.

Page 18: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Add Infinite Scroll

Page 19: Interact15 | 15 Ways to Make Your Website Stickier in 2015

“Time.com’s bounce rate decreased by 15%;

Percentage going to another piece of content jumped

21% since introducing infinite scroll.”

-

Poynter.org

Page 20: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Social on SteroidsStream it in, multipurpose

your content and curate

your community’s

concerns.

Page 21: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Social on Steroids

Page 22: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Social on Steroids

Find partners, then

aggregate and and cross-

pollinate your communities.

Page 23: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Social on Steroids

Page 24: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Use applications like

Postano to make the

integration seamless.

Social on Steroids

Page 25: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Responsive

Page 26: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Responsive

Page 27: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Responsive

Base: 135 enterprise decision-makers, Source: Forrester's Q1 2015 Digital Experience Delivery Online Survey

Page 28: Interact15 | 15 Ways to Make Your Website Stickier in 2015

When faced with a negative or

non-mobile site,

43% of consumers will go to a competitor’s

site next.

-

Radware.com

Page 29: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Performance

The invisible hand that

moves everything.

Page 30: Interact15 | 15 Ways to Make Your Website Stickier in 2015

“85 percent of adults who have completed a mobile

transaction in the past year expect the experience to be

better than on a laptop or desktop computer.”

-

IBM

Page 31: Interact15 | 15 Ways to Make Your Website Stickier in 2015

47% of consumers expect a webpage to load in

2 seconds or less

40% of people abandon a website that takes more than

3 seconds to load

1 second delay in page response can result in a

7% reduction in conversions

-

Radware.com

Page 32: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Use What You KnowMake your site the home for

every question your team

was ever asked.

You are the resource.

Page 33: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Turn printed documents into

desirable downloads.

Use What You Know

Page 34: Interact15 | 15 Ways to Make Your Website Stickier in 2015

– Weather widgets

– Stock prices

– Latest warnings

– RSS feeds with industry material

– Example: Trupointe

Find Your Catnip!

What will bring them back

time and time again?

Page 35: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Find Your Catnip!

3

Page 36: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Find Your Catnip!

Page 37: Interact15 | 15 Ways to Make Your Website Stickier in 2015

User-Created Experiences

Page 38: Interact15 | 15 Ways to Make Your Website Stickier in 2015

User-Created Experiences

Can you help your users

create something they will

value and share?

[various]

Page 39: Interact15 | 15 Ways to Make Your Website Stickier in 2015

User-Created Experiences

Can you help your users

create something they will

value and share?

Page 40: Interact15 | 15 Ways to Make Your Website Stickier in 2015

User-Created Experiences

Macy’s let users select

items and share with friends

– increasing social referrals

and purchases along the

way.

Page 41: Interact15 | 15 Ways to Make Your Website Stickier in 2015

User-generated content can

serve a real purpose and

provide needed third party

validation for your brand.

User-Created Experiences

Page 42: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Translation

72.1% of consumers spend

most or all of their time on

websites in their own

language

Page 43: Interact15 | 15 Ways to Make Your Website Stickier in 2015

56.2% of consumers said that the ability to obtain

information in their own language is more important than

price.

-

Common Sense Advisory

Page 44: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Visual Storytelling

What could you show & tell?

Page 45: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Visual Storytelling

Page 46: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

How can you surprise and

delight your users?

Page 47: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Page 48: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Page 49: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Consider using navigation in

non-traditional ways.

Page 50: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Page 51: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Page 52: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Page 53: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Make Exploration Exciting

Page 54: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Be Accessible.

What about people who

have visual, auditory,

physical, speech, cognitive,

and neurological

disabilities? Dyslexia?

Illiteracy? ESL?

Page 55: Interact15 | 15 Ways to Make Your Website Stickier in 2015

“When testing 257 correspondents in a remote user test,

the failure rate for tasks was 1.9 times greater for the

over-55-s than it was for under-25-s. Almost twice as

many older people failed or abandoned the given task,

as compared to younger people.”

-

Miratech.com

Page 56: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Be Accessible.

Page 57: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Live Chat

Page 58: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Power to the User

Page 59: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Power to the User

Page 60: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Power to the User

Make it simple stupid.

Page 61: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Power to the User

Make it simple stupid.

Page 62: Interact15 | 15 Ways to Make Your Website Stickier in 2015

Power to the User

Page 63: Interact15 | 15 Ways to Make Your Website Stickier in 2015

GOAL:

Create one sticky feature on your site in 2015,

and measure the results.

Then share!

Page 64: Interact15 | 15 Ways to Make Your Website Stickier in 2015

1. Quizzes & Calculators

Getradicalresults.com

Jquizzy.com

Engagingnewsproject.org/research/online-polls-and-quizzes/

Amazon.com

Smartusa.com

trulia.com

2. Make Suggestions

HarvardBusinessReview

TheDodo.com

Amazon.com

Lowes.com

LeanIn.org

Evergage.com

3. Add Infinite Scroll

Lexus.eu/car-models/gs/million-mile-test-drive/index.tmex

Poynter.org/news/mediawire/257466/time-coms-bounce-rate-down-15-percentage-points-since-adopting-continuous-scroll/

4. Social on Steroids

Whitehouse.gov

Mycommunitree.com

Swanson.campbellskitchen.com

Postano.com

5. Responsive

Daytonmetrolibrary.org

Konecranesusa.com

blogs.forrester.com/ted_schadler/15-04-21-googles_mobile_friendly_search_will_bury_your_mobile_unfriendly_sites

blog.radware.com/applicationdelivery/applicationaccelerationoptimization/2014/01/55-web-performance-stats-youll-want-to-know/

LINKS!

Page 65: Interact15 | 15 Ways to Make Your Website Stickier in 2015

6. Performance

IBM: Meeting the Expectations of the Mobile Consumer - www14.software.ibm.com/webapp/iwm/web/signup.do?source=swg-smartercommerce-

emm&S_PKG=ov18259

Radware.com

7. Use What You Know

Amazon.com

Helpjuice.com

Mcjfs.com

Lowes.com

8. Find Your Catnip!

Trupointe.com

Droid-Life.com

Vartek.com

Loft.com

9. User-Created Experiences

Stanfordchildrens.org

Macys.com

RenttheRunway.com

Modcloth.com

Sherpablog.marketingsherpa.com/mobile/3-tips-modcloth-app-engagement

10. Translation

Smartling.com

Can't Read, Won't Buy: Why Language Matters on Global Websites: http://www.commonsenseadvisory.com/AbstractView.aspx?ArticleID=957

Pitney Bowes Study Reveals U.S., U.K. and Germany are the Most Desirable International Shopping e-Destinations -

http://news.pb.com/article_display.cfm?article_id=5600#sthash.glCHHVnB.dpuf

11. Visual Storytelling

Ucsfmissionbayhospitals.org

Quirky.com

LINKS!

Page 66: Interact15 | 15 Ways to Make Your Website Stickier in 2015

12. Make Exploration Exciting

Exxon.com

Smartcar.usacom

Razorfish.com/#!zeitgeist

Rawnet.com

Leanin.org

1worldlog.com/

Coloud.com/bang#intro

13. Be Accessible

BrowseAloud.com

ComfortKeepers.com

An Alphabet of Accessibility Issues: the-pastry-box-project.net/anne-gibson/2014-july-31

User Testing Old vs Young: miratech.com/blog/user-testing-old-young-age-difference.html

14. Live Chat

Clickdesk.com

Livechat.com

15. Power to the User

Loft.com

Express.com

GrandviewMercantile.com

FastCompany.com

Wcol.com

Readability.com

LINKS!

Page 67: Interact15 | 15 Ways to Make Your Website Stickier in 2015
Page 68: Interact15 | 15 Ways to Make Your Website Stickier in 2015