Designing with Sensors: Creating Adaptive Experiences Avi Itzkovitch UI/UX Designer @Xgmedia What Is Adaptive Design? Responsive Design Adaptive Design
Total Page:16
File Type:pdf, Size:1020Kb
@xgmedia #ParisWeb Designing with Sensors: Creating Adaptive Experiences Avi Itzkovitch UI/UX Designer @xgmedia What is Adaptive Design? Responsive Design Adaptive Design 2002 Minority Report 2007 Homing Device 2007 First iPhone 2007 2013 Examples? GARMIN Zumo 660 Day and Night Interface Google Now Public transit When you’re near a bus stop or a subway station, Google Now tells you what buses or trains are next. Next appointment Get a notification for when you should leave to your next appointment. Based on synced calendars and current location. Ubiquitous Computing Mark Weiser “The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it.” Nest, The Learning Thermostat TEMPERATURE SENSOR AMBIENT LIGHT SENSOR TEMPERATURE AND HUMIDITY SENSOR WI-FI ANTENNA RADIO - Connects with home Wi-Fi network NEAR-FIELD MOTION SENSOR FAR-FIELD MOTION SENSOR WHAT IS AN ADAPTIVE SENSOR? Accelerometer Accelerometer List of sensors http://en.wikipedia.org/wiki/List_of_sensors • Geophone • Electrochemical gas • Air flow meter • Accelerometer • Charge-coupled device • Hydrophone sensor • Anemometer • Auxanometer • Colorimeter • Lace Sensor a guitar • Electronic nose • Flow sensor • Capacitive displacement • Contact image sensor pickup • Electrolyte–insulator– • Gas meter sensor • Electro-optical sensor • Microphone semiconductor sensor • Mass flow sensor • Capacitive sensing • Flame detector • Seismometer • Fluorescent chloride • Water meter • Free fall sensor • Infra-red sensor • Breathalyzer sensors • Bubble chamber • Gravimeter • Kinetic inductance • Carbon dioxide sensor • Holographic sensor • Cloud chamber • Gyroscopic sensor detector • Carbon monoxide • Hydrocarbon dew point • Geiger counter • Inclinometer • LED as light sensor detector analyzer • Neutron detection • Integrated circuit • Light-addressable • Catalytic bead sensor • Hydrogen sensor • Particle detector piezoelectric sensor potentiometric sensor • Chemical field-effect • Hydrogen sulfide sensor • Scintillation counter • Laser rangefinder • Nichols radiometer transistor • Infrared point sensor • Scintillator • Laser surface velocimeter • Fiber optic sensors • Pellistor • Ion-selective electrode • Wire chamber • LIDAR • Optical position sensor • pH glass electrode • Nondispersive infrared • Air speed indicator • Linear encoder • Photodetector • Potentiometric sensor sensor • Altimeter • Linear variable differential • Photodiode • Redox electrode • Microwave chemistry • Attitude indicator transformer (LVDT) • Photomultiplier tubes • Smoke detector sensor • Depth gauge • Liquid capacitive • Phototransistor • Zinc oxide nanorod • Nitrogen oxide sensor • Fluxgate compass inclinometers • Photoelectric sensor sensor • Olfactometer • Gyroscope • Odometer • Photoionization detector • Current sensor • Optode • Inertial navigation system • Photoelectric sensor • Photomultiplier • Electroscope • Oxygen sensor • Inertial reference unit • Piezoelectric • Photoresistor • Galvanometer • Actinometer • Magnetic compass accelerometer • Bourdon gauge • Hall effect sensor • Bedwetting alarm • MHD sensor • Position sensor • Hot filament ionization • Hall probe • Ceilometer • Ring laser gyroscope • Rate sensor gauge • Magnetic anomaly • Dew warning • Turn coordinator • Rotary encoder • Ionization gauge detector • Electrochemical gas • Variometer • Rotary variable • McLeod gauge • Magnetometer sensor • Vibrating structure differential transformer • Oscillating U-tube • MEMS magnetic field • Fish counter gyroscope • Selsyn • Permanent Downhole sensor • Frequency domain sensor • Yaw rate sensor • Sudden Motion Sensor Gauge • Metal detector • Gas detector • Photoswitch • Tilt sensor • Piezometer • Planar Hall sensor • Hook gauge • Phototube • Tachometer • Pirani gauge • Radio direction finder evaporimeter • Scintillometer • Ultrasonic thickness • Pressure sensor • Voltage detector • Humistor • Shack-Hartmann gauge • Pressure gauge • Seismometers • Hygrometer • Single-photon avalanche • Variable reluctance • Tactile sensor • Snow gauge • Leaf sensor diode sensor • Time pressure gauge • Soil moisture sensor • Pyranometer • Superconducting • Velocity receiver • Thermistor • Stream gauge • Pyrgeometer nanowire • single-photon detector • Thermocouple Camera Samsung GALAXY S Email Address Gender Age Email API Hobbies Time and Date “Songza is a simple answer to a tough question: what should I listen to right now?” Using sensors to solve a problem WHAT IS THE PROBLEM? TEMPERATURE SENSOR AMBIENT LIGHT SENSOR TEMPERATURE AND HUMIDITY SENSOR WI-FI ANTENNA RADIO - Connects with home Wi-Fi network NEAR-FIELD MOTION SENSOR FAR-FIELD MOTION SENSOR Wattbox Heating Control Tado - The geolocation app for your heating Context is not just the location. CONTEXT FOR ADAPTIVITY Temporal Constraints How much time is available for shopping Time and Date Boxing Day or Monday afternoon Physiological and Emotional State Whether user is enjoying shopping or not Yoram M Kalman, Ph.D. HCI Markers is a new term suggested for an emerging concept of using data created during human computer interaction to identify changes in the cognitive, mental, psychological or physiological state of the user. Spatial Environment Which products are nearby AislePhone Location based shopping. Precise In-Store Positioning Estimote Beacons A small, wireless device, sometimes also called a ‘mote’. When placed in a physical space, it broadcasts tiny radio signals around itself. BCM4752 Broadcom introduces new GPS chip, offering a platform for development of indoor positioning applications. GPS Indoor Positioning System (IPS) Shopping Task Details What is the intended use of the products Social Circumstances Shopping alone or with a partner General Interests and Preferences Prefers red or white wine with tuna Weekdays 12:00PM – 2:00PM Human behavior as a sensor Moves iPhone Records daily walking, cycling and running. Recognizes places in your daily life Sensegon 300 different behavioral parameters of users' social interactions Store Loyalty Cards DESIGNING AN ADAPTIVE EXPERIENCE Project Glass Adaptive Thinking How adaptive thinking can resolve design problems A FEW MORE EXAMPLES Check out this amazing …? The number of known plant species is around 400,000. Online flower identifier 1. Pick the flower you don't know the name of. Pick the complete flower from the ground at the end of the stem flush to the ground 2. Take the flower immediately inside. Go to the flower identification website. 3. Select the correct number of petals your flower has on the website. Then select every category thereafter in the list to help decipher the type of flower you have. 4. Click on the photos provided in the flower search with your specific categories. Compare your flower with the images to make sure it is the correct name. http://www.botanicalkeys.co.uk Is there another way? Find my wildflower app Data Required Sensor Flowers Found Flower Location GPS 323 Type of Soil Internet 130 Bloom Month Time and Date 52 What color is the flower? User Input 06 *Not a real results Monarda didyma (Bee Balm) Monarda didyma is an aromatic herb in the family Lamiaceae, native to eastern North America from Maine west to Ohio and south to northern Georgia. Its odor is considered similar to that of the bergamot orange. Bicycle Sharing Program Designing with Sensors @xgmedia Thank you Avi Itzkovitch www.XGmedia.com.