hostmonster-Host Unlimited Domains on 1 Account   coolhandle offering reliable webhosting since 2001
Unlimited Hosting Space - FREE Site Builder   Smart Website Solutions for Your Small Business=

Improve User Experience With Real-Time Features

Improve User Experience With Real-Time Features

Real-time technology delivers information to your users as it happens. But how does it help improve your product and align with your customers’ expectations?

Only a few years ago words like WebSockets, low latency and real-time functionality were at the forefront of bleeding-edge development. Fast-forward a couple of years and this technology has become an integral part of many of our favourite apps: Facebook with its in-app notifications; Uber with its real-time location tracking effect; Google Docs’ multiuser collaboration feature; and Slack’s live chat. So should you be using real-time features in your product? Let’s look at the reasons you should consider real-time.

Identifying Important Product Features Link

Over time, we often see features in products move from being cutting-edge and nice to have, to become an essential, must-have element of the product.

Take touch-screen technology: in 2007, Apple launched the iPhone, revolutionizing the smartphone market. It soon became the norm to swipe your fingers across a screen and pinch images. Alfred Poor wrote an article1 for Computer World describing the technology of touch screens:

“Now we not only take touch input for granted, we expect to be able to use multitouch (using more than one finger on the screen at a time) and gestures as well”.

No longer do we see touch-screen as an attractive feature, it has become a core part of the smartphone user experience.

Is real-time an attractive or must-have feature in your product? A management technique that helps us understand this better is the Kano model.2 Thinking about real-time technology against the Kano model’s four categories makes it clear that real-time is moving from being an attractive feature to one that must be included:

  • Performance: “They are the ones where customers like having them and dislike not having.”
  • Must-be: “Customers go from tolerating to expecting to have the feature.”
  • Attractive: “What we’re proposing is both new and attractive.”
  • Indifferent: “These occur for any ‘I’m neutral’ or ‘I can tolerate it’ answer.”
Kano3
Kano4 classifies features into four categories.

Let’s take a look at the origins of real-time and how it’s now expected by users and coming to have a must-be quality in many of our favourite apps.

Early Adopters Of Real-Time Technology Link

If we look at the history of real-time technology we start to understand how it has become such a core feature in many of today’s products and tools. One of the early examples of real-time functionality was seen in the stock markets. Allowing traders to execute their trades with low latency has revolutionized the financial sector. In his article “Wall Street’s Quest To Process Data At The Speed Of Light5” Richard Martin states:

“A 1-millisecond advantage in trading applications can be worth $100 million a year to a major brokerage firm.”

Today, high-frequency trading represents over half of all trades in the US equity markets.

Seamless Integration Of Real-Time Link

Real-time technology has become integral to many of our favorite products and as a result we often don’t recognize it as a specific feature – it is simply expected. If someone messages us on WhatsApp6, we expect to see it instantly.

Another good example of this is Google Docs7, released in 2007 and with an estimated 240 million monthly active users by October 2014.

GoogleDoc Animation8
Collaborating experience on Google Docs. (View large version9)

Writing, editing and collaborating could function on a basic level without the integration of real-time technology. However, allowing multiple users to edit in real time as collaborators, without friction or delay, is a key component to its success. Looking back at the Kano model, this supports the argument that real-time functionality has moved from being an attractive feature to a must-be core feature across many products.

But real-time tech isn’t just confined to chat and collaboration apps anymore. It is being used to track scores in sports apps, and even your own health in things like Fitbit activity trackers. And this is only the beginning.

How Companies Are Engaging Their Users With Real-Time Link

Real-time functionality is present in many of our favourite apps. Whether it’s the pop-up in Twitter to notify you of an update, or seeing the progress of your journey on Citymapper with real-time geo-location, we have come to expect such features. In-app notifications are prevalent in a lot of popular apps today such as Twitter, Slack and Zendesk, to mention a few. If new information about something we’re interested in becomes available or somebody sends us a message, we expect to know about it straight away. If you issue a support ticket, you want an immediate response. Keeping users waiting is quickly becoming a thing of the past. Facebook uses live in-app notifications to bring your attention to any new stories, messages, friend requests and so on that relate to you.

Facebook10
Facebook in-app notification.

