SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (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
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Kürzlich hochgeladen

Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Nitya salvi
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopZenith Clipping
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证ehyxf
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableNitya salvi
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain projectujraj8767
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherrymeghakumariji156
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxNikhil Raut
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024Ilham Brata
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样awasv46j
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxbingyichin04
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证eeanqy
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...Amil baba
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证wpkuukw
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfOffice Furniture Plus - Irving
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 

Kürzlich hochgeladen (20)

Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 

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