Improve User Experience With Real-Time Features

Jump to the content

X

X

Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Improve User Experience With Real-Time Features

Advertisement

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

Lauren has a keen eye for detail and a passion for digital and product design. She previously led a design team at an award wining computer games studio before moving into the tech world to head up design at Pusher. Follow her at @laurenmplews.

Advertisement

  1. 1

    Jabran Rafique

    April 6, 2016 7:54 am

    Great insights with some brilliant examples. Thank you.

    0

  2. 2

    Very good overall explanation in this article! Thank you!

    Realtime stack is very important for news organizations as well. From delivery of breaking news banners to live blogs and beyond!

    What are some of the providers of th said tech? Here are some examples I have used recently:

    – Pusher
    – Firebase
    – Pubnub
    – Nginx Push Stream Module (open source)
    – SocketIO

    3

  3. 3

    Nest is lost, therefor not the best example to show successful services.

    2

  4. 4

    Nicolas Hoizey

    April 6, 2016 1:57 pm

    What about WebRTC/ORTC?

    0

Leave a Comment

Yay! You’ve decided to leave a comment. That’s fantastic! Please keep in mind that all fields are mandatory, comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let’s have a personal and meaningful conversation instead. Thanks for dropping by!

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top

Clicky

  • Books
  • eBooks
  • Tickets
  • About us / Impressum
  • UX Design
  • Books
  • Tickets
  • UX Design
  • Smashing Conf New York

    We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

    Improve User Experience With Real-Time Features

    Advertisement

    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

    Lauren has a keen eye for detail and a passion for digital and product design. She previously led a design team at an award wining computer games studio before moving into the tech world to head up design at Pusher. Follow her at @laurenmplews.

    Advertisement

    1. 1

      Jabran Rafique

      April 6, 2016 7:54 am

      Great insights with some brilliant examples. Thank you.

      0

    2. 2

      Very good overall explanation in this article! Thank you!

      Realtime stack is very important for news organizations as well. From delivery of breaking news banners to live blogs and beyond!

      What are some of the providers of th said tech? Here are some examples I have used recently:

      – Pusher
      – Firebase
      – Pubnub
      – Nginx Push Stream Module (open source)
      – SocketIO

      3

    3. 3

      Nest is lost, therefor not the best example to show successful services.

      2

    4. 4

      Nicolas Hoizey

      April 6, 2016 1:57 pm

      What about WebRTC/ORTC?

      0

    Leave a Comment

    Yay! You’ve decided to leave a comment. That’s fantastic! Please keep in mind that all fields are mandatory, comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let’s have a personal and meaningful conversation instead. Thanks for dropping by!

    You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

    Smashing Conf New York

    We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

    Identifying Important Product Features Link

    1234

    Early Adopters Of Real-Time Technology Link

    5

    Seamless Integration Of Real-Time Link

    6789

    How Companies Are Engaging Their Users With Real-Time Link

    1011

    Getting An Edge Over Your Competitors With Live Data Link

    121314151617

    Real-Time Is Part Of Our Everyday Lives Link

    18192021222324

    What We Need To Consider When Using Real-Time Link

    25

    Making Real-Time Work For You Link

    2627

    Wrapping Up Real-Time Link

    Footnotes Link

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

    1. 1

      Jabran Rafique

      April 6, 2016 7:54 am

      Great insights with some brilliant examples. Thank you.

      0

    2. 2

      Very good overall explanation in this article! Thank you!

      Realtime stack is very important for news organizations as well. From delivery of breaking news banners to live blogs and beyond!

      What are some of the providers of th said tech? Here are some examples I have used recently:

      – Pusher
      – Firebase
      – Pubnub
      – Nginx Push Stream Module (open source)
      – SocketIO

      3

    3. 3

      Nest is lost, therefor not the best example to show successful services.

      2

    4. 4

      Nicolas Hoizey

      April 6, 2016 1:57 pm

      What about WebRTC/ORTC?

      0

    1. 1

      Jabran Rafique

      April 6, 2016 7:54 am

      Great insights with some brilliant examples. Thank you.

      0

    2. 2

      Very good overall explanation in this article! Thank you!

      Realtime stack is very important for news organizations as well. From delivery of breaking news banners to live blogs and beyond!

      What are some of the providers of th said tech? Here are some examples I have used recently:

      – Pusher
      – Firebase
      – Pubnub
      – Nginx Push Stream Module (open source)
      – SocketIO

      3

    3. 3

      Nest is lost, therefor not the best example to show successful services.

      2

    4. 4

      Nicolas Hoizey

      April 6, 2016 1:57 pm

      What about WebRTC/ORTC?

      0

    1. 1

      Jabran Rafique

      April 6, 2016 7:54 am

      Great insights with some brilliant examples. Thank you.

      0

    2. 2

      Very good overall explanation in this article! Thank you!

      Realtime stack is very important for news organizations as well. From delivery of breaking news banners to live blogs and beyond!

      What are some of the providers of th said tech? Here are some examples I have used recently:

      – Pusher
      – Firebase
      – Pubnub
      – Nginx Push Stream Module (open source)
      – SocketIO

      3

    3. 3

      Nest is lost, therefor not the best example to show successful services.

      2

    4. 4

      Nicolas Hoizey

      April 6, 2016 1:57 pm

      What about WebRTC/ORTC?

      0

    Jabran Rafique

    April 6, 2016 7:54 am

    Great insights with some brilliant examples. Thank you.

    0

    0

    Very good overall explanation in this article! Thank you!

    Realtime stack is very important for news organizations as well. From delivery of breaking news banners to live blogs and beyond!

    What are some of the providers of th said tech? Here are some examples I have used recently:

    – Pusher
    – Firebase
    – Pubnub
    – Nginx Push Stream Module (open source)
    – SocketIO

    3

    3

    Nest is lost, therefor not the best example to show successful services.

    2

    2

    Nicolas Hoizey

    April 6, 2016 1:57 pm

    What about WebRTC/ORTC?

    0

    0

    Leave a Comment

    Yay! You’ve decided to leave a comment. That’s fantastic! Please keep in mind that all fields are mandatory, comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let’s have a personal and meaningful conversation instead. Thanks for dropping by!

    You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

    You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

    You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

    Currently there are 181.175 subscribers.

    Smashing Job Board Smashing Jobs

    View more job openings…




    Source