Bill Horan - Creative Director, Interaction Design As the physical devices and environments around us become more infused with software and digital connections and capabilities, new approaches are needed to move beyond the dedicated user interface, blending interactions into the physical world. In this talk, you’ll get an overview of our approach for integrating digital and physical aspects of design to create holistic product experiences. Topics covered will include ID / IxD collaboration, Digital / Physical workflow mapping, and UX considerations for physical devices and environments.

1. Digital + Physical
Designing Integrated Product Experiences
Bill Horan
Creative Director, Interaction Design
Bresslergroup
1
@billhoran
bhoran@bresslergroup.com

2. 1. Why Digital + Physical?
2. Tenets
3. Process & Considerations
4. Case Study: Helmetfit

4. Bresslergroup is a Insight-Driven
Innovation Lab.
EE
ELECTRICAL
ENGINEERING
UR
USER
RESEARCH
IxD
INTERACTION
DESIGN
ID
INDUSTRIAL
DESIGN
ME
MECHANICAL
ENGINEERING

5. 45+
Years of Innovation
60+
Design Professionals
100+
Design Awards
230+
Design & Utility Patents

6. http://www.bresslergroup.com/about/#jobs

7. Why Digital + Physical?
7
01

8. Completion of focused digital tasks
DIGITAL

9. Support of physical activities
and workflows
DIGITAL + PHYSICAL

10. Tactile / Segmented Smart / Connected
Haptic UIEmbedded Touch
Capacitive / E-ink
Gestural UI Capacitive LED
Direct Control App
Companion App Ambient UITactile / LED Voice UI

11. Tenets
11
02

12. The best interface
is no interface
@goldenkrishna
TENET 1

13. Digital supports physical
TENET 2

14. Honor the essence
of the object
TENET 3

15. Don’t complicate what
once was simple
TENET 4

16. Degrade gracefully
TENET 5

17. Process & Considerations
17
03

18. Assess the situation
Observe and analyze physical workflows
Understand use environments and parallel activities
Determine ergonomic requirements
Understand user types and expertise levels
Consider social context
Catalog the “actors"

20. 20 Journey Map

21. 21 Ergonomic Considerations

22. Get the right blend
Prioritize use cases and key interactions
Define user inputs and feedback – both digital and physical
Define automated inputs / algorithms
Define digital / physical communications (sensors)
Generate parallel digital / physical workflows

23. 23 Digital / Physical Workflow

24. Digital / Physical Workflow

25. Hide the seams
Support a useful & cohesive mental model
Choose appropriate metaphors
Map inputs and feedback naturally
Consider input / feedback relationships & micro-interactions
Develop consistent design language across digital and physical
Marry display & feedback with overall Industrial Design

26. Input / Feedback Relationship

27. Feedback Metaphor

28. Inconsistent Design Language

29. Consistent Design Language

30. Fine-tune
Prototype, test, iterate (Repeat!)
Optimize user onboarding
Account for firmware / software iterations and updates when making
hardware decisions

31. CONFIDENTIAL High Fidelity Prototypes

32. Simulated Testing Environment
“Scrappy” Interaction Prototype

33. User OnboardingCONFIDENTIAL

34. Case study
Helmetfit

35. Mike Weatherby – Founder, HelmetfitCONFIDENTIAL35
“At the culmination of my
thirteen years of playing
organized football — at a time
when a head injury cost me a
quarter of my senior season —
I came to the realization that
there was a lack of awareness
regarding the need for regular
helmet maintenance.”

36. Inflation Ports
Inflation ProcessHelmet Bladders

40. 40
INTERACTION MODELS
ADMINISTRATIVE FUNCTIONAL

41. First Time Player Fit41
DIGITAL / PHYSICAL WORKFLOWS
• TRAP
PROVISIO
NING

45. FTUE / ONBOARDING
45
Create Account Pair Device Create Team Choose Color Set Reminders Team Entity

46. 46
CONTEXTUAL COACHING
PUMP
COACHING
FIT
COACHING

49. ANY QUESTIONS?
Thanks for listening.
@billhoran
bhoran@bresslergroup.com