Design

Interaction Design

Engineering

Electrical & Software Engineering

<p>The worlds of digital and physical product design once existed in isolation, but that’s quickly changing. Every second, another 127 devices are connected to the internet.&nbsp;</p>

Sector Page: IoT (text only)

<p>Worldwide, by 2023, there will be 43 billion Internet of Things products — an almost threefold increase from 2018.</p>
<p>So it’s not surprising that researchers, strategists, designers, and engineers who began their careers in either digital or physical design are increasingly finding themselves working on products that blend the familiar feel of physical products with the connectedness and flexibility of digital interfaces.</p>
<h2>It Happened To Us</h2>
<p>We’re here to tell you that it happened to us! In the past year our own careers have evolved from focusing primarily on digital interface design to enabling digital-physical product design. Through this process, we’ve adapted and adjusted our working styles to the new digital-physical reality we live in. We’re sharing our learnings here for the benefit of other design practitioners who may want to enter the space of digital-physical product design but are unsure where to begin.</p>
<h2>Understand the Differences: Process, Mindset, and Tools</h2>
<p>First, it’s important to understand the differences between the digital and physical design disciplines. Knowing the differences will help you figure out how to speak the design language of whichever discipline is not your native one.<br></p>
<h3>Differing Product Development Outlooks</h3>
<p>Designers of digital products are continuously improving their products. The goal is to get a minimum viable product out the door so people can start using it, and project teams can start gathering data for quick, iterative updates.</p>
<p>That doesn’t work as well for most physical products. Once they’re out the door there are no take-backs, and no new features will be added until the next-gen product can roll out — which can take months, if not years.</p>
<figure><a href="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_Options.png"><img src="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_Options.png" alt="digital-physical product design" width="1110" height="580" srcset="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_Options.png 1110w, https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_Options-768x401.png 768w" data-image="2avh4ukveivj"></a></figure>
<h3>Digital Versus Physical Canvas</h3>
<p>The ways that we design digital and physical products are distinct, and designers are trained to think differently about how to address users’ needs through the digital versus the physical medium.</p>
<p>Digital designers are trained to think dynamically. Their canvas is two-dimensional and imposes fewer constraints. Their low-cost, digital real estate allows digital designers to focus more on what they can do and less on what they can’t. Additionally, digital designers can readily add new features, try something else, or update on the fly to meet a wide variety of users’ needs.<br></p>

<p>Because designers of physical products work with a more limited canvas, they’re forced to think more conservatively.&nbsp;</p>
<p>Their three-dimensional canvas is constrained by the laws of physics and the limitations of physical space.&nbsp;They spend a significant amount of time understanding material, manufacturing, and technological factors.&nbsp;</p>
<p>Designers of physical products quite literally cannot pack all the features they want to into a physical product the way you can in a digital product.</p>
<p>Think about a physical radio versus one that’s online.&nbsp;</p>
<p>The digital music player could present you with a hundred or more interaction points to find new stations, optimize your preferences, or share your listening with friends.&nbsp;</p>
<p>A three-dimensional radio, due to the constraints of the physical form, may be able to present you with an on/off switch, a tuning dial, a volume dial, and perhaps some alarm set buttons.&nbsp;</p>
<p>Any more features and you begin to sacrifice the usability of the design.</p>
<h2>2D Versus 3D Tools of the Trade</h2>
<p>The tools used in user research are different, too.&nbsp;</p>
<p>Testing digital products means focusing primarily on what’s happening in a two-dimensional space — how people are moving across the screen, where their eyes are tracking, where their fingers are tapping.&nbsp;</p>
<p>Common tools for understanding the digital user experience include screen-grab software, web cams, or eye-tracking software to get heavy into the details.</p>
<p>With physical products, we’re working in a three-dimensional space.&nbsp;</p>
<p>Effective documentation of this added dimension requires different tools, such as multiple cameras, connectors, adaptors, and cords. Not to mention physical prototypes and all the tools and techniques needed to develop those.</p>
<p>As a sidenote, merging two-dimensional and three-dimensional product design can provide an opportunity to use new techniques. One example is non-finito prototyping, a method that employs intentionally unfinished prototypes as part of the user-centered design process.&nbsp;</p>
<p>It helps solve a problem that comes up repeatedly when designing integrated product experiences: What should be part of the digital experience, and what should be part of the physical?</p>
<h2>Digital-Physical Product Design Languages</h2>
<p>Our early observations about the differences between physical and digital design helped us realize that these two types of design — and the practitioners within them — speak different languages. While all the disciplines that contribute to complex digital-physical products need to adapt and adjust, it’s especially vital for researchers and strategists whose role on a cross-disciplinary team is to represent users’ needs throughout the design and development process. Becoming multilingual is a necessary skill to ensure users’ needs remain a critical part of the decision-making process.</p>

