Workshop presented at DC Web Women's Code(Her) Conference on September 13, 2014.

1. Designing for Wearable Devices
Saturday September 13, 2014
Stephanie Nguyen
@nguyenist

2. Today
• Intro: Smartwatches
• Apple Watch vs. Moto 360
Differences
Similarities
Examples
• Case Study: Landmark
From Mobile to Smartwatch
• Design Sprint
Build your own prototype

3. Apple vs. Google #codeher2014
@nguyenist

4. New Considerations
• Accessing apps
• Inputting information
• Mobile-dependency
• Notifications
• Round vs. square screen
• Smaller screen real estate
• Shorter battery life

5. Key Differences

6. Development #codeher2014
@nguyenist

7. Charge + Hardware Considerations #codeher2014
@nguyenist

8. UX/UI Impact: Rounded square vs. Round interface #codeher2014
@nguyenist

9. Accessing Apps #codeher2014
@nguyenist

10. Maps & Navigation #codeher2014
@nguyenist

11. Similarities

12. Voice Commands + No Keyboard #codeher2014
@nguyenist

13. Glanceable #codeher2014
@nguyenist

14. Contextual + Hyperlocal #codeher2014
@nguyenist

15. The Quantified Self + Health + Fitness #codeher2014
@nguyenist

16. Wearable Philosophy
(Courtesy of Google / Android Wear)

17. Source: Google & #AndroidWear

18. Launched automatically
Source: Google & #AndroidWear

19. Glanceable
Source: Google & #AndroidWear

20. Suggest & Demand
Source: Google & #AndroidWear

21. Zero or no interaction
Source: Google & #AndroidWear

22. App Examples

23. Request a car: Lyft, Uber #codeher2014
@nguyenist

24. Taking notes: Notepad, Evernote, Trello #codeher2014
@nguyenist

25. Payment: Apple Pay #codeher2014
@nguyenist

26. Creative Communication: Heartbeats, Emoticons and Drawings #codeher2014
@nguyenist

27. Case Study:
#codeher2014
@nguyenist

28. 1492

29. 500 years later...

31. Evolution of Maps Are we there yet?

32. “Head Northwest on
Connecticut Ave.”
...which way is that?

33. Landmarks #codeher2014
@nguyenist

34. Right when you see the Flat
Iron Building at E 23rd Street
In 2
Blocks
Slight Right toward Shake In 200
To start, begin walking in this direction
on Broadway toward E 23rd Street

35. Stephanie Nguyen | @nguyenist | stephanie@silicalabs.com
Say hello: