Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Introduction to
wearables and
wearable app
design
Table of Content
• What are wearables ?
• Architecture of Wearables /Sensors
• Notable Examples
• Why Should we care ?
• W...
What are Wearables
Body worn computers .
• Highly ubiquitous
• Are sensor rich
• Increasingly complex
* “wearables” someti...
• Wrist
• On Shoes
• Embedded in Clothes
• In Jewelry
• Earbuds/Headphones
• Glasses
• Arm Bands
• Chest Bands
• Contact L...
Architecture of Wearables
Architecture of Wearables
Processor (Arm Cortex A series, Exynos) + Power
Operating System (RTOS, Android, Tizen)
Communic...
• Heartrate,
• Accelerometer
• Gyroscope,
• UV
• Light,
• Pressure,
• Magnetic Field
• Proximity
• Accelerometer
• Gyrosco...
Why do we Care ?
Why do we Care
Gartner 2014.
Why do we Care
• Next frontier of Consumer Electronics
• Billion Dollar Industry Potential
(estimated at $9.2 billion in 2...
What Are the Applications
• Security
Wearable payments, authentication
• Health / Wellness / Fitness
Applications in addre...
Designing Interfaces for the
Smartwatch – Samsung Gear 2, Gear S
Why focus on design? Why Smartwatches ? Why Gear ?
Elements of UI for Wearables
Irrespective of your background – Android Java,
iOS Objective C, Web Apps (HTML, JavaScript,
...
Social / Fashion Norms
• Smartwatches ARE a fashion accessory.
• Design watchfaces that are meaningful and
elegant
• Build...
Sensing Capabilities
Design to leverage sensors for input and
feedback.
- Accelerometer based gestures. X,y.x – axis
tilt
...
Form and Function
• Be legible 35 px minimum font size.
• Single action per screen . Aim for two
buttons max per screen .
...
Work done ..
Foqus
A wearable app for
Mental Health and
Wellness
Apps Built on these principles
Next Talk ?
• Installation of the Tizen Wearable IDE
• Developing a sample app interface using
JQuery and Hammer.js for ex...
Whats Next ?
• An App development Team
Lets make some apps together!
• An app testing Team
Lets build new knowledge in the...
Supplemental Learning Materials
• I have written a rich panoply of tutorials to
get you started developing apps for the
Ge...
Whats Next
Thanks for listening
dibia.victor@my.cityu.edu.hk
Upcoming SlideShare
Loading in …5
×

Introduction to wearables and wearable app design

2,937 views

Published on

A talk I gave at the City University of Hong Kong Apps Lab "We Can Code" seminar series.
This presentation provides a brief introduction to wearables, their architecture, areas of application and outlook for the near future. It also highlights salient aspects of wearable design (fashion, social, functional) and concludes with a discussion on the design of apps for Samsung Gear line of smart watches.

Published in: Design

Introduction to wearables and wearable app design

  1. 1. Introduction to wearables and wearable app design
  2. 2. Table of Content • What are wearables ? • Architecture of Wearables /Sensors • Notable Examples • Why Should we care ? • What are the Applications ? • Elements of User Interaction Design for Wearables (smartwatches). • Whats Next.
  3. 3. What are Wearables Body worn computers . • Highly ubiquitous • Are sensor rich • Increasingly complex * “wearables” sometimes used interchangeably with “sensor devices”
  4. 4. • Wrist • On Shoes • Embedded in Clothes • In Jewelry • Earbuds/Headphones • Glasses • Arm Bands • Chest Bands • Contact Lenses • Tatoos
  5. 5. Architecture of Wearables
  6. 6. Architecture of Wearables Processor (Arm Cortex A series, Exynos) + Power Operating System (RTOS, Android, Tizen) Communication (E.g BLE) Hardware Sensors (e.g Heart Rate ) Extensible Hardware Platform Extensible Software Platform (apps)
  7. 7. • Heartrate, • Accelerometer • Gyroscope, • UV • Light, • Pressure, • Magnetic Field • Proximity • Accelerometer • Gyroscope, • Light • Magnetic Field • Proximity • Accelerometer • Gyroscope, • Magnetic Field • Proximity • Accelerometer • Gyroscope, • Proximity • EEG (Cardiac rhythm). • Accelerometer • Gyroscope, • NO • NO • YES • NO • NO • YES • YES • YES • YES • YES Gear 2 Google Glass NODE+ Sensor Bionym Nymi FitBit Sensors Extensible Hardware ? Extensible Software ?
  8. 8. Why do we Care ?
  9. 9. Why do we Care Gartner 2014.
  10. 10. Why do we Care • Next frontier of Consumer Electronics • Billion Dollar Industry Potential (estimated at $9.2 billion in 2014, IDTechEx) • A new paradigm of programmable wearables (more data to work with, more use cases) • Its new, and exciting! As developers, there is opportunity to create the use cases and establish the wearable hype
  11. 11. What Are the Applications • Security Wearable payments, authentication • Health / Wellness / Fitness Applications in addressing chronic diseases and aiding medical consultations. • Quantified Self data acquisition on aspects of a person's daily (e.g. food consumed, quality of surrounding air), states (e.g. mood, arousal, blood oxygen levels), and performance (mental and physical). • Education and Learning Research. Opportunities to easily measure things previously unknown or difficult. • Others – entertainment, insurance, automation ..
  12. 12. Designing Interfaces for the Smartwatch – Samsung Gear 2, Gear S Why focus on design? Why Smartwatches ? Why Gear ?
  13. 13. Elements of UI for Wearables Irrespective of your background – Android Java, iOS Objective C, Web Apps (HTML, JavaScript, Php) e.t.c , designing Apps for the smart watch wearable form factor still props up challenges. You will need to design for - Social / Fashion norms - Sensing capabilities - Form and Function.
  14. 14. Social / Fashion Norms • Smartwatches ARE a fashion accessory. • Design watchfaces that are meaningful and elegant • Build social elements into your use case to improve stickiness • Build trust with known interaction models. Progress from the Known to the Unknown , and update the user along the way. • Design to empower the user – offer multiple input options via settings.
  15. 15. Sensing Capabilities Design to leverage sensors for input and feedback. - Accelerometer based gestures. X,y.x – axis tilt - Leverage vibration for personalized feedback - Leverage more advanced touch gestures Swipe, pan, pinch , double tap to expand interaction model. But teach the user. - Leverage voice input and TTS
  16. 16. Form and Function • Be legible 35 px minimum font size. • Single action per screen . Aim for two buttons max per screen . Beware of small text and buttons in games. • Let each app take care of a given need. Give as much depth as possible. • The Gear is meant to be glanceable . Avoid apps/use cases that require extended continuous use (E.g some games) • Optimize for Space Remember to minify your files and remove unused scripts. Limited device storage.
  17. 17. Work done .. Foqus A wearable app for Mental Health and Wellness
  18. 18. Apps Built on these principles
  19. 19. Next Talk ? • Installation of the Tizen Wearable IDE • Developing a sample app interface using JQuery and Hammer.js for expanded touch interactions • Developing a simple pedometer app to track steps, calories and distance walked. • Expanding app to track motion, and making inferences on human activity
  20. 20. Whats Next ? • An App development Team Lets make some apps together! • An app testing Team Lets build new knowledge in the area of wearables • Please take the next 2 minutes to fill in the following form. http://goo.gl/mFsAA2
  21. 21. Supplemental Learning Materials • I have written a rich panoply of tutorials to get you started developing apps for the Gear 2 line of smartwatch devices. • Access them at: denvycom.com/blog/tag/gear-2/
  22. 22. Whats Next Thanks for listening dibia.victor@my.cityu.edu.hk

×