It’s important that we understand this human interaction element. Do we want to engage our users? Yes. Do we want to spam our users with endless and irrelevant notifications or show them so much information that it’s impossible to see? No.

Studies have shown11 that 100ms is instantaneous to humans and 250ms is an average human’s reaction time. A good example of this is the Twitter feed. With millions of tweets every second, having a user interface that updated in real time would simply make it incomprehensible to the user. Instead, Twitter controls the frequency of its feeds and gives users prompts, making it easily digestible.

Getting An Edge Over Your Competitors With Live Data Link

Deliveroo is currently shaking up the food delivery industry, boasting over 300 delivery drivers and cyclists serving over 50,000 customers, not to mention its expansion across the UK and internationally.

What are the keys to its success? Deliveroo markets itself as a food delivery service that brings high-quality local restaurant meals to your door. Deliveroo offers its customers a premium experience when using their service. One such feature is their live tracking functionality on food orders. Customers can track their delivery in real time12 “maintaining real-time visibility on every step of the food preparation and delivery process.”

Deliveroo13
Deliveroo14 real-time tracking.

This is a prime example of a feature that is currently attractive helping to enhance their user experience by offering their customers a premium service. In stark contrast, Domino’s has a similar feature which lacks the live element, instead asking its users to refresh, but only when the countdown has finished, giving its users a frustrating experience.

dominos-order-tracking15
Domino’s16 track your order page. (View large version17)

With companies like Deliveroo and Uber leading the way in live geo-location tracking experiences, it’s only a matter of time before such features become an essential component in their respective industries.

Real-Time Is Part Of Our Everyday Lives Link

This technology is fast becoming integrated into our day-to-day routines, whether it’s checking live train departures through the Trainline app18 or tracking your daily fitness with the Apple Watch.19

“During a dedicated cardio workout, the Workout app shows real-time stats like elapsed time, distance, calories, pace and speed…”

Naturally this technology is starting to edge into all aspects of our daily life with the advancing development of the Internet of Things as well as traditional applications. Just take Nest, a leader in smart home technology. The company is taking everyday household utilities and making them intelligent. Its products use a real-time API to create instant interactions between the user and product without the need for physical contact, meaning you can always stay connected and in control of your home wherever you are in the world. Nest Labs was acquired by Google in 2014 for an estimated $3.2 billion.20

21
Nest thermostat. (Source: Tech Advisor22) (View large version23)

Nest’s thermostat24 allows you to control your central heating through an app. As with similar products, being able to act and get alerts instantaneously is a key component to the service.

What We Need To Consider When Using Real-Time Link

When using real-time features, two things that need to be carefully considered are how best to design for it, and what the possible drawbacks can be when using this technology.

What happens when the connection is lost on your app, or the screen updates without notifying the user? It’s important to consider things such as giving the user feedback or notifications. If your real-time app has a connection dropout (unavoidable), not notifying the user can become detrimental to their experience. Dominic Nguyen outlines in detail the new challenges we face when designing for real-time in this blog post.25

As with all the latest technologies, it’s important to consider if real-time is the right approach for your product. While real-time comes with many great benefits, we also need to be aware of potential drawbacks. The technology works to deliver data to the user as soon as an update becomes available. Could sending a real-time notification unprompted interrupt the user’s flow?

Depending on the usage, this data can also become a drain on the user’s network. Take sending a large image over a news feed, or notification to someone’s mobile. If you are sending large amounts of data then real-time may not be the best way to distribute it. Some solutions include waiting for input from a user before downloading additional data, or detecting if their device has a Wi-Fi (rather than cellular) connection before sending it.

Making Real-Time Work For You Link

The examples above clearly demonstrate how real-time technology can work to enhance your product. But it doesn’t stop there – there are so many creative ways to make real-time work for your business.

Take something as mundane as a management tool. Adding in real-time functionality can allow users to collaborate on tasks and do live updates across all devices and platforms, and ultimately become much more productive.

Real-time functionality is also commonplace across booking and e-commerce sites. These real-time notifications can show how many people are viewing a deal and notify them if an item is sold while they’re viewing it, encouraging them to buy before it’s too late.

So what are you waiting for? The internet is full of information on everything from building a real-time chat app26 to adding real-time commenting27 to an article.

Wrapping Up Real-Time Link

