the battle of the smartwatches
TRANSCRIPT
![Page 1: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/1.jpg)
THE BATTLE OF THE
SMARTWATCHES
WHYA LOOK INTO ANDROID WEAR (Specifically MOTO 360) & APPLE WATCH.WHAT DO DESIGNERS NEED TO KNOW?
![Page 2: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/2.jpg)
THE BATTLE OF THE
SMARTWATCHES
WHYA LOOK INTO ANDROID WEAR (Specifically MOTO 360) & APPLE WATCH.WHAT DO DESIGNERS NEED TO KNOW?
ALYSSA BURKE WHO AM I?
User Interface Designer at ÄKTA
@designbyalyssa
akta.com
![Page 3: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/3.jpg)
WHYSMARTWATCHESWHAT MAKES THEM SO DESIRABLE? WHY ARE THEY IN DEMAND?
![Page 4: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/4.jpg)
• Constraints of other wearables can cause a lack of visual information and interactivity
• Phones are getting bigger• Daily digestible content is
increasing• Getting phone out of pocket can
be cumbersome
• A need to be more connected to both the virtual world and the real world
• Cool factor
WHYSMARTWATCHESWHAT MAKES THEM SO DESIRABLE? WHY ARE THEY IN DEMAND?
![Page 5: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/5.jpg)
CHALLENGESWHAT ARE THE
WHAT ARE DESIGNERS GETTING THEMSELVES INTO?
![Page 6: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/6.jpg)
CHALLENGESWHAT ARE THE
WHAT ARE DESIGNERS GETTING THEMSELVES INTO?
IT IS A GAME OF TRADE-OFFS AS A RESULT OF CONSTRAINTS
Including physical, technical & philosophical
![Page 7: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/7.jpg)
CHALLENGESWHAT ARE THE
WHAT ARE DESIGNERS GETTING THEMSELVES INTO?
CONSTRAINTS
• Small screen • Lack of affordances• Readability issues• Limited touch space can mean
limited actions
• Various screen sizes• Cropping issues• Resolution issues
• Various screen shapes• Cropping Issues
PHYSICAL
![Page 8: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/8.jpg)
CHALLENGESWHAT ARE THE
WHAT ARE DESIGNERS GETTING THEMSELVES INTO?
CONSTRAINTS
• Connectivity• Must connect to an iPhone
or Android device for full functionality
• Sensors• Apple Watch | Currently
third party developers can not access heart rate, motion, NFC, bluetooth or gestures
TECHNICAL
![Page 9: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/9.jpg)
CHALLENGESWHAT ARE THE
WHAT ARE DESIGNERS GETTING THEMSELVES INTO?
CONSTRAINTS
• Interactions• Apple Watch | Single touch,
Force, Swipes vertically only, Taps
• Android Wear | Free form gestures, Multitouch, Swipes vertically and horizontally, Taps
TECHNICAL
![Page 10: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/10.jpg)
CHALLENGESWHAT ARE THE
WHAT ARE DESIGNERS GETTING THEMSELVES INTO?
CONSTRAINTS
• Design Philosophy• Android Wear & Apple
Watch follow a set of design principles which are not exactly the same.
PHILOSOPHICAL
![Page 11: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/11.jpg)
ANDROID WEAR
DESIGN PRINCIPLE
THEMES
![Page 12: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/12.jpg)
ANDROID WEAR
DESIGN PRINCIPLE
THEMES
Design for glances and notifications
• Long vs Short • Content • Frequency
Do one thing, really fast
Content inspired by http://thinkapps.com Content inspired by developer.android.com
TIP: TASKS SHOULD TAKE 5 SECONDS OR LESS
BEEFFICIENT
![Page 13: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/13.jpg)
ANDROID WEAR
DESIGN PRINCIPLE
THEMES
Design with Unobtrusiveness
Focus on not stopping the user and all else will
follow
Content inspired by http://thinkapps.com Content inspired by developer.android.com
BESEAMLESS Don’t be a constant
shoulder taper
![Page 14: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/14.jpg)
ANDROID WEAR
DESIGN PRINCIPLE
THEMES
Design for small screen real estate
• UI controls • Circular buttons
Design for big gestures
Content inspired by http://thinkapps.com Content inspired by developer.android.com
BECONSIDERATE
OF SIZE CONSTRAINTS
![Page 15: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/15.jpg)
ANDROID WEAR
DESIGN PRINCIPLE
THEMES
Design to be contextual
• Hierarchy • Predictive intelligence
Think about stream cards first: The right content at the right
time
Content inspired by http://thinkapps.com Content inspired by developer.android.com
BERELEVANT
![Page 16: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/16.jpg)
ANDROID WEAR
DESIGN PRINCIPLE
THEMES
Design for the corner of the eye
Content inspired by http://thinkapps.com Content inspired by developer.android.com
BEDISTINCTIVE
Design your icons to represent your brand
Design with good typography and color
![Page 17: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/17.jpg)
HOWTO COMBAT THE CHALLENGESWHAT TOOLS AND RESOURCES ARE AVAILABLE TO DESIGNERS?
![Page 18: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/18.jpg)
DESIGN PATTERNS
![Page 19: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/19.jpg)
DESIGN PATTERNS
• Glances • Notifications • Modal Sheets • Layout • Color and Typography • Animations • Branding
APPLE WATCH ANDROID WEAR
• Cards • App icons • Pages • Action buttons / Action
countdown and confirmation • Continuing activity on phone • Controls • Selection List • Glances • 2D Picker
![Page 20: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/20.jpg)
DESIGN PATTERNS
• Glances • Notifications • Modal Sheets • Layout • Color and Typography • Animations • Branding
APPLE WATCH ANDROID WEAR
• Cards • App icons • Pages • Action buttons / Action
countdown and confirmation • Continuing activity on phone • Controls • Selection List • Glances • 2D Picker APPLE WATCH
developer.apple.com
![Page 21: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/21.jpg)
DESIGN PATTERNS
• Glances • Notifications • Modal Sheets • Layout • Color and Typography • Animations • Branding
APPLE WATCH ANDROID WEAR
• Cards • App icons • Pages • Action buttons / Action
countdown and confirmation • Continuing activity on phone • Controls • Selection List • Glances • 2D Picker ANDROID WEAR
developer.android.com
![Page 22: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/22.jpg)
IMPORTANT
WHY ARE DESIGN PATTERNS
WHY SHOULD DESIGNERS USE DESIGN PATTERNS AS GUIDELINES?
![Page 23: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/23.jpg)
• Provides a good user experience
• Note: Each OS has its own set of design patterns. Don’t mix and match!
• Helpful for developers who are not the strongest designers
IMPORTANT
WHY ARE DESIGN PATTERNS
WHY SHOULD DESIGNERS USE DESIGN PATTERNS AS GUIDELINES?
![Page 24: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/24.jpg)
THE IMMEDIATE
FUTUREOF SMARTWATCHESBROUGHT TO YOU BY THE NOGGIN OF ALYSSA BURKE
• Social norm
• More watch-like • Increased battery life
• Stand alone
• Smarter prediction
![Page 25: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/25.jpg)
LETS RECAPWHAT ARE THE KEY TAKE AWAYS?
1. It is not about one watch being better than another
2. Design for the specific platform
3. Remember, this is a second screen experience
4. Remember the design principles
5. Refer back to the design documentation
![Page 26: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/26.jpg)
“Good design, when it’s done well, becomes invisible. It’s only when it’s
done poorly that we notice it.” - JARED SPOOL
![Page 27: The Battle of the Smartwatches](https://reader030.vdocuments.mx/reader030/viewer/2022032616/55a5c09d1a28abed148b4631/html5/thumbnails/27.jpg)
THANKS QUESTIONS?
ALYSSA BURKE@designbyalyssa