<p>While we don’t need to know everything about each aspect of the design process, we need to understand the different languages well enough to work effectively with our teammates.&nbsp;</p>
<p>We’re teaching ourselves to become multilingual digital-physical design practitioners using five simple strategies.&nbsp;</p>
<p>These strategies, common to learning any new language, lay the groundwork for bridging institutional divides, building stronger digital-physical product teams, and creating great user experiences.</p>
<p>Ever find yourself in the same position? Here are the five strategies that helped us along our journey:</p>
<h3>1. Know Where You Are</h3>
<p>You wouldn’t walk into a country without knowing what language they speak. Even if you only know the pleasantries, you’re better off than the person who knows nothing. Likewise, you shouldn’t walk into a digital-physical design project without knowing how to talk to interaction and industrial designers, software, mechanical, and electrical engineers.</p>

<p>Next-generation medical devices with hardware/software interactions need a new, holistic development methodology.</p>

Don't Miss: A Better Way to Develop a Medical Device with Digital and Physical Elements

<p>Consult our chart below, which breaks down the different disciplines typically found in digital-physical product design. You can use this to identify where your strengths are and target areas for improvement.</p>
<figure><a href="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_DiscChart.png"><img src="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_DiscChart.png" alt="" width="1110" height="626" srcset="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_DiscChart.png 1110w, https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150034/INLINE_DigiPhysi_DiscChart-768x433.png 768w" data-image="6hpr6nbc3ie8"></a></figure>
<h3>2. Connect With a Native Speaker</h3>
<p>Reach out to people who are native speakers in the language you need to learn. That can be as simple as getting coffee with an engineer or asking a UX researcher about their job.</p>
<p>It can be helpful to discuss topics where your interests overlap, like accessibility. As you share your knowledge about the topic, you’ll start to pick up on each other’s lingo.</p>
<h3>3. Immerse Yourself in the Culture</h3>
<p>Dive in. The fastest way to learn a language is full immersion. We’re not saying you need to find a new job, but you might consider joining a Meetup group or attending an event at a local university. (This article is a condensed version of a talk we presented at <a href="https://www.meetup.com/Research-Rewind/">Philadelphia’s Research Rewind Meetup</a>. Other Meetups to check out in Philly include <a href="https://www.meetup.com/DesignBrew/">DesignBrew</a>, <a href="https://www.phillychi.acm.org/">PhillyCHI</a>, and <a href="https://www.eventbrite.com/o/ladies-that-ux-phl-9870096402">Ladies That UX.</a>)</p>
<h3>4. Watch, Listen, and Write the Language</h3>
<p>As you become more fluent in a new design discipline, broaden your scope. Don’t skim past articles geared toward other design professions. Stop and give them a read. Try a mix of articles from our blog (congratulations, you’re already doing that!), <a href="https://www.core77.com/" target="_blank" rel="noopener noreferrer">Core77</a>, and <a href="https://www.idsa.org/">IDSA</a>.</p>
<p>Balance with articles from the <a href="https://www.nngroup.com/articles/">Nielsen Norman Group blog</a>, <a href="https://www.smashingmagazine.com/articles/">Smashing Magazine</a>, <a href="https://www.uxbooth.com/">UX Booth</a>, and the <a href="https://uxdesign.cc/">UX Design Collective</a>. You’ll get a nice mix of digital, physical, design, and research perspectives from these resources that will prepare you for our digital-physical design world.</p>
<h3>5. Seek Formalized Training</h3>
<p>Once you have a basic understanding of the language of another design discipline, you might consider investing in formalized training.</p>
<p>This can be especially helpful if you’re designing for a specialized industry, such as medical devices. Look to professional associations for relevant courses. In medical, The Association for the Advancement of Medical Instrumentation’s (AAMI) “Human Factors for Medical Devices” course is a great way to learn about the FDA’s regulatory requirements, appropriate study designs, and human factors best practices for medical devices.<br></p>

<p>HelmetFit's award-winning, intuitive digital-physical user experience makes helmet inflation faster, easier, safer, and more precise.</p>

Case Study: HelmetFit