WhatsApp, Google Docs, Facebook, Zendesk, Twitter, Slack, Trainline, and Nest rely on offering a real-time experience, powered by real-time technology. And that’s just the tip of the iceberg. There’s a new wave of companies driven by real-time on the horizon.

Companies like Deliveroo and Jinn have let us order almost any item for instant delivery, and track it all in real time. Put simply, if your application doesn’t offer this type of experience, you’re getting left behind.

Can you improve your user experience with real-time features such as in-app notifications, geo-location tracking, collaboration and data visualisation? Real-time functionality can increase customer satisfaction and ultimately give you an edge over your competitors.

Real-time technology is fast becoming an integral part of our everyday lives; it’s in many of our favourite apps and it’ll soon be a big part of the smart homes of the future. Remember: expect today’s attractive feature to be tomorrow’s must-be.

(og)

Footnotes Link

  1. 1 http://www.computerworld.com/article/2491831/computer-hardware/computer-hardware-how-it-works-the-technology-of-touch-screens.html
  2. 2 http://foldingburritos.com/kano-model
  3. 3 https://www.smashingmagazine.com/wp-content/uploads/2016/03/01-kano-preview-opt.png
  4. 4 http://foldingburritos.com/kano-model
  5. 5 http://www.informationweek.com/wall-streets-quest-to-process-data-at-the-speed-of-light/d/d-id/1054287
  6. 6 https://www.whatsapp.com
  7. 7 https://www.google.co.uk/docs/about/
  8. 8 https://www.smashingmagazine.com/wp-content/uploads/2016/03/02-google_docs_animation-opt.gif
  9. 9 https://www.smashingmagazine.com/wp-content/uploads/2016/03/02-google_docs_animation-opt.gif
  10. 10 https://www.smashingmagazine.com/wp-content/uploads/2016/03/03-facebook-preview-opt.png
  11. 11 http://cogsci.stackexchange.com/questions/1664/what-is-the-threshold-where-actions-are-perceived-as-instant
  12. 12 https://indexventures.com/news-room/news/deliveroo-raises-25m-in-series-b-funding-to-transform-the-food-delivery-experience
  13. 13 https://www.smashingmagazine.com/wp-content/uploads/2016/03/04-deliveroo-preview-opt.jpg
  14. 14 https://itunes.apple.com/gb/app/deliveroo-restaurant-food/id1001501844?mt=8
  15. 15 https://www.smashingmagazine.com/wp-content/uploads/2016/03/05-dominos-order-tracking-opt.png
  16. 16 https://www.dominos.co.uk
  17. 17 https://www.smashingmagazine.com/wp-content/uploads/2016/03/05-dominos-order-tracking-opt.png
  18. 18 http://www.thetrainline.com/live
  19. 19 http://www.apple.com/uk/watch/health-and-fitness/
  20. 20 http://www.cnet.com/uk/news/google-closes-3-2-billion-purchase-of-nest/
  21. 21 https://www.smashingmagazine.com/wp-content/uploads/2016/03/06-nest-thermostat-opt.jpg
  22. 22 http://www.pcadvisor.co.uk/review/smart-thermostats/nest-learning-thermostat-review-uk-nest-protect-3543915/
  23. 23 https://www.smashingmagazine.com/wp-content/uploads/2016/03/06-nest-thermostat-opt.jpg
  24. 24 http://nest.com/thermostat/meet-nest-thermostat/
  25. 25 http://blog.percolatestudio.com/design/design-for-realtime/
  26. 26 https://blog.pusher.com/real-time-chat-with-ember-2-and-pusher/
  27. 27 https://www.smashingmagazine.com/2012/05/building-real-time-commenting-system/
SmashingConf New York

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ Back to top
Tweet itShare on Facebook

Article source: https://www.smashingmagazine.com/2016/04/improve-user-experience-real-time-features/

Tags:


Submit a Review




If you want a picture to show with your review, go get a Gravatar.

1&1 has shared hosting and dedicated hosting solutions for every budget and free domains with all hosting packages!  StartLogic - Affordable hosting: Free setup/domain, unlimited emails, PHP, mySQL, CGI, FrontPage. As low as $3.95/month
Cloud ecommerce platform delivers more traffic, higher conversion and unmatched performance

© Copyright 2008 Tyconia International, Inc. All Rights Reserved.