SlideShare a Scribd company logo
Introduction to
wearables and
wearable app
design
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.
What are Wearables
Body worn computers .
• Highly ubiquitous
• Are sensor rich
• Increasingly complex
* “wearables” sometimes used interchangeably with “sensor devices”
• Wrist
• On Shoes
• Embedded in Clothes
• In Jewelry
• Earbuds/Headphones
• Glasses
• Arm Bands
• Chest Bands
• Contact Lenses
• Tatoos
Architecture of Wearables
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)
• 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 ?
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 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
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 ..
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,
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.
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.
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
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.
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 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
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
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/
Whats Next
Thanks for listening
dibia.victor@my.cityu.edu.hk

More Related Content

What's hot

It in business
It in businessIt in business
It in business
Syed Hashir
 
Wearable computer
Wearable computer Wearable computer
Wearable computer
masood tariq
 
2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small
Florent Stroppa
 
Wearable computers
Wearable computersWearable computers
Wearable computers
Steffilazar
 
iPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience DifferencesiPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience Differences
White Stripe Studio
 
Touch sreen technology
Touch sreen technologyTouch sreen technology
Touch sreen technology
MD HAFIZ
 
Wearable Computer
Wearable ComputerWearable Computer
Wearable Computer
Saumya Shah
 
Smartquillseminar
SmartquillseminarSmartquillseminar
Smartquillseminar
gurmanjot ghuman
 
Laptops of 2018 ppt
Laptops of 2018 pptLaptops of 2018 ppt
Laptops of 2018 ppt
Rajalaxmi Prakash
 
Wearable Computer
Wearable ComputerWearable Computer
Wearable Computer
Jaydeep Palekar
 
The latest interface designs
The latest interface designsThe latest interface designs
The latest interface designs
RQK Khan
 
Ergo paper
Ergo paperErgo paper
EDT 180 week 10
EDT 180 week 10EDT 180 week 10
EDT 180 week 10
Arizona State University
 
Assistive technology
Assistive technologyAssistive technology
Assistive technology
nhaynie7
 
Wearable computers
Wearable computersWearable computers
Wearable computers
tejaswinirane
 
Apple smart watches
Apple smart watchesApple smart watches
Apple smart watches
Varsha Sekhani
 
Mobile computing devices
Mobile computing devicesMobile computing devices
Mobile computing devices
Prashant Laxman
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
SAZZADHOSSAIN231
 
Eye ring
Eye ringEye ring
Eye ring
SNOW WHITE
 
Blue Eyes Technology - Power Point Presentation
Blue Eyes Technology - Power Point Presentation Blue Eyes Technology - Power Point Presentation
Blue Eyes Technology - Power Point Presentation
JoobleTPuthiyamadam
 

What's hot (20)

It in business
It in businessIt in business
It in business
 
Wearable computer
Wearable computer Wearable computer
Wearable computer
 
2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small2009 Mux Florentstroppa Mobilecontext Small
2009 Mux Florentstroppa Mobilecontext Small
 
Wearable computers
Wearable computersWearable computers
Wearable computers
 
iPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience DifferencesiPhone vs iPad - User Experience Differences
iPhone vs iPad - User Experience Differences
 
Touch sreen technology
Touch sreen technologyTouch sreen technology
Touch sreen technology
 
Wearable Computer
Wearable ComputerWearable Computer
Wearable Computer
 
Smartquillseminar
SmartquillseminarSmartquillseminar
Smartquillseminar
 
Laptops of 2018 ppt
Laptops of 2018 pptLaptops of 2018 ppt
Laptops of 2018 ppt
 
Wearable Computer
Wearable ComputerWearable Computer
Wearable Computer
 
The latest interface designs
The latest interface designsThe latest interface designs
The latest interface designs
 
Ergo paper
Ergo paperErgo paper
Ergo paper
 
EDT 180 week 10
EDT 180 week 10EDT 180 week 10
EDT 180 week 10
 
Assistive technology
Assistive technologyAssistive technology
Assistive technology
 
Wearable computers
Wearable computersWearable computers
Wearable computers
 
Apple smart watches
Apple smart watchesApple smart watches
Apple smart watches
 
Mobile computing devices
Mobile computing devicesMobile computing devices
Mobile computing devices
 
Human Computer Interaction
Human Computer InteractionHuman Computer Interaction
Human Computer Interaction
 
Eye ring
Eye ringEye ring
Eye ring
 
Blue Eyes Technology - Power Point Presentation
Blue Eyes Technology - Power Point Presentation Blue Eyes Technology - Power Point Presentation
Blue Eyes Technology - Power Point Presentation
 

Similar to Introduction to wearables and wearable app design

Session 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 applicationSession 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 application
Vu Tran Lam
 
Embedded Systems.pdf
Embedded Systems.pdfEmbedded Systems.pdf
Embedded Systems.pdf
ruvabebe
 
Hci lec 1 & 2
Hci lec 1 & 2Hci lec 1 & 2
Hci lec 1 & 2
Anwal Mirza
 
Interaction design
Interaction designInteraction design
Interaction design
Lakshmi Narasimhan N
 
Designing for Future Devices
Designing for Future DevicesDesigning for Future Devices
Designing for Future Devices
Nur Karadeniz
 
Mobile user experience conference 2009 - The rise of the mobile context
Mobile user experience conference 2009 - The rise of the mobile contextMobile user experience conference 2009 - The rise of the mobile context
Mobile user experience conference 2009 - The rise of the mobile context
Florent Stroppa
 
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson
 