<h2>Digital-Physical Workflows: A Tool for Bridging Language Gaps</h2>
<p>We’d be remiss to tackle this topic without sharing one of our most effective tools for bridging the divides between design disciplines. At Delve, when we’re having conversations about digital-physical product design, we use a special form of workflow mapping to help everyone in the room get on the same page. We call these maps digital-physical workflows.</p>
<p>We used digital-physical workflows when we designed <a href="https://www.delve.com/work/helmetfit-football-helmet-inflation-system" target="_blank">HelmetFit</a>, an app-controlled helmet-inflation system. That product consists of a handheld pump equipped with a spring-loaded mount for a smartphone. The pump allows users to refill the air bladders inside their football helmets, and a companion app walks them through the process.</p>
<figure style="margin: 0px 0px 1em; padding: 0px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-weight: 400; font-stretch: inherit; font-size: 16px; line-height: inherit; font-family: system-ui, " system-ui",="" -apple-system,="" "segoe="" ui",="" roboto,="" oxygen,="" ubuntu,="" cantarell,="" "fira="" sans",="" "droid="" "helvetica="" neue",="" sans-serif;="" font-optical-sizing:="" inherit;="" font-kerning:="" font-feature-settings:="" font-variation-settings:="" vertical-align:="" baseline;="" display:="" block;="" outline:="" none="" !important;="" position:="" relative;="" box-sizing:="" clear:="" both;="" color:="" rgb(63,="" 77,="" 90);="" letter-spacing:="" normal;="" orphans:="" 2;="" text-align:="" start;="" text-indent:="" 0px;="" text-transform:="" none;="" widows:="" word-spacing:="" -webkit-text-stroke-width:="" white-space:="" background-color:="" rgb(251,="" 252,="" 254);="" text-decoration-thickness:="" initial;="" text-decoration-style:="" text-decoration-color:="" initial;"=""><a href="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150033/INLINE_DigiPhysi_DigiPhysi.png" style="margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; text-decoration: none; color: rgb(51, 151, 255); cursor: pointer; outline: none !important; box-sizing: inherit;"><img src="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150033/INLINE_DigiPhysi_DigiPhysi.png" alt="A digital-physical workflow for HelmetFit, an app-controlled helmet-inflation system" width="1110" height="580" srcset="https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150033/INLINE_DigiPhysi_DigiPhysi.png 1110w, https://cdn.bresslergroup.com/wp-content/uploads/2020/01/12150033/INLINE_DigiPhysi_DigiPhysi-768x401.png 768w" data-image="c07tg01l6f67"></a></figure>
<p>Our digital-physical workflow for HelmetFit looks a bit like a storyboard for a movie. At the top, we plot every step the user will take with the physical product. Along the bottom, we detail each digital interaction. In the middle, there’s space to collaborate and raise important questions that will determine the product’s functional requirements for how the digital and physical will connect — Bluetooth or WiFi? Waterproof?</p>
<p>Digital-physical workflows allow us to visualize how different aspects of an integrated product will work in parallel. It helps us marry what’s happening in the physical world with what’s happening in the digital world.</p>

<p>The real power of this workflow is that it becomes a tool that transcends language barriers. Each discipline contributes their perspective in their own language, and the visual ties it all together in a way that helps everyone understand each other. It’s exciting when the blended digital-physical product experience begins to emerge.<br></p>

<p>Delve has developed a wide range of products in the IoT category, from wearables to home automation devices to medical tools to connected appliances.</p>

Services Page: IoT Product Design and Development

<h2>Adapting to the Connected World</h2>
<p>Which digital and physical design languages do you speak today? Could learning others help you improve the products you create? Which languages does your team speak? Are there any gaps?</p>
<p>We hope this post has given you a few things to consider and try. Whether you’re shifting gears in your job to design more connected devices, or starting a new job, being able to communicate with and understand everyone on your project team will lead to better products and experiences for users.</p>
<p><strong>Learn about our <a href="https://www.delve.com/services/iot-product-design" target="_blank">Digital-Physical Design expertise</a>.</strong></p>

Digital to digital physical HEADER Digi Physi

<p><strong>Teach yourself to become a multilingual digital-physical product design practitioner using five simple strategies.</strong></p>

Contact Us | Digital Content

Digital

Home

Blog

From Digital to Digital-Physical Product Design

Breadcrumbs

A full-service product design and strategic innovation consultancy.

Delve

Teach yourself to become a multilingual digital-physical product design practitioner using five simple strategies.

description

generator

kSwNn6qD4B-4HloWnWMUBWQNpBx2_mPi3nMqgsh6ato

google-site-verification

digital-physical, product, design, practitioner, using, multilingual, simple, teach, strategies

keywords

https://cms.delve.com/assets/images/_1200x630_crop_center-center_82_none/digital-to-digital-physical-HEADER_DigiPhysi.png?mtime=1652238764

https://linkedin.com/company/delvedesign/

https://www.delve.com/insights/from-digital-to-digital-physical-product-design

referrer

robots

twitter:card

twitter:creator

twitter:description

https://cms.delve.com/assets/images/_800x418_crop_center-center_82_none/digital-to-digital-physical-HEADER_DigiPhysi.png?mtime=1652238764

twitter:image

twitter:image:alt

twitter:image:height

twitter:image:width

twitter:site

twitter:title

{"title":{"title":"From Digital to Digital-Physical Product Design | Delve"}}

Think Digital

Privacy Policy

FCOI Policy

Services

Industries

Case Studies

What We Do

About Us

Our People

Work at Delve

Newsroom

Who We Are

Boston

Madison

Philadelphia

San Francisco

Our Studios

Contact Us

Hire Us

Contact

Read informative articles from Delve's team of experts. Discover innovative strategies and insights about product design, engineering, and development.

Delve Insights: Product Innovation & Development Blog

innovation, product, design, advice, development

https://cms.delve.com/assets/images/_1200x630_crop_center-center_82_none/Delve_titlecard.png?mtime=1654035558

https://cms.delve.com/assets/images/_800x418_crop_center-center_82_none/Delve_titlecard.png?mtime=1654035558

From Digital to Digital-Physical Product Design

From Digital to Digital-Physical Product Design

Related Insights