UX Magazine

Defining and Informing the Complex Field of User Experience (UX)
Article No. 818 April 17, 2012

Intersection of the Physical and Digital Worlds

It seems like every few weeks, we hear about a new field that falls under the umbrella of “design.” Though it is a great time to be a designer, we are not taking full advantage of the learning and techniques that stem from other design fields. With all the exciting new divergences in design and with the pressures of deadlines and deliverables, we can lose sight of the past and forget to combine traditional design methods in innovative ways to keep the field moving forward.

My colleague Lindsay Moore and I wondered if there was a way to design better. We wanted to know what would happen if we combined the best aspects of interaction design and product design, as well as a little service design. This would hopefully allow us to create a holistic experience that transcends definition, and thus create better user experiences. To test this idea, we set out to create design concepts for two common household products. This article chronicles our process of combining disciplines and making decisions, and the lessons learned along the way.

How Physical Influences Digital

Through the years, interaction designers have borrowed and implemented a number of principles from our industrial design (ID) counterparts. People figure out how to interact with digital interfaces by using their experience interacting with products in the physical world, so there are a number of ID principles that translate directly to interaction design.

One such principle is affordance. This involves using visual analogies from the physical world to indicate to a user how a system behaves. Things that are meant to be grabbed should have handles, and things that are meant to be turned should be round. In the digital world, we see this manifested in graphical buttons for pushing and slide bars for scrolling.

We also use feedback to provide clues about the status of a system. The knob for a deadbolt lock on a door, or the high-beam indicator in a car are simple examples from the world of ID. The purpose of feedback is to keep the user informed and aware of the system’s status. Interaction designers frequently leverage feedback in digital interfaces. Alert messages in software tell users what went wrong and how to fix it—a big improvement over the very ambiguous “Check Engine” light in cars.

Other feedback examples within a digital interface include the spinning indicator to show something is loading or processing, a status bar indicating the progress of a download, or an icon bouncing in the dock on a Mac to get your attention.

Constraints are often used to prevent accidents from happening. For example, a car engine cannot be started if any gear is engaged, thus preventing the car from moving as soon as it is started. When dealing with digital interactions, options can be removed or obscured to constrain the user without actually having to do much reengineering. Online tax forms are a great example of the constraining power of a digital process compared to its real-world counterpart. The user is taken through steps that guide the process and hide irrelevant information, whereas on the physical forms every field is exposed at all times, often leading to confusion and greater opportunity for error.

How Digital Influences Physical

Industrial design—the design of physical things—currently struggles to take advantage of some of the newer concepts that have come about as a result of exploration of digital interaction. But more complex and loosely defined “systems”—those that integrate physical products, digital interfaces, and complex mechanisms into one product—can really be the best of both worlds, as they leverage the finest ideas of the well-established industrial design realm with exciting new aspects of digital interface design.

Adaptive interfaces are an example of a modern tactic that can be applied to a complex system to increase its utility. For example, some ATMs remember users’ most commonly chosen withdrawal amount and offer that as a quick option ahead of default menu items. This expedites the process, without preventing the more complex operations from being accessed when they are necessary.

Gaming and social media add another dimension of utility and complexity to systems and services, allowing users to share, collaborate and compete. These factors encourage users to not only use a system, but also to use it better and more often.

Finally, while many analog systems were once used to display data one parameter at a time (e.g., the gauge cluster in a car or the banks of dials in a ship’s engine room), modern digital interfaces allow data to be combined, compared, analyzed and thus turned into more digestible, meaningful information in the form of visual representations and trends. This allows users to better engage with products and grasp complexity more easily.

When Digital and Physical Converge, and What We Learned

With a goal of discovering how we could “design better,” my colleague and I decided to experiment with two real-world products to see if we could redesign them incorporating both longstanding tenets and emerging techniques and combining our unique backgrounds and perspectives.

With the ability to incorporate modern techniques and practices to add value, we examined how we could make a dishwasher and a home thermostat more useful, usable, and desirable. These products tend to work just fine for most users, but fall short when it comes to providing a genuinely pleasant, compelling user experience. While some of the things we learned in this experiment could easily be applied to any product or digital interface, these were simulations only and did not result in any new products.

Eco-Friendly Dishwasher

First we took a look at what could be done to improve the experience of using a dishwasher. To begin, we added a touchscreen behind a single glass panel that covered the whole front surface of the appliance, making it easy to clean, and giving it a “clean” aesthetic. This includes status displays for a clock, a time remaining indicator, and an efficiency display. The touchscreen not only looks sharp, but it also disappears when not needed and displays only relevant information when the user wants to see it.

Dishwasher Front

Adaptive interfaces are not as common in physical products as in digital interfaces, but knowing the potential advantages, we set out to learn how we could leverage it here. We decided that our dishwasher would recognize how the owner tends to use the appliance, then expedite and simplify the process by offering the most commonly used settings in an easy-to-access list. Of course, the regular functions (temperature, cycle intensity, and drying mode) are available for the user to quickly select with just the swipe of a finger.

Reexamining a product that, on the surface, seems to work just fine resulted in some interesting takeaways in terms of design principles.

First, information is interesting and valuable. Whether it’s on a website or an appliance, people are interested in learning, but more importantly, they are often interested in the results of learning. Building an adaptive interface into certain physical products can help people be more efficient and better informed. Especially in physical products, an adaptive interface allows repeat tasks to be performed quickly without sacrificing the ability to customize interactions.

Dishwasher Touch Screen

