Nir’s Note: This guest post comes from Marc Abraham, a London-based product manager at Beamly. In this article, Marc reviews the recently published book “Designing Multi-Device Experiences” by Michal Levin. Follow Marc on Twitter or check out his blog.
We live in a world where the number of connected devices is growing on a daily basis at an immense rate, with people constantly switching between these devices (PCs, smartphones, tablets, TVs and more). The question arises how we can design optimally for a device to be used together with other devices.
Michal Levin, a Senior User Experience Designer at Google, has created a framework which aims to capture the interconnections between different devices. Levin calls this framework an “ecosystem of multi-connected devices.’ The underlying goal behind this framework is to enable designers and product creators to “understand the different relationships between connected devices, as well as how individuals relate to them.” As a result, companies can create natural and fluid experiences when designing for multiple devices for their users. Levin has written about the fundamentals of this ecosystem in her book Designing Multi-Device Experiences.
How does one build such an ecosystem of connected devices? What does a “multi-device experience” entail? A key ingredient is Levin’s “3Cs Framework”. The 3Cs are “Consistent”, “Continuous” and “Complementary” design approaches:
The Consistent Design Approach – Consistent design happens when the same experience and content offering is ported across devices. Despite the inherent degree of consistency between devices, adjustments will nevertheless still need to be made to adjust to different devices’ characteristics. Elements such as content offering and navigation can remain consistent across all devices whilst functional and visual optimisations can be made per individual device.
For example, Trulia – an online real estate mobile app for home buyers, sellers, renters, and real estate professionals – offers the following core elements as part of a consistent experience across all devices:
- Content offering – The entire set of Trulia’s property listings is available on all devices.
- Search bar – The search bar is consistently placed at the top of the app, irrespective of the device.
- Property details box – This is offered across all devices, and provides more details about the property in focus.
Fig. 1 – Screenshot of Trulia’s mobile app
Trulia has optimised a number of things per individual device type. For example, in the smartphone — which has the smallest display out of all devices — the Trulia app focuses on the product’s essence only: a map view of available properties with a price distribution layer. Everything else is displayed upon interaction (see image to the right).
The Continuous design approach – With the continuous design approach, the multi-device experience flows from one device to the next. Michal Levin describes this approach as “a user flow that runs along a set of contexts, during which devices “pass the baton” to one another until the user reaches her information goal or completes the desired activity”. There are two ways in which this continuous user flow can be broken down: a single activity flow and a sequenced activity flow.
With a single activity flow, activities such as reading a book or writing a document can be carried out throughout different contexts (e.g. at work, in bed or at an airport). The end goal remains unchanged; finish reading a book or writing a document. A good example of a single activity flow is the Amazon Kindle. The Amazon Kindle Ecosystem (see Fig. 2 below) enables users to have a seamless reading experience across multiple Kindle devices and Kindle apps.
Fig. 2 – Sample Amazon Kindle’s Ecosystem
In the sequenced activities flow, the user typically goes through a number of different activities to complete her end goal. These steps can be done in different locations, at different times and with different devices being available and/or most convenient for each activity. The fact that each step can be of a very specific nature or have a different duration, has an impact on the way we design for this continuous experience. A good example is Eventbrite, a product focused on organising and attending events. With Eventbrite, the typical user workflow consists of multiple steps and tasks:
- Register for an event – The user typically gets an event invite over email or through browsing. Typically, for the user to decide on registering for the event, she will want to read the event details (e.g. timings, location, etc.) after which she can complete the sign-up form.
- Attend the event – The user workflow related to attending an event tends to comprise a number of subtasks such as getting to the event and checking in at the event venue. Eventbrite’s mobile app accommodates for these tasks through features such as providing directions to the venue and offering a scannable barcode for a quick check in.
The Complementary design approach involves collaboration among multiple devices operating together as a connected group. Whereas the consistent and continuous design approaches center around a single device, the complementary approach is all about user interaction with at least two devices — usually simultaneously — at any given moment. There are two types of device relationships that can help achieve a complementary approach: collaboration and control.
- Collaboration – Different devices, each with its own distinct role, work together collaboratively to construct the whole user experience.
- Control – The user’s primary experience takes place with a particular device, while other devices control aspects of that experience, usually remotely.
Fig. 3 – Sample Real Racing 2 Multiplayer
Additionally, devices can play different roles in the complementary experience. Devices can either be an integral part of the experience (‘must have’) or can be added to deepen the user’s experience (‘nice to have’). The book mentions the racing video game Real Racing 2 as an example of ‘must have collaboration’ between devices (see Fig. 3). Players of this game can use their smartphones to play the game on a tablet in front of them. Xbox Smartglass is an example of a product where collaboration and control meet (see Fig. 4 below). A smartphone or tablet can transform into a second-screen companion to the Xbox Smartglass by automatically serving up extended-experience TV shows, movies, music, sports and games (nice to have ‘collaboration’). On the other hand, the smartphone, tablet, and PC can all control the living room Xbox experience (must have ‘control’).
The remainder of Designing Multi-Device Experiences explores how to best measure the multi-device experience, tracking usage across all devices and understanding how users navigate through the product flow. The book ends with a chapter on potential challenges with respect to creating a multi-device ecosystem, identifying both challenges and potential ways to address them.
Michal Levin has written a very insightful and practical book, which should provide a lot of food for thought for anyone involved in designing or building a user flow which involves multiple devices.
Note: This guest post comes from Marc Abraham
Top Consumer Psychology Articles
- The One Fitness App That Hooked Me For Good
- Here’s How Fortnite ‘Hooked’ Millions
- How Apps Can Shape Your Future Self
- How Netflix’s Customer Obsession Created a Customer Obsession
- Want to Design User Behavior? Pass the ‘Regret Test’ First
- How to Trigger Product Usage that Sticks
- How to Get People to Help Each Other, Online and Off
- Here’s How Amazon’s Alexa Hooks You
- How to Use Psychology to Make Persuasive Video
- How to Use Personality Science to Drive Online Conversions
- The Unbelievable Future of Habit-Forming Technology
- The Secret Marketing Power of Evolutionary Psychology
- Don’t Ask People What They Want, Watch What They Do
- How Cognitive Biases Can Help (and Hurt) Your Business
- What Most People Don’t Know About Behavioral Design
- How to Start a Career in Behavioral Design
- Your World is Full of Placebo Buttons (and That’s a Good Thing)
- How to Build Technology that Feels Like a Friend
- 3 Pillars of the Most Successful Tech Products
- Here’s How to Ethically Manipulate Other People
- How Two Companies Hooked Customers On Products They Rarely Use
- How to Hook Users in 3 Steps: An Intro to Habit Testing
- Die Dashboards, Die! Why Conversations Will Reinvent Software
- The Secret to Sending Emails and Notifications That Work
- How to Win Your Competition’s Customers
- Hooked for Good: How Habit-Forming Products Improve Lives
- Good Products Start With Good Questions
- Human + A.I. = Your Digital Future
- Why ‘Assistant-As-App’ Might Be the Next Big Tech Trend
- People Don’t Want Something Truly New, They Want the Familiar Done Differently.
- 4 Ways to Win Your Competitor’s Customer Habits (Slides)
- Here’s Why You’ll Hate the Apple Watch (and the Important Business Lesson You Need to Know)
- The Secret Psychology of Snapchat
- The Psychology of Notifications: How to Send Triggers that Work
- How Technology Tricks You Into Tipping More
- The Limits of Loyalty: When Habits Change, You’re Toast
- 4 Ways to Use Psychology to Win Your Competition’s Customers
- The Real Reason “Stupid” Startups Raise So Much Money
- The Psychology Behind Why We Can’t Stop Messaging
- The Psychology of a Billion-Dollar Enterprise App: Why is Slack so Habit-Forming?
- Framing Reward is as Important as Reward Itself
- A Free Course on User Behavior
- It’s Not All Fun And Games: The Pros and Cons of Gamification at Work
- Getting Traction: How to Hook New Users
- Designing for Behavior Change Book Review
- The Sneaky Trick Behind the Explosive Growth of the Kardashian Game
- How Successful Companies Design for Users’ Multi-Device Lives
- The Link Between Habits and User Satisfaction
- What Triggers The Best Word of Mouth Marketing?
- What Tech Companies Can Learn from Rehab
- The Secrets of Addictive Online Auctions
- Teach or Hook? What’s the Real Goal of Online Education?
- Using Mind Control to Raise Startup Cash
- How To Build Habits In A Multi-Device World
- How To Cope with Your Insane Jealousy Of The WhatsApp Deal
- Why Do Fads Fade? The Inevitable Death Of Flappy Bird
- You’d Be Surprised By What Really Motivates Users
- Nostalgia: A Product Designer’s Secret Weapon
- How You Can Help Users Change Habits
- Is “Lean Startup” Right for Your Idea?
- Hunting for Habits: Keying in on smart design to make a product irresistible
- Are Companies Too Obsessed With Growth? How to Measure Habits
- Refresh: The App a Secret Agent Would Love
- Angel or Devil: Who’s Really Investing In Your Start-Up?
- In 10 Years, We Won’t Use Personal Technology
- 4 Simple Things I Did to Control My Bad Tech Habits
- “Yes, And”: The Two Words that Created a #1 App
- From Laid to Paid: How Tinder Set Fire to Online Dating
- What if In-App Purchases Came to Real Life?
- Hooking Users One Snapchat at a Time
- How To Save Your Startup From The “Spotlight Effect”
- Bible App: Getting 100 Million Downloads is More Psychology Than Miracles
- How to Boost Desire Using the Psychology of Scarcity
- Marketplaces & The Curse of the Network Effect
- Today’s Behaviors, Tomorrow’s Startups
- Venture Capital and The Superstitious Investor
- Temptation
- The Future is Driven by Interface Changes
- Why Business is Addicted to Habits
- Viral Loops Or Viral ‘Oops’?
- Making a Marketplace
- What Killed Turntable.fm?
- What You Don’t Know About Human Intuition Can Hurt You
- Designing to Reward our Tribal Sides
- New Video – “Hooked: Building Habit-Forming Products”
- How Technology is Like Bug Sex
- Ways To Get People To Do Things They Don’t Want To Do
- The Network Effect Isn’t Good Enough
- Mass Persuasion, One User At A Time
- How Investment Drives Engagement (Slides)
- Getting Your Product Into the Habit Zone
- Where Have The Users Gone?
- Infinite Scroll: The Web’s Slot Machine
- Designing User Habits Video
- Psychology of Sports: How Sports Infect Your Brain
- This is Your Brain On Boarding: How to Turn Visitors Into Users
- User Investment: Make Your Users Do the Work
- Behavior by Design Video
- When Designing for Good Is Bad
- Stop Building Apps, Start Building User Behaviors
- The Next Secrets of the Internet
- User Growth and Engagement: A Hacker Metric
- Spotting the Next Facebook: Why Emotions are Big Business
- The Billion Dollar Mind Trick: An Intro to Triggers
- Why Everyone Hates I.T. People
- Hooking Users In 3 Steps: An Intro to Habit Testing
- Abolish The Reference Check
- Variable Rewards: Want To Hook Users? Drive Them Crazy
- How to Design Behavior (The Behavior Change Matrix)
- How To Design For “Normals”
- Hooks: An Intro on How to Manufacture Desire
- User Habits: Why Startups Must Be Behavior Experts
- What Is, and Is Not, Your Product’s Job
- Pinterest’s Obvious Secret
- Personalized eCommerce Is Already Here, You Just Don’t Recognize It
- Where is the Web Going?
- The Developer Divide: When Great Companies Can’t Hire
- Being a Quitter Makes You a Good Entrepreneur
- Behavior by Design
- Why You Should Run Your Business Barefoot
- Are you a Startup Star, Wacko, or Wannabe?