Extend Material Design with mobile sensors
-
Upload
snapbacklabs -
Category
Mobile
-
view
222 -
download
1
Transcript of Extend Material Design with mobile sensors
![Page 1: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/1.jpg)
Extend Material Design with mobile sensors
Claudio [email protected]
GDG Milano - December 17, 2014@TAG Milano
![Page 2: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/2.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Devices keep evolving...
![Page 3: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/3.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Interfaces don’t
still merely based on touch and sight
![Page 4: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/4.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Why?user behavior is difficult to predict or model real world is non-deterministicphones were not created to interact with the environment
![Page 5: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/5.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
TouchIMUALSKeys…………
ScreenVibraz.LEDsSpeaker
DedicatedChip
SensorHub
OS
Apps
OutputStackInputs
Full-stack - fragmentation everywhere
![Page 6: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/6.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: HW Sensors
how many sensors?
![Page 7: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/7.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: HW Sensors2 microphones2 cameras3 physical keysaccelerometergyroscopecompassproximity+ambient lightpressure(battery temperature)(Hall sensor)… tot 13+2
![Page 8: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/8.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: AOSP Stack
![Page 9: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/9.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Design could be the limit
Procrustes: developers must fit the design
![Page 10: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/10.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Promote “exaptation”
“Exaptation: A character previously shaped by natural selection for a particular function, is coopted for a new use”Gould & Vrba 1982
![Page 11: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/11.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: Virtual SensorsSIGNIFICANT_MOTIONORIENTATIONPROXIMITYACCELEROMETERROTATION VECTORGEOMAGNETIC_ROT_VECPEDESTRIAN_ACTVITY_MONMAGNETIC_FIELD_UNCALIBLINEAR ACCELERATIONTILTBASIC_GESTURES… tot 26
![Page 12: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/12.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: Virtual Sensors25 SENSOR_TYPES_*documented in sensor.h
actually lot more
![Page 13: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/13.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Travel first-class
![Page 14: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/14.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Smartphone as a Stargate
![Page 15: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/15.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: ActuatorsscreenvibrationLED indicatorflash (torch)ear speakerloud speaker
![Page 16: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/16.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Focus: Actuators
screenvibrationLED indicatorflash (torch)ear speaker
loud speaker
![Page 17: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/17.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Material Design
![Page 18: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/18.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Material Design - principles
![Page 19: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/19.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Material Design - contradiction
user tapsbut the card is lifted
![Page 20: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/20.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Touchscreen draw us to him
![Page 21: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/21.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
ROM & CO - Lollipop“And a whole lot more[...]Where supported by the hardware, your device will wake up as soon as you pick it up or tap the screen twice”
from http://www.android.com/versions/lollipop-5-0/
![Page 22: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/22.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
ROM & CO - Slimkat
![Page 23: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/23.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
ROM & CO - moreCyanogenmodwrite on screen off, flip to turn off the ringerParanoid Androidmove to show notificationHazyproximity to turn on the phone
![Page 24: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/24.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
ROM & CO - manufacturers
LG - Knock On Samsung - a lot of gesturesLumia - in-call gesturesAmazon - should be a killing feature……...
![Page 25: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/25.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Promote “exaptation” - example
Open Signal &Mobile Sensor Database
www.opensignal.org/sensors
![Page 26: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/26.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Exaptive apps
Weather Signal
Emotion Sense
Occupational Safety
![Page 27: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/27.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Let’s coding!
1 - autumn breeze2 - siberian interaction
![Page 28: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/28.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Recap - reach new markets
reach new users, in context where competitors can not arrive
create new user experiences, especially for games
![Page 29: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/29.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Recap - the value of the fragmentation
experiment on many devices
Sony Z1 - underwater Nexus 5 - developersSamsung - more sensorsetc...
![Page 30: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/30.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Snapback
“Revolutionary Interfaces for Mobile Computing Devices”
based in Rome (LUISS EnLabs, Ericsson)soon in Trento (TeckPeaks)from January in US!
![Page 31: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/31.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Snapback SDK
a framework to experiment on new ways of interacting
simplify the creation of new virtual sensors
for now available as user library
![Page 32: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/32.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Bibliografia
Snapback - www.mksens.comGarret Smith - Software as Biology Gould & Vrba - ExaptationOpen Signal - www.opensignal.org/sensors
![Page 33: Extend Material Design with mobile sensors](https://reader030.fdocuments.us/reader030/viewer/2022032420/55a51bd41a28ab5e5a8b4665/html5/thumbnails/33.jpg)
Snapback S.r.l. - Via G.Giolitti, 34, 00185 Rome, Italy - [email protected] - 2014 © Copyright reserved
Bibliografia - Google
Google Material Design - IntroductionAndroid Source - SensorsAndroid Developer - Sensors OverviewGoogle I/O 2012 - The Sensitive Side of Android