Interact15 | 15 Ways to Make Your Website Stickier in 2015
•Download as PPTX, PDF•
2 likes•366 views
This document provides 15 tips for making websites stickier in 2015, including adding quizzes and calculators, making product suggestions, enabling infinite scrolling, enhancing social media integration, ensuring responsiveness, improving performance, leveraging existing content, providing engaging content, enabling user-generated content, adding translations, using visual storytelling, making exploration exciting, prioritizing accessibility, incorporating live chat, and empowering users. Each tip is accompanied by a brief description and supporting statistics. Links to relevant examples and additional resources are also included.
Recommended
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (11)
Similar to Interact15 | 15 Ways to Make Your Website Stickier in 2015
Similar to Interact15 | 15 Ways to Make Your Website Stickier in 2015 (20)
More from Lessing-Flynn
More from Lessing-Flynn (16)
Recently uploaded
Recently uploaded (20)
Interact15 | 15 Ways to Make Your Website Stickier in 2015
- 2. 15 Ways to Make Your Website Stickier in 2015 INTERACTIVE CRYSTAL OLIG UPWARD BRAND INTERACTIONS KATLIN McNALLY UPWARD BRAND INTERACTIONS
- 3. 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.
- 4. 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!
- 5. Quizzes & Calculators We call this the Buzzfeed or Seventeen magazine effect.
- 6. Quizzes & Calculators Try it… http://bit.ly/1G4MBIS
- 8. “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
- 12. Make Suggestions Use where the user is + your institutional knowledge to approximate what might be next in the user path.
- 13. Make Suggestions Popularity is paramount… just ask a teenager.
- 14. Make Suggestions What do you know about your customer lifecycle that you can use to create a buying continuum?
- 15. Make Suggestions Know if they are going to leave… and do something about it.
- 16. Frequently bought together… Customers Who Bought This Item Also Bought… Sponsored Products Related To This Item… Customers Who Viewed This Item Also Viewed…
- 17. Add Infinite Scroll Keep telling your story for as long as they want to hear it.
- 19. “Time.com’s bounce rate decreased by 15%; Percentage going to another piece of content jumped 21% since introducing infinite scroll.” - Poynter.org
- 20. Social on Steroids Stream it in, multipurpose your content and curate your community’s concerns.
- 22. Social on Steroids Find partners, then aggregate and and cross- pollinate your communities.
- 24. Use applications like Postano to make the integration seamless. Social on Steroids
- 25. Responsive
- 26. Responsive
- 27. Responsive Base: 135 enterprise decision-makers, Source: Forrester's Q1 2015 Digital Experience Delivery Online Survey
- 28. When faced with a negative or non-mobile site, 43% of consumers will go to a competitor’s site next. - Radware.com
- 29. Performance The invisible hand that moves everything.
- 30. “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
- 31. 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
- 32. Use What You Know Make your site the home for every question your team was ever asked. You are the resource.
- 33. Turn printed documents into desirable downloads. Use What You Know
- 34. – 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?
- 38. User-Created Experiences Can you help your users create something they will value and share? [various]
- 39. User-Created Experiences Can you help your users create something they will value and share?
- 40. User-Created Experiences Macy’s let users select items and share with friends – increasing social referrals and purchases along the way.
- 41. User-generated content can serve a real purpose and provide needed third party validation for your brand. User-Created Experiences
- 42. Translation 72.1% of consumers spend most or all of their time on websites in their own language
- 43. 56.2% of consumers said that the ability to obtain information in their own language is more important than price. - Common Sense Advisory
- 44. Visual Storytelling What could you show & tell?
- 46. Make Exploration Exciting How can you surprise and delight your users?
- 49. Make Exploration Exciting Consider using navigation in non-traditional ways.
- 54. Be Accessible. What about people who have visual, auditory, physical, speech, cognitive, and neurological disabilities? Dyslexia? Illiteracy? ESL?
- 55. “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
- 56. Be Accessible.
- 57. Live Chat
- 58. Power to the User
- 59. Power to the User
- 60. Power to the User Make it simple stupid.
- 61. Power to the User Make it simple stupid.
- 62. Power to the User
- 63. GOAL: Create one sticky feature on your site in 2015, and measure the results. Then share!
- 64. 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!
- 65. 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!
- 66. 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!
Editor's Notes
- "Stickier" today is meant to encompass all kinds of engagement, but also tangible metrics like time on site, click-throughs, and measurable events or actions that indicate your site is working hard for you. These examples run the gamut but many come from big brands, as we all like to take inspiration from the sexier B2C world even if we serve B2B companies or other organizations. Some of these are simple and straightforward, things you can implement immediately in how you display content or in how you think about your website’s purpose. Some speak to real core of a site or key functionality, but all increase the tangible engagement we can see with users.
- Here’s what we’ll be covering today – and true to our theme, you’ll see sticky notes throughout with key take-aways or observations.
- Everyone loves being asked for their opinion – why else would we have all fallen for the Buzzfeed quizzes to find out what our Disney Princess/Harry Potter/80s movie character we are? Asking users for information immediately requires input – and the second they touch their site and put some of their brains back into it, you’ve got them.
- Here not only is the quiz cheeky and fun, you actually learn something about your users’ need states or what problems are the most pressing. And things like urgency and perceived impression can be a critical point of intelligence on a site.
- At the end of a visual quiz like this one, you have the opportunity to create something socially sharable that presents you as a resource.
- In 2013, the Engaging News Project housed at the Annette Strauss Institute for Civic Life at the University of Texas at Austin found that presenting numerical data using interactive tools increases time on site and helps people learn, enhancing recall of information. They looked at both multiple choice and slider polls – sliders increase time on site slightly
- Curation, documents, questions you answer every day, be a resource; related articles; internal links that drive to a conversion funnel
- Curation, documents, questions you answer every day, be a resource; related articles; internal links that drive to a conversion funnel
- Curation, documents, questions you answer every day, be a resource; related articles; internal links that drive to a conversion funnel
- Curation, documents, questions you answer every day, be a resource; related articles; internal links that drive to a conversion funnel; strong internal linking structure
- Help the user explore Show similar items to what they are viewing now Show them recommendations based on purchases or similar buyers. – based on trending items Then what – buy, add to wishlist, recommend it, etc.
- lowes.com
- Bounce rate is inevitable Fact = all users will not be browsing your site 24/7 Fact = all users will not engage Fact = some users will disengage with you Now, how do you maybe change the way you interact with them – Newsletter options, update preferences, download lit, view photos, etc.
- What can you play with, tap, interactact with, etc. on respsonsive Voting, scoring? Surprise
- Time.Com LA Times NBC News
- uses ajax; doesn’t ask user to take an action to keep reading. Variant; paginate at first but allow the user to expose all pages w/out pagination – great for performance and also a key indicator of interest that can be measured as part of a conversion path. rticles that seamlessly transition to new content, without requiring readers to click or tap headlines and then wait for new pages to load.
- What can you play with, tap, interactact with, etc. on respsonsive Voting, scoring? Surprise
- Social content is inherently different. Bring the conversation in and find a way to bring timely content in. Have to actually have good stuff.
- Andrew Davis – Brandscaping mentioned last year is building a community around like ideas or missions; here’s the social media hub version of that.
- Responsive design is something we her a lot about And it is something we want to continue to push for as the world of search changes Gone is the day of mobile only sites tablet and phones of all screen resolutions, you need a site to fit the customer's device.
- Meeting the expectations of the mobile customer Strategies for offering a consistent customer experience across channels (IBM) https://www.ibm.com/services/forms/signup.do?source=swg-smartercommerce-emm&S_PKG=ov18259 for 24.4 percent of all e-commerce revenue by the end of 2017
- Performance can include page size, load time and user experience/perceived wait times. way the interface responds to their actions and the way it performs when they make those actions. (http://www.mobify.com/blog/beginners-guide-to-perceived-performance/) you need to make your buttons respond immediately to a user's touch and give that user a great visual indication that something is happening.
- Meeting the expectations of the mobile customer Strategies for offering a consistent customer experience across channels (IBM) https://www.ibm.com/services/forms/signup.do?source=swg-smartercommerce-emm&S_PKG=ov18259 for 24.4 percent of all e-commerce revenue by the end of 2017
- Meeting the expectations of the mobile customer Strategies for offering a consistent customer experience across channels (IBM) https://www.ibm.com/services/forms/signup.do?source=swg-smartercommerce-emm&S_PKG=ov18259 for 24.4 percent of all e-commerce revenue by the end of 2017
- You’ve heard of write what you know, well this is the web version. We forget that we own a ton of institutional knowledge we can turn into a tool set for those new to the industry, early decision/exploration stage, or fulfill our brand promise of service. Knowledgebase tools like HelpJuice to build a progressive tool over time
- Sometimes forms, applications, documents, they are boring. Transition items to the web without having to optimize or change, and give them a new life. Fulfill a service promise or just make the call center load a little lighter.
- Sports scores. Curated industry news. Hyper regional news – industry or community based. Sourced through a paid system only you have access to. Current prices for scrap metal, crops,
- Sports scores. Curated industry news. Hyper regional news – industry or community based. Sourced through a paid system only you have access to. Current prices for scrap metal, crops,
- Curation, documents, questions you answer every day, be a resource; related articles; internal links that drive to a conversion funnel
- CRYSTAL: EVERGAGE – PERSONALIZED EXPERIENCES
- CRYSTAL:
- Branscaping - Andrew
- CRYSTAL: And in doing this, they didn’t change the process for existing shoppers at all, didn’t increase necessary clicks to buy, or loose site of the true CTA (to buy) just had it there as an extra gem
- CRYSTAL: http://sherpablog.marketingsherpa.com/mobile/3-tips-modcloth-app-engagement/ “Mobile basically provides us new moments of found time,” he said. “Those two minutes in line, a few minutes on the bus or whatnot that weren’t able to be used before.” 50% of Style Gallery loves are from the app More than 16,000 loves from mobile on average per week Loves increased by 82% in the first month after launching in the iOS app
- CRYSTAL: [Common Sense Advisory study: Can't Read, Won't Buy: Why Language Matters on Global Websites; Pitney Bowes Study Reveals U.S., U.K. and Germany are the Most Desirable International Shopping e-Destinations]
- What can you play with, tap, interactact with, etc. on respsonsive Voting, scoring? Surprise http://usa.imaginationlibrary.com/
- http://moz.com/ugc/increasing-timeonpage-through-aesthetics-lessons-learned-from-prweb-and-buildzoom-two-large-content-sites
- quirky.com
- CRYSTAL:
- CRYSTAL:
- CRYSTAL:
- CRYSTAL: Non traditional navigation concepts – pop above main, left nav for tablet orientations,
- Curation, documents, questions you answer every day, be a resource; related articles; internal links that drive to a conversion funnel
- CRYSTAL: changing scrolling patterns, consider touch inputs like swipe, tap. way the interface responds to their actions and the way it performs when they make those actions.
- CRYSTAL: Hover to reveal
- CRYSTAL: What can you play with, tap, interactact with, etc. on respsonsive Voting, scoring? Surprise
- More than 56.7 million people; roughly 19 percent of the U.S. population; has a disability recogized by the ADA. - US Census Bureau visual, auditory, physical, speech, cognitive, and neurological Accessibility can be much more: https://the-pastry-box-project.net/anne-gibson/2014-july-31 make pages that can be navigated by voice, touch, mouse, keyboard, and stylus. So today, we need to make simple, readable, effective content. Today, we make sure all our auditory content has a transcript, or makes sense without one. Ensure that all content can be accessed with the keyboard alone. (Some individuals with motor disabilities cannot use a mouse or may have difficulty using a mouse. Some have tremors which don't allow for fine muscle control. Others have little or no use of their hands, due to a spinal cord injury, brain damage, or some other cause. Some people simply do not have hands, whether due to a birth defect, an accident, or amputation. There is an almost limitless list of conditions that could make mouse usage difficult or impossible.) U.S. government sites on this list, since they're required to be accessible via Section 508 of the Rehabilitation Act. Assistive Technologies - software or hardware that people with disabilities use to improve interaction with the web. These include screen readers that read aloud web pages for people who cannot read text, screen magnifiers for people with some types of low vision, and voice recognition software and selection switches for people who cannot use a keyboard or mouse. Adaptive Strategies - techniques that people with disabilities use to improve interaction with the web, such as increasing text size, reducing mouse speed, or turning on captions. Adaptive strategies include techniques with standard software, mainstream browsers, or with assistive technologies. Page maps - making the browser display a small image of the entire web page with an indicator highlighting the portion within the web page that is being currently viewed.
- https://www.census.gov/newsroom/releases/archives/miscellaneous/cb12-134.html http://usa.imaginationlibrary.com/
- 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. visual, auditory, physical, speech, cognitive, and neurological Accessibility can be much more: https://the-pastry-box-project.net/anne-gibson/2014-july-31 make pages that can be navigated by voice, touch, mouse, keyboard, and stylus. So today, we need to make simple, readable, effective content. Today, we make sure all our auditory content has a transcript, or makes sense without one. Ensure that all content can be accessed with the keyboard alone. (Some individuals with motor disabilities cannot use a mouse or may have difficulty using a mouse. Some have tremors which don't allow for fine muscle control. Others have little or no use of their hands, due to a spinal cord injury, brain damage, or some other cause. Some people simply do not have hands, whether due to a birth defect, an accident, or amputation. There is an almost limitless list of conditions that could make mouse usage difficult or impossible.) U.S. government sites on this list, since they're required to be accessible via Section 508 of the Rehabilitation Act. ssistive Technologies - software or hardware that people with disabilities use to improve interaction with the web. These include screen readers that read aloud web pages for people who cannot read text, screen magnifiers for people with some types of low vision, and voice recognition software and selection switches for people who cannot use a keyboard or mouse. Adaptive Strategies - techniques that people with disabilities use to improve interaction with the web, such as increasing text size, reducing mouse speed, or turning on captions. Adaptive strategies include techniques with standard software, mainstream browsers, or with assistive technologies. Page maps - making the browser display a small image of the entire web page with an indicator highlighting the portion within the web page that is being currently viewed.
- Branscaping - Andrew
- By using a real-time behavior based personalization solution - See more at: http://www.evergage.com/blog/increase-web-page-visit-duration-through-personalization/#sthash.6QnU52Zm.dpuf Can be filters, how they sort, how they view – tiled, listed, etc.
- Branscaping - Andrew
- Branscaping - Andrew
- Branscaping - Andrew
- What can you play with, tap, interactact with, etc. on respsonsive Voting, scoring? Surprise