In this presentation I look at how user-centred design can provide the framework needed to create value from the Internet of Things, by turning our everyday lives into design briefs for superior products and services. I recap what has been happening in the IoT this year, and provide case studies from research projects.
2. 2
JAMES BAILEY
IoT and UX Consultant at Bunnyfoot
BORN ANALOGUE
Before the digital revolution and
the Internet
FASCINATED BY TECHNOLOGY
The developments, applications,
and convergent opportunities
FASCINATED BY PEOPLE
MA Interaction Design -> Bunnyfoot
QUICK INTRODUCTION
7. 7
A friend explained to his
8 year old about how he
grew up without computers.
His son asked…
‘Born Digital’ generation…
8. 8
But, how did you get
on the Internet?
‘Born Digital’ generation…
A friend explained to his
8 year old about how he
grew up without computers.
His son asked…
9. 9
The Internet is not limited
to computers or devices.
It is something far larger.
12. 12
INTERNET OF THINGS
PHYSICAL OBJECTS ARE AUGMENTED WITH
SENSORS AND COMPUTING TECHNOLOGY,
AND CONNECTED TO THE INTERNET
13. 13
INTERNET OF THINGS
THESE ‘THINGS’ – OR DEVICES – CAPTURE
DATA ON THE WORLD AROUND THEM AND
SHARE THEM THROUGH ONLINE SYSTEMS
14. 14
USER PROCESS
SYSTEM PROCESS
DEVICE DEVICE DEVICE DEVICEDEVICE
§ BILLIONS OF DEVICES WILL BE
COLLECTING, SHARING, AND
PROCESSING DATA ONLINE
§ EACH DEVICE IS AN INDIVIDUAL
§ THEY ARE CONNECTED
THROUGH ONLINE SYSTEMS
§ I BELIEVE THEY SHOULD SERVE
THE NEEDS OF PEOPLE
16. 16
Investing £140 million in world class research
on the infrastructure and cities of the future
UK GOVERNMENTBACKING
GOV.UK/GOVERNMENT/NEWS/BUDGET-2015-SOME-OF-THE-THINGS-WEVE-ANNOUNCED
ARQIVA.COM/OVERVIEWS/INTERNET-OF-THINGS/INTERNET-OF-THINGS-NETWORK/
31. 31
The guiding principles highlight
the importance of building
services around customer needs.
BSIGROUP.COM/EN-GB/SMART-CITIES/SMART-CITIES-STANDARDS-AND-PUBLICATION/PAS-181-SMART-CITIES-FRAMEWORK
39. 39
§ Deploying IoT at scale
§ Understanding industrial design
§ Prototyping experience for connected products
§ User experience and predictive device behaviour
§ Interusability: Designing a coherent system UX
§ Lessons from architecture school
O’REILLY
ONLINE CONFERENCE
78. 78
BEHAVIOURAL PATTERNS AND PAIN POINTS WERE
CONSOLIDATED INTO AN ECOSYSTEM MODEL FOR
POTENTIAL DIGITAL / NON-DIGITAL SERVICES
BEACON RESEARCH
PLANNING THE VISIT
TO THE MUSEUM
LOOKING UP
HIGHLIGHTS
FINDING EXISTING
ITINERARIES
RECALLRESTENGAGEEXPLOREPLAN
POST-VISITDURING VISITPRE-VISIT
GETTING YOUR
BEARINGS
DISCOVER WHAT’S
ON OFFER
CHOOSING WHERE
TO GO
ENGAGING WITH
ITEMS IN DEPTH
READING AND
LEARNING
TAKING PHOTOS
FINDING RESTING
POINTS
FINDING FOOD AND
DRINKS
TOILET VISITS
RECALL AND
REMINISCE
SHARING WITH
FRIENDS AND
FAMILY
90. 90
THE DESIGN SCOPE
IS PHENOMENAL
TELECOMMUNICATIONS
MINING
BROADCAST
HEALTHCARE
COMPUTING
SUPPORT SERVICES
BANKING
LEISURE GOODS
EDUCATION
ENERGY
LEISURE GOODS
UTILITIES
PUBLISHING
HOUSEHOLD GOODS
MEDIA
REAL ESTATES
TRAVEL & LEISURE
CONSTRUCTION
SCHOOLS
FINANCIAL SERVICES
ELECTRONICS
FOOD RETAILERS
TRANSPORT
TECHNOLOGY
AUTOMOBILES
SOFTWARE SERVICES
PHRAMACEUTICALS
GENERAL RETAILERS
OIL & GAS
FARMINGPUBLIC SECTOR
91. 91
THE DESIGN SCOPE
IS PHENOMENAL
MOBILE PHONES
AUDIO SYSTEMS
HOME APPLIANCES
TRAIN STATIONS
OFFICES
SMART WATCHES
SPORTS EQUIPMENT
BUSES
WEARABLES
SMART METERS
HOME APPLIANCES
DIY & TOOLS
BICYCLES & MOTORBIKES
TELEVISION
SHOES & TRAINERS
MUSICAL INSTRUMENTS
TABLETS
LIGHTING
JEWELLERY
CARS & VEHICLES
CAMERAS
MACHINERY
PUBLIC SPACES
COMPUTERS
HOME SECURITY SYSTEMS
KITCHEN PRODUCTS
TOYS & GAMES
SUPERMARKETS
BEACONS
TRAINS
92. 92
THE DESIGN SCOPE
IS PHENOMENAL
PRODUCT DESIGN
DATABASES
CONTEXT
SYSTEM ARCHITECTURE
SERVICE DESIGN
INTERACTION DESIGN
USER EXPERIENCE
CUSTOMER EXPERIENCE
INDUSTRIAL DESIGN
ENGINEERING
PROGRAMMING
SOFTWARE DESIGN
NETWORKS
USER INTERFACE
VALUE PROPOSITION
APPS
PLATFORMS
ARCHITECTURE
INTEROPERABILITY
AFFORDANCES
ECOSYSTEMS
SECURITY
VISUAL DESIGN
HARDWARE
ACTORS
PRIVACY
TOUCHPOINTS
DATA
STAKEHOLDERS
MATERIALS & RESOURCES
LIFE CYCLE
SUPPORTMAINTENANCE
INTERUSABILITY
93. 93
THE DESIGN SCOPE
IS PHENOMENAL
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATA
DATADATA
DATA
DATA
DATA
100. 100
RESEARCH MODEL ARCHITECT DESIGN OPTIMISE
…THEN GO ON TO CREATE
THE SOLUTION THEY NEED
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
IoT SYSTEM
GAIN A HOLISTIC
VIEW OF USERS…
101. 101
RESEARCH MODEL ARCHITECT DESIGN OPTIMISE
…THEN GO ON TO CREATE
THE SOLUTION THEY NEED
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
IoT SYSTEM
GAIN A HOLISTIC
VIEW OF USERS…
BUT IN THE REAL WORLD…
102. 102
RESEARCH MODEL ARCHITECT DESIGN OPTIMISE
…THEN GO ON TO CREATE
THE SOLUTION THEY NEED
DEVICE
DEVICE
DEVICE
DEVICE
DEVICE
IoT SYSTEM
GAIN A HOLISTIC
VIEW OF USERS…
BUT IN THE REAL WORLD…
BUT STILL –
UCD CAN BE USED TO
CREATE BETTER OUTCOMES
110. 110
BEHAVIOURALOBSERVATION
YOU CAN USE ESTABLISHED TECHNIQUES LIKE
SHADOWING AND CONTEXTUAL INQUIRY,
WE USED MOBILE ETHNOGRAPHY…
STRANGERTHANFICTION,COLUMBIAPICTURES
123. 123
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
124. 124
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
MISREAD HIS BOARDING PASS AND REALISED THAT
HIS DEPARTURE WAS FROM T5, NOT T2!
125. 125
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
2 3
1
MISREAD HIS BOARDING PASS AND REALISED THAT
HIS DEPARTURE WAS FROM T5, NOT T2. HE NEEDED
IMMEDIATE ADVICE ON THE QUICKEST WAY TO
TRAVEL BETWEEN TERMINALS
126. 126
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
OFFICIALLY MISSED THE BAG DROP BY 5 MINUTES
AND IS UNABLE TO CONTINUE HIS JOURNEY – THE
COMPLETE LACK OF SYMPATHY FROM THE STAFF
MADE HIM FEEL EVEN WORSE
127. 127
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
HE THEN FINDS OUT THAT HE NEEDS TO PAY AN
ADDITIONAL £120 IN FEES TO SWITCH FLIGHTS –
AGAIN, THE STAFF SHOW NO SYMPATHY
128. 128
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
HE’S LEFT TO REFLECT ON HIS MISSED
FLIGHT AND SAYS HE “FEELS STUPID”
129. 129
P4 – THE MISSEDFLIGHT!
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
2 3
1 HOW COULD WE HAVE HELPED
THIS CUSTOMER TO AVOID THIS
DISASTER OF A JOURNEY?
130. 130
P4 – THE OPTIMISEDJOURNEY
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
PROVIDE THE CUSTOMER WITH CONTEXTUAL, PREDICTIVE
NOTIFICATIONS: IF HE RECEIVED A WARNING WHEN TRAVELLING
TO T2, SAYING THAT HE NEEDED TO GO TO T5, AND HOW TO DO
SO, HIS DISASTER OF A JOURNEY WOULD HAVE BEEN AVOIDED
131. 131
P4 – THE OPTIMISEDJOURNEY
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
PROVIDE THE CUSTOMER WITH CONTEXTUAL NOTIFICATIONS:
IF HE RECEIVED A WARNING WHEN TRAVELLING TO T2, SAYING
THAT HE NEEDED TO GO TO T5, AND HOW TO DO SO, HIS
WHOLE NEGATIVE EXPERIENCE WOULD HAVE BEEN AVOIDED
ANDROID.COM/WEAR,WIRED.COM/2015/03/BLIND-WILL-SOON-NAVIGATE-LONDON-TUBE-BEACONS
138. 138
P1 – TERMINALCHANGEAFTERSECURITY
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
MANAGE THE CUSTOMER’S EXPECTATIONS BY PROVIDING ADVANCE WARNING:
REMIND HIM WHICH TERMINAL HE NEEDS TO CHECK-IN AND FLY FROM, HOW TO
TRAVEL BETWEEN TERMINALS, AND HOW LONG THE TRANSIT TIME WILL BE.
HE CAN THEN MANAGE HIS TIME AND IT WILL AVOID UNNECESSARY STRESS
139. 139
P1 – TERMINALCHANGEAFTERSECURITY
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
AT THE RIGHT STAGE IN THE JOURNEY PROVIDE CONTEXTUAL HELP – A COMBINATION
OF PHYSICAL SIGNAGE AND VIRTUAL STEP-BY-STEP DIRECTIONS ON HOW TO TRAVEL
BETWEEN TERMINALS, AND HOW LONG IT WILL TAKE. ALSO PROVIDE REASURRANCE
THAT HE WILL MAKE HIS FLIGHT ON TIME
140. 140
P1 – TERMINALCHANGEAFTERSECURITY
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
AT THE RIGHT STAGE IN THE JOURNEY PROVIDE CONTEXTUAL HELP –
LIKE A MAP AND STEP-BY-STEP DIRECTIONS ON HOW TO TRAVEL
BETWEEN TERMINALS AND HOW LONG IT WILL TAKE; ALSO PROVIDE
REASURRANCE THAT HE WILL MAKE HIS FLIGHT ON TIME
142. 142
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
143. 143
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
EASY TO IDENTIFY CHECK-IN THANKS TO THE SIGNAGE,
BUT UNFORTUNATELY ZONES F AND G ARE DOWN THE
OTHER END OF THE TERMINAL (IT’S A LONG WALK)
144. 144
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
EASY TO IDENTIFY CHECK-IN THANKS TO THE SIGNAGE,
BUT UNFORTUNATELY ZONES F AND G ARE DOWN THE
OTHER END OF THE TERMINAL (IT’S A LONG WALK)
145. 145
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
1
1
1
HE WAS FRUSTRATED TO FIND LARGE QUEUES AND NO
SIGNAGE FOR BRONZE CLUB MEMBERS. HE WAS THEN
TOLD BY STAFF THAT HIS CHECK-IN WAS BACK DOWN
THE OTHER END OF THE TERMINAL (ZONE B OR D)
146. 146
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
1
1
1
ZONE D HAD A MASSIVE QUEUE, SO HE TRIED ZONE B,
BUT THIS WAS EMPTY AND THERE WERE NO STAFF.
WHEN HE MANAGED TO FIND AN ATTENDANT HE WAS
TOLD THAT ZONE B HAD JUST BEEN CLOSED!
147. 147
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
1
1
1
ZONE D HAS A MASSIVE QUEUE, SO HE TRIES
ZONE B, BUT IT IS EMPTY AND THERE ARE NO
STAFF. WHEN HE FINDS AN ATTENDANT HE IS
TOLD THAT ZONE B HAS JUST BEEN CLOSED!
148. 148
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
HE ASKED THE ATTENDANT IF HE COULD CHECK-
IN USING THE BUSINESS CLASS GATE AND HE
WAS HAPPY TO BE TOLD “YES”. UNFORTUNATELY
HE NEEDED TO WALK BACK TO ZONE H (AGAIN)
149. 149
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
HE ASKS ATTENDANT IF HE CAN CHECK-IN USING
THE BUSINESS CLASS GATE AND IS HAPPY TO BE
TOLD YES. UNFORTUNATELY HE NEEDS TO WALK
BACK TO ZONE H.
150. 150
P2 – CHECK-INPING PONG
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
HOW COULD WE HAVE
HELPED THIS CUSTOMER?
151. 151
P2 – THE OPTIMISEDEXPERIENCE
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
JUST BEFORE THE CUSTOMER ARRIVES AT THE TERMINAL (IN THIS CASE BY TAXI)
NOTIFY HIM WHICH ZONE HE NEEDS TO CHECK-IN FROM; THE TAXI DRIVER CAN
THEN DROP HIM OFF AT THE APPROPRIATE ENTRANCE, SAVING HIM WALKING TIME
152. 152
P2 – THE OPTIMISEDEXPERIENCE
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
1
1
1
155. 155
COMPARINGTHEEXPERIENCES
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
THEY WERE ALL GOING ON HOLIDAY! WE SHOULD BE
LOOKING FOR WAYS TO ENHANCE THEIR EXPERIENCE
AND BUILD EXCITEMENT. THEIR PAIN POINTS COULD
HAVED BEEN EASILY AVOIDED THROUGH REAL-TIME,
CONTEXTUAL INFORMATION
156. 156
COMPARINGTHEEXPERIENCES
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
SURPRISINGLY, NONE OF THE PARTICIPANTS HAD A NEGATIVE EXPERIENCE GOING
THROUGH SECURITY. THIS WAS THANKS TO A COMBINATION OF CONSIDERED
AIRPORT SIGNAGE AND EFFICIENT PROCESSES… AND A GENERAL LOW
EXPECTATION OF THE PROCESS (‘JUST PUT UP WITH IT’ AND ‘GET IT OVER WITH’)
157. 157
SURPRISINGLY, NONE OF THE PARTICIPANTS HAD A NEGATIVE EXPERIENCE
GOING THROUGH SECURITY – THANKS TO A COMBINATION AIRPORT
SIGNAGE AND EFFICIENT PROCESSES, AND A GENERAL LOW EXPECTATION
OF THE PROCESS (‘JUST PUT UP WITH IT’ AND ‘GET IT OVER WITH’)
COMPARINGTHEEXPERIENCES
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
159. 159
COMPARINGTHEEXPERIENCES
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
…BUT THERE WAS A LACK OF SEATING; LIMITED RECHARGE POINTS;
PUSHY SALES STAFF; Wi-Fi ACCESS AFTER PROVIDING YOUR EMAIL;
FLIGHT DELAYS; UNKNOWN TRANSIT TIME TO THE BOARDING GATE;
AND LAST MINUTE REQUESTS TO CHECK-IN HAND LUGGAGE!
160. 160
COMPARINGTHEEXPERIENCES
BOARDINGLOUNGESECURITYCHECK INARRIVAL AT AIRPORTTRAVEL TO AIRPORT
…BUT THERE WAS A LACK OF SEATING; LIMITED RECHARGE POINTS;
PUSHY SALES STAFF; Wi-Fi ACCESS AFTER PROVIDING YOUR EMAIL;
FLIGHT DELAYS; UNKNOWN TRANSIT TIME TO THE BOARDING GATE;
AND LAST MINUTE REQUESTS TO CHECK-IN HAND LUGGAGE!