SlideShare a Scribd company logo
1 of 22
Download to read offline
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

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 applicationVu Tran Lam
 
Embedded Systems.pdf
Embedded Systems.pdfEmbedded Systems.pdf
Embedded Systems.pdfruvabebe
 
Hci lec 1 & 2
Hci lec 1 & 2Hci lec 1 & 2
Hci lec 1 & 2Anwal Mirza
 
Designing for Future Devices
Designing for Future DevicesDesigning for Future Devices
Designing for Future DevicesNur 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 contextFlorent 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 2013Karen 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 WilliamsCertus Solutions
 
Wearable computer-and-technology
Wearable computer-and-technologyWearable computer-and-technology
Wearable computer-and-technologyShakib 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 workshopmikekirkwood
 
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.pptxssuser9d6aac
 
Designing Mobile Apps for the Enterprise
Designing Mobile Apps for the EnterpriseDesigning Mobile Apps for the Enterprise
Designing Mobile Apps for the EnterpriseChristian Santiago
 
Emergingtreands class11 cs
Emergingtreands class11 csEmergingtreands class11 cs
Emergingtreands class11 cssahunamita10
 
Ux ui presentation2
Ux ui presentation2Ux ui presentation2
Ux ui presentation2GeneXus
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User ExerienceTanya 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

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 

Recently uploaded (20)

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.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