Creating products today requires considering more than just screens and a basic web stack. Hear how the best companies are pushing the boundaries by leveraging a variety of technologies and collecting data across a variety of channels and devices. Understand how designers and developers can work together to efficiently craft relevant and engaging user experiences that take advantage of all the opportunities that are available in our increasingly complex technical landscape. This talk will outline techniques that establish a weekly cadence of experiment driven development. These are specific exercises and tools that can be used to iteratively design, build, deploy and test physical products in real world scenarios. This process allows teams to move fast to release products in weeks versus months and use those releases to better inform future design and development sprints.

1. The 3 D’s of 3-D Products
Developing products for the ubiquitous
web.
#devconfive
@chemphill
@carbonfive

2. Courtney Hemphill
Partner/Tech Lead
@chemphill
courtney@carbonfive.com
#devconfive

3. Ubiquitous Web
The mobile app vs web debate is a red herring
Nothing to see
here folks!

4. Courtesy of http://www.emerkirrane.com/
Devices

5. Multi-
Device

6. Multi-
Channel

8. The future…
+ AR
+ VR
+ Context aware
+ Voice

9. Photograph by Mike Hollingshead / ExtremeInstability.com
Development

10. Multiple input/
output

11. TDD+EDD
+ Test Driven Development
+ Experiment Driven Design

12. Context is King

13. Design

14. Cross-functional teams
+ physical product design
+ electrical engineering &
firmware
+ application software
+ data scientist
+ service design
+ sales
+ marketing
+ ++++++

15. ruby
rapid prototyping
sales
product design
circuits
firmware
ethnography
data scientist
system operations
visual/UX design
marketing
Objective-C
node.js
java
Disappearing Boundaries

16. Conflicting
perspectives are
required for
creative solutions.

17. Solving Big ProblemS.

18. Solving NEW ProblemS.

19. Techniques

20. Case
Studies

21. Week
at a
Glance
Monday
APRIL
MAY
week 18
Tuesday
Wednesday
Thursday
Friday
reflect & plan
define
build & refine
build & refine
analysis

22. + pragmatic over dogmatic
Flexible
Schedule

23. + reflect & plan
Monday

24. Retrospective

25. http://stickies.io

26. User Testing

27. Design Thinking Spikes

28. Tuesday
+ define

29. Sprints as Experiments

30. Wednesday &
Thursday
+ build & refine

31. Codeoing

32. Designer/Developer Pairing

33. (yay!)
Story
Acceptance

34. Friday
+ analysis

35. TDD + EDD
Qualitative:
+ mock devices & services that aren’t
available
+ run assumptions against existing data
+ find relevant users for testing
+ go from low-fi testing to hi-fi testing

36. TDD + EDD
Quantitative:
+ set up funnels analytics
+ A/B splits
+ routing cohorts
+ Data mining

37. Testing on devices
+lo-fi: prototyping tools (Pixate,
Flinto, etc)
+hi-fi: test scripting (Optimizely,
Mixpanel)
+use real devices! (device wall/kit)

38. Prosper

39. User journey

41. Valuable, actionable & measurable

43. How we communicate data

44. Opower

49. Balanced team board sessions

50. Rapid prototyping

53. Test your device data!

55. E M O T I O N E X C I T E M E N TE N E R G Y
E N E R G Y B Y G E N D E R C U R R E N T T I M EE N E R G Y B Y A G E
L I G H T W A V E E N E R G Y D A S H B O A R D
23:56100
18-20 21-24 25-29 30-34 35-39 40-44 45-49 50+
E N E R G Y O V E R T I M E
21:38 23:56

57. Visual Style Guide & Living Assets

59. Five on
Friday

60. Hybrid Prototyping

61. Real Time Prototyping

62. Discipline

63. Conflict that
arises is critical
to innovation.

64. Resources & References
• Agile XP - http://www.amazon.com/Extreme-Programming-
Explained-Embrace-Edition/dp/0321278658
• Google Ventures Product Design Sprints - http://
www.gv.com/lib/the-product-design-sprint-a-five-day-recipe-for-
startups
• Design Thinking d.school Bootcamp - http://
dschool.stanford.edu/use-our-methods/the-bootcamp-bootleg
• BDD Storywriting - http://dannorth.net/whats-in-a-story
• Pivotal Tracker(http://pivotaltracker.com)
• Storymapper.io (http://storymapper.io)
• Stickies.io (http://stickies.io)