Certus Accelerate - User Centred Everything by Sam Williams
Certus Accelerate - User Centred Everything by Sam WilliamsCertus Accelerate - User Centred Everything by Sam Williams
Certus Accelerate - User Centred Everything by Sam Williams
Certus Solutions
 
Wearable computer-and-technology
Wearable computer-and-technologyWearable computer-and-technology
Wearable computer-and-technology
Shakib Sumon
 
Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...
Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...
Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...
Amazon Science
 
Wearable Devices App Development: A comprehensive Guide For You!
Wearable Devices App Development: A comprehensive Guide For You! Wearable Devices App Development: A comprehensive Guide For You!
Wearable Devices App Development: A comprehensive Guide For You!
Techugo
 
Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014
Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014 Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014
Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014
Chris Moisan
 
University of California Center for Health Leadership Mobile workshop
University of California Center for Health Leadership Mobile workshopUniversity of California Center for Health Leadership Mobile workshop
University of California Center for Health Leadership Mobile workshop
mikekirkwood
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
apppsych
 
SE-MODULE-1-chap1.pptx
SE-MODULE-1-chap1.pptxSE-MODULE-1-chap1.pptx
SE-MODULE-1-chap1.pptx
ssuser9d6aac
 
Designing Mobile Apps for the Enterprise
Designing Mobile Apps for the EnterpriseDesigning Mobile Apps for the Enterprise
Designing Mobile Apps for the Enterprise
Christian Santiago
 
Emergingtreands class11 cs
Emergingtreands class11 csEmergingtreands class11 cs
Emergingtreands class11 cs
sahunamita10
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
GeneXus
 
APPDEV 1.pptx
APPDEV 1.pptxAPPDEV 1.pptx
APPDEV 1.pptx
ArjayBalberan1
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
Tanya Zavialova
 

Similar to Introduction to wearables and wearable app design (20)

Session 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 applicationSession 9-10 - UI/UX design for iOS 7 application
Session 9-10 - UI/UX design for iOS 7 application
 
Embedded Systems.pdf
Embedded Systems.pdfEmbedded Systems.pdf
Embedded Systems.pdf
 
Hci lec 1 & 2
Hci lec 1 & 2Hci lec 1 & 2
Hci lec 1 & 2
 
Interaction design
Interaction designInteraction design
Interaction design
 
Designing for Future Devices
Designing for Future DevicesDesigning for Future Devices
Designing for Future Devices
 
Mobile user experience conference 2009 - The rise of the mobile context
Mobile user experience conference 2009 - The rise of the mobile contextMobile user experience conference 2009 - The rise of the mobile context
Mobile user experience conference 2009 - The rise of the mobile context
 
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
Karen N. Johnson - Mobile Testing keynote delivered at Test Istanbul 2013
 
Certus Accelerate - User Centred Everything by Sam Williams
Certus Accelerate - User Centred Everything by Sam WilliamsCertus Accelerate - User Centred Everything by Sam Williams
Certus Accelerate - User Centred Everything by Sam Williams
 
Wearable computer-and-technology
Wearable computer-and-technologyWearable computer-and-technology
Wearable computer-and-technology
 
Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...
Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...
Intelligent Conversational Agents for Ambient Computing SIGIR 2022 Ruhi Sarik...
 
Wearable Devices App Development: A comprehensive Guide For You!
Wearable Devices App Development: A comprehensive Guide For You! Wearable Devices App Development: A comprehensive Guide For You!
Wearable Devices App Development: A comprehensive Guide For You!
 
Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014
Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014 Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014
Wearable Tech Trends - Activity Trackers and Smart Watches - CES 2014
 
University of California Center for Health Leadership Mobile workshop
University of California Center for Health Leadership Mobile workshopUniversity of California Center for Health Leadership Mobile workshop
University of California Center for Health Leadership Mobile workshop
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
SE-MODULE-1-chap1.pptx
SE-MODULE-1-chap1.pptxSE-MODULE-1-chap1.pptx
SE-MODULE-1-chap1.pptx
 
Designing Mobile Apps for the Enterprise
Designing Mobile Apps for the EnterpriseDesigning Mobile Apps for the Enterprise
Designing Mobile Apps for the Enterprise
 
Emergingtreands class11 cs
Emergingtreands class11 csEmergingtreands class11 cs
Emergingtreands class11 cs
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2
 
APPDEV 1.pptx
APPDEV 1.pptxAPPDEV 1.pptx
APPDEV 1.pptx
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 

Recently uploaded

NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
PabloMartelLpez
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 

Recently uploaded (20)

NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
Branding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdfBranding de la empresa de Bolt- 2024.pdf
Branding de la empresa de Bolt- 2024.pdf
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 

Introduction to wearables and wearable app design

  • 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. What are Wearables Body worn computers . • Highly ubiquitous • Are sensor rich • Increasingly complex * “wearables” sometimes used interchangeably with “sensor devices”
  • 4. • Wrist • On Shoes • Embedded in Clothes • In Jewelry • Earbuds/Headphones • Glasses • Arm Bands • Chest Bands • Contact Lenses • Tatoos
  • 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. • 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. Why do we Care ?
  • 9. Why do we Care Gartner 2014.
  • 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. 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. Designing Interfaces for the Smartwatch – Samsung Gear 2, Gear S Why focus on design? Why Smartwatches ? Why Gear ?
  • 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. 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. 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. 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. Work done .. Foqus A wearable app for Mental Health and Wellness
  • 18. Apps Built on these principles
  • 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. 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. 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. Whats Next Thanks for listening dibia.victor@my.cityu.edu.hk