Additionally, when designing products, aligning the conceptual model with the mental model can provide users the opportunity for deeper understanding of how the product works and how it can benefit them.

Finally, the principle of providing feedback played an important role in our dishwasher redesign. While home appliances have made huge gains in efficiency, what actually happens during a wash cycle and the effects that different settings have on overall energy use are often mysterious. By seeing how much additional water or electricity a given cycle would use, the user can make a more informed decision.

Innovative Dishwasher

Simplifying the Home Thermostat

The second product we examined was the home thermostat system. Like the dishwasher, a thermostat gets the job done, but in many cases inelegantly or insufficiently.

We focused on three aspects of the product and the experience: energy consumption, making the entire programming experience easy to understand for the “perpetual beginner” (setting up a schedule for a thermostat happens so rarely that it usually feels new to the user), and allowing for simplicity in common functions like temperature adjustment.

First, we implemented a large, high-resolution touchscreen that turns data into information and eliminates the ugly, confusing array of buttons found on typical thermostats. This approach allows users to see trends in their energy consumption, compare their schedule to the forecasted weather, and receive updates and incentives from an energy co-op or power company.

Making information available, relevant and actionable confers a huge advantage to a rich experience, whether for a digital interface or physical product. In the case of our thermostat, simple tasks such as changing the temperature were brought front and center, minimizing the amount of learning and thinking a user would need to do, while more complex tasks (setting up schedules, for instance) were broken down step-by-step. Additionally, user settings were presented in the form of real-time graphs. These illustrated not only the intended temperature change, but also the time it would take to achieve that the temperature, with the intent spurring the user to be more conscious about energy use.

Thermostat Touchscreen

We also leveraged the power of social media and gaming to encourage users to compete with themselves and their neighbors to further reduce their impact on the environment. By turning an otherwise humdrum task into something that can be won or lost, it gains importance and relevance to the user and can be made more enjoyable. Positive reinforcement through rewards, incentives, and shared benefits leads to positive changes in behavior, and while it may not always be obvious, this idea can be incorporated into a physical product through a well-designed interface.

Thermostat Home Screen

Conclusion

Design has always been about reconciling and leveraging old paradigms and patterns to make things easier for people to grasp. As new technologies and devices have become vastly more complex, the need has arisen for designers to focus on specific facets of each, forcing us to lose sight of the big picture. Interestingly, this comes at a time when we finally have the computing power and technology to be able to recombine things in interesting ways. By thinking outside the proverbial boxes of product design, interaction design, or graphic design, we have cracked the surface of such interesting and innovative fields as experience design and service design.

We are now capable—through new ways of thinking, new tools and new combinations of the same—of designing experiences that defy definition. Products, websites, and services can’t be narrowly defined as such. They should all be human-centered, experience-driven solutions to complex, multi-faceted problems.

ABOUT THE AUTHOR(S)

User Profile

Austin Brown is a User Experience Designer at EffectiveUI where he is responsible for designing digital interactions and experiences for clients such as Microsoft, Boeing, and Navy Federal Credit Union.

Add new comment

Comments

33
44

I love your dishwasher design! Regarding the discussion of large and convenient screens: a single control panel for all appliances may seem a long way away, but I don't know what the holdup is. Every appliance just needs a touch-friendly network-ready controller app that could be installed on existing desktop and mobile devices. I'm looking at you, Windows 8, with your dashboard interface and constrained Metro style, different apps from different manufacturers wouldn't necessarily be a consistency nightmare. I'd mount a touch screen next to my microwave and have access to my oven schedule, refrigerator stats, online recipes, shopping lists... you name it. Actually, if someone would find a way to turn my microwave door into a touch-screen monitor/TV, then that would be ideal, thanks.

34
39

@jeroen.elstgeest_1,

It interesting you should mention the Nest. Lindsay and I only heard about the Nest after we had started down a much different but equally interesting path with our redesign of the thermostat. It caused us a little concern at first, but then we realized that we were really envisioning more of an alternative to the Nest, as opposed to an outright competitor. The premise for our thermostat, like the Nest, was greenness, but the approach was entirely different. While Nest does its own thing in the background and allows one to more or less ignore it, resting assured it is doing its job, the concept we created was much more focused on educating the consumer about his or her energy consumption and rewarding good habits.

Thanks for the comments!

40
34

@angelabender,

Thanks! Lindsay and I decided to render the dishwasher in this way so as to extend the sleek, clean aesthetic of the interface into the "final product", when in reality it certainly would make more sense to have the screen angled toward the user's eyes. At the end of the day, this just looked better in the presentation visuals. Great catch!

As for the thermostat, we gave a lot of thought to the entire ecosystem for this product; from things like making the faceplate removable so it could stay next to the bed or in the living room to building an interface for a mobile device. In fact, the second concept made it into the presentation we gave, but ultimately was too wordy and tangential to fit into this article. I'm glad to see you're on board with us addressing it in the first place though!

Thanks again for the comments!

39
38

Thanks for sharing your work.

What I find interesting is that you arrived at a (totally) different solution then Nest for the thermostat. I, continuing with what angelabender says, believe that the designed interface is more suitable for a relative big screen and not a physical device on the wall which would have to be pretty big.

28
42

Lovely concept for the dishwasher! I do wonder about its practicality considering that the screen would be at hip level.

Is the thermostat interface only for the physical thermostat on the wall? It seems like with the detailed analytics it would be nice if it were actionable (or at least reviewable) from a synced device or desktop as well.

Great work!

33
36

Nice job, my friend!