Designing for Wearable Devices

Saturday September 13, 2014Stephanie Nguyen@nguyenist

Today

• Intro: Smartwatches

• Apple Watch vs. Moto 360DifferencesSimilaritiesExamples

• Case Study: LandmarkFrom Mobile to Smartwatch

• Design SprintBuild your own prototype

Apple vs. Google #codeher2014@nguyenist

New Considerations

• Accessing apps

• Inputting information

• Mobile-dependency 

• Notifications

• Round vs. square screen 

• Smaller screen real estate

• Shorter battery life 

Key Differences

Development #codeher2014@nguyenist

Charge + Hardware Considerations #codeher2014@nguyenist

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

Accessing Apps #codeher2014@nguyenist

Maps & Navigation #codeher2014@nguyenist

Similarities

Voice Commands + No Keyboard #codeher2014@nguyenist

Glanceable #codeher2014@nguyenist

Contextual + Hyperlocal #codeher2014@nguyenist

The Quantified Self + Health + Fitness #codeher2014@nguyenist

Wearable Philosophy(Courtesy of Google / Android Wear)

Source: Google & #AndroidWear

Launched automatically

Source: Google & #AndroidWear

Glanceable

Source: Google & #AndroidWear

Suggest & Demand

Source: Google & #AndroidWear

Zero or no interaction

Source: Google & #AndroidWear

App Examples

Request a car: Lyft, Uber #codeher2014@nguyenist

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

Payment: Apple Pay #codeher2014@nguyenist

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

Case Study:

#codeher2014@nguyenist

1492

500 years later...

Evolution of Maps Are we there yet?

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

Landmarks #codeher2014@nguyenist

Right when you see the Flat Iron Building at E 23rd Street

In 2Blocks

Slight Right toward Shake In 200

To start, begin walking in this directionon Broadway toward E 23rd Street

Stephanie Nguyen | @nguyenist | stephanie@silicalabs.com

Say hello: