際際滷

際際滷Share a Scribd company logo
@mbadger
@captechlistens
#iBeaconUX
Your Environment Is the Interface
Using iBeacon to Enhance the UX of Place
2 ModevCon 2014
Who am I?
 Creative Director
 CapTech Consulting
 AIGA & RichmondUX
 Studied Architecture
 @mbadger
3 ModevCon 2014
OK, your turn.
 Genius Loci
 iBeacon Overivew
 Why It Matters
 User Scenarios
 Real World Implementations
 Some Pros & Cons
 Thinking Ahead
4 Agenda
Image Copyright 息 Adalberto Tiburzi  http://www.pbase.com/adalberto_tiburzi/image/86309340
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
5
Introduction
What is this Genius Loci of which you speak?
Spirit of Place
Image Copyright 息 Peter Aaron  http://www.esto.com/photographers/peter-aaron/university-building
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
6
Introduction
Hastings Hall, Art & Architecture Building, Yale
Lecture Hall
Image Copyright 息 Yale University  https://flic.kr/p/bnamWx
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
7
Introduction
L&B Reading Room, Sterling Memorial Library, Yale
Reading Room
Image Copyright 息 Yale University
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
8
Introduction
Yale Art Gallery
Art Gallery
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
9
Introduction
Genii Loci: Yale University
@mbadger
@captechlistens
#iBeaconUX
iBeacon Overview
11
iBeacon Overview
What Is iBeacon?
12
iBeacon Overview
What Do iBeacons Look Like?
Image Copyright 息 Josh Valcarcel  http://www.wired.co.uk/news/archive/2013-12/12/apple-iBeacon/viewgallery/331114
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
13
iBeacon Overview
So, what does it do?
Microlocation
14
iBeacon Overview
How does it work?
Proximity
Immediate Near Far Out of
Range
< 10cm < 2m
> 10m & < 5
0m
> 50m
Image Copyright 息 Yale University
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
15
iBeacon Overview
How iBeacon Works: Museum Example
UUID: Museum
Major ID: Collection
Minor ID: Piece
Range
16
iBeacon Overview
Whats required to make it work?
Content, Data, Services
@mbadger
@captechlistens
#iBeaconUX
Why It Matters
Sensors
Proximity sensor
Ambient light sensor
Accelerometer
Magnetometer
Gyroscope
Antennae
GPS
Cellular
WiFi
Bluetooth
...iBeacon
18
Why It Matters
iBeacon
Observed vs.
Interpreted
19
Why It Matters
iBeacon
20
Why It Matters
iBeacon
Global Web
Personal Mobile
Spatial iBeacon
21
Why It Matters
iBeacon
Design Metaphors
Architecture
Theater
Services
@mbadger
@captechlistens
#iBeaconUX
User Scenarios
Guided Tours
23
User Scenarios
Augmented Places
24
User Scenarios
Augmented Spaces
Room Scheduling
Indoor Mapping
25
User Scenarios
Way鍖nding
Lighting & HVAC
26
User Scenarios
Presence Indication
27
User Scenarios
Presence Indication
Usage Patterns
28
User Scenarios
Outside the Box
Mass Transit
29
User Scenarios
Augmented Services
Health Care
@mbadger
@captechlistens
#iBeaconUX
Real World Implementations
31
Real World Implementations
Some of the Bigger Ones
Beacons may tell consumers to redeem coupons,
earn points or pick up items on shopping lists.
When a consumer walks into a participating
retailer, the stores beacon will communicate with
the consumers phone and tell him or her about
specials, discounts or coupons.
If consumers walk past Starbucks and another coffee
store across the street and get a beacon message from
both, will they be tempted to go into one versus the other
based on their offer or based on existing loyalty to one of
the brands? Ms. Horwell said.
Mobile Commerce Daily, December 8th, 2014
32
Real World Implementations
Some of the Bigger Ones
33
Real World Implementations
Some of the Bigger Ones
Macys
@mbadger
@captechlistens
#iBeaconUX
Implementation Pros & Cons
 Beacon hardware is inexpensive.
 iBeacon supported smartphone penetration is
high and increasing (even with Android).
 The technology is here; SDKs and testing
frameworks are available.
 iBeacon technology is simple, but useful
implementations are complex.
35
Implementation Pros & Cons
Reasons to Get Started
Pros
36
Implementation Pros & Cons
Things to Consider / Challenges to Overcome
Cons
 Must have an appwith all the resource and
budget questions that raises.
 Robustand likely higher value
implementations involve content strategy,
systems integration, and beacon
management. Governance too, of course.
 There are likely to be privacy concerns to
address and account for.
@mbadger
@captechlistens
#iBeaconUX
iBeacon + The Future of UX
38
iBeacon + The Future of UX
Beyond the Screen
Wider Context
39
iBeacon + The Future of UX
More Implicit Feedback
New Biometrics
40
Sources of inspiration, but alsolessons learned.
Your Environment Is the Interface
Sources
Architecture
Theater
Services
Thank you.
IT MANAGEMENT CONSULTING  SYSTEMS INTEGRATION  DATA MANAGEMENT
Copyright 息 2014 CapTech Ventures, Inc. All rights reserved.
@mbadger
@captechlistens
#iBeaconUX
Q&A

More Related Content

Similar to Your Environment Is the Interface: Using iBeacon to Enhance the UX of Place (20)

PDF
Genius Loci: iBeacons in the Academic Context
Mark Badger
PDF
Mapping Content to the Customer Journey: 5 Keys to Success with Kevin Nichols
Information Development World
PPTX
Selling the Internet of Things: Why are Retail Solutions a Challenge?
MarketSource
PDF
The Challenge of Building Apps for iBeacon Experiences
Jon Little
PPTX
From Social Media to Social Business (updated)
Peter H. Reiser
PDF
Human Computer Interaction: Academia and Industry
studiotelon
PDF
The Social Nature of Engineering + Innovation
Kristin Halpin
PPTX
Social hr for ril
Gautam Ghosh
PDF
IA Ondernemen met innovatieve apps. Sessie 1 Frederik de Wachter Lean startup
Ikinnoveer
PPTX
Connecting Devices & Data To Build The Store Of The Future
G3 Communications
PDF
Rapid User Research - a talk from Agile 2013 by Aviva Rosenstein
Aviva Rosenstein
PPTX
Research Trends: Smart Phone Applications Development,
Monir Bhuiyan
PDF
ROI-of-UX-usertesting-dot-com
Jill DaSilva
PDF
Digital Transformation: Going Beyond Buzzwords - ConveyUX Boston 2019 Keyno...
Jaime Levy Consulting
PPTX
How Trends Drive Innovation in Product Design
Bresslergroup
PDF
How Autodesk creates better digital experiences with UserTesting
UserTesting
PPTX
Architectural Considerations for Startups
Niall Roche
PDF
The unfulfilled IoT promise
Lola Oyelayo
PDF
3 x 3 for Global Creative in 2014
Sami Viitam辰ki
PDF
Product Management - much more than coding and designing
Justo Hidalgo
Genius Loci: iBeacons in the Academic Context
Mark Badger
Mapping Content to the Customer Journey: 5 Keys to Success with Kevin Nichols
Information Development World
Selling the Internet of Things: Why are Retail Solutions a Challenge?
MarketSource
The Challenge of Building Apps for iBeacon Experiences
Jon Little
From Social Media to Social Business (updated)
Peter H. Reiser
Human Computer Interaction: Academia and Industry
studiotelon
The Social Nature of Engineering + Innovation
Kristin Halpin
Social hr for ril
Gautam Ghosh
IA Ondernemen met innovatieve apps. Sessie 1 Frederik de Wachter Lean startup
Ikinnoveer
Connecting Devices & Data To Build The Store Of The Future
G3 Communications
Rapid User Research - a talk from Agile 2013 by Aviva Rosenstein
Aviva Rosenstein
Research Trends: Smart Phone Applications Development,
Monir Bhuiyan
ROI-of-UX-usertesting-dot-com
Jill DaSilva
Digital Transformation: Going Beyond Buzzwords - ConveyUX Boston 2019 Keyno...
Jaime Levy Consulting
How Trends Drive Innovation in Product Design
Bresslergroup
How Autodesk creates better digital experiences with UserTesting
UserTesting
Architectural Considerations for Startups
Niall Roche
The unfulfilled IoT promise
Lola Oyelayo
3 x 3 for Global Creative in 2014
Sami Viitam辰ki
Product Management - much more than coding and designing
Justo Hidalgo

Recently uploaded (20)

DOCX
LRC image social media marketing class design
yeshwimbu
PPTX
Transform Your Backyard into the Ultimate Wedding Venue
varunsh377
PPTX
Guildford Flames Adam Long Helmet Design Challenge 2025
Tom Hutchinson
PPTX
Turbomachinery_Presentation.pptx....... introduction and basic
abhisheksabhigowda47
PPTX
Introduction_to_GD&T_Complete.pptx_growww
rajkumarsingh764766
PDF
Guide to Understanding Hailey Welch's Wealth
arslantaj725
PDF
Pompidou-case-study-detailed-planF16.pdf
qxtr95m9nf
PPTX
BASIC PRACTICE POWER POINT PRESENTATION 1
rkbasumatary02
PPTX
DTL Phase with all presentation required
manishasri912
PPTX
Pendant Lights, Types and their applications
agdisha2
PPTX
Modern Living Room Design in Tokyo,Japan
Yantram Animation Studio Corporation
PPTX
Untitled presentation on support system for Btech
rishikrajsmhs
PPTX
Design _of RC _Structure_Presentation.pptx
htunhtunLinn6
PDF
Bethany Michels Architecture Portfolio.pdf
Bethany Michels
PPTX
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
hazlienasyiqeen
DOCX
pre test uncertainty, conflictbnnnmnb mn
sanghahembramsh
PPTX
Robotic Arm Control System for help of robots you can easily operate things t...
altron1331
PPTX
ai teaching assistant for visual learning.pptx
jamesmay2663
PPTX
Lotus School Manikonda Best CBSE & SSC School in Hyderabad
CharanRks
PPTX
Project Report on Corrosion (1).pptxkkkk
kaushikpkrishna2024
LRC image social media marketing class design
yeshwimbu
Transform Your Backyard into the Ultimate Wedding Venue
varunsh377
Guildford Flames Adam Long Helmet Design Challenge 2025
Tom Hutchinson
Turbomachinery_Presentation.pptx....... introduction and basic
abhisheksabhigowda47
Introduction_to_GD&T_Complete.pptx_growww
rajkumarsingh764766
Guide to Understanding Hailey Welch's Wealth
arslantaj725
Pompidou-case-study-detailed-planF16.pdf
qxtr95m9nf
BASIC PRACTICE POWER POINT PRESENTATION 1
rkbasumatary02
DTL Phase with all presentation required
manishasri912
Pendant Lights, Types and their applications
agdisha2
Modern Living Room Design in Tokyo,Japan
Yantram Animation Studio Corporation
Untitled presentation on support system for Btech
rishikrajsmhs
Design _of RC _Structure_Presentation.pptx
htunhtunLinn6
Bethany Michels Architecture Portfolio.pdf
Bethany Michels
Factorising Expressions Presentation in Green Brown Illustrative Scrapbook St...
hazlienasyiqeen
pre test uncertainty, conflictbnnnmnb mn
sanghahembramsh
Robotic Arm Control System for help of robots you can easily operate things t...
altron1331
ai teaching assistant for visual learning.pptx
jamesmay2663
Lotus School Manikonda Best CBSE & SSC School in Hyderabad
CharanRks
Project Report on Corrosion (1).pptxkkkk
kaushikpkrishna2024
Ad

Your Environment Is the Interface: Using iBeacon to Enhance the UX of Place

Editor's Notes

  • #2: - Hello and welcome to Your Environment Is the Interface
  • #3: - First, allow me to introduce myself. My name is Mark Badger, and I am Creative Director at CapTech Consulting. - For almost 20 years, I have been designing interactive experiences targeted for the web and, since 2010, for mobile and tablet use. - My background is in visual design, and before that I received my BA in Architecture from Yale. - Been fascinated by the relationships between brands and people, primarily as mediated by user experiences. Now with iBeacon, I can revisit my earlier design education: architecture.
  • #4: - Before I begin, Id like to get a sense of whos here. - Who here is a interaction or user experience designer of some kind? - Who here works in user research? Software developers? - OK, how about folks who work in or for the government? Private sector? Non-profit/institution? - lastly, who here is already familiar with what iBeacon is and how it works? Full frame of movie audience wearing special 3D glasses to view film Bwana Devil which was shot with new natural vision 3 dimensional technology. photo by J.R. Eyerman, Paramount Theater, Hollywood, California, November 26, 1952. The same image is availbale at Getty Images.
  • #5: - If you have questions, please hold onto them for now, as I may answer them during the course of the presentation. I will leave time at the end for some Q&A.
  • #6: OK, so why Genius Loci? - For the ancient Romans, the genius loci was the protective god of a particular place. - Not quite an oracle, but more like a household godthe god of a specific location. - Bit of triviathe word genie is derived form Genius. - In more modern usageespecially architecturethe genius loci is the spirit or essence of a placea much more metaphoric interpretation of the term. Lets look at some examples.
  • #7: Aesthetics & ergonomics - What activities and functions this space is designed to accommodate - Which is distinct from the experiences which happen here
  • #8: http://web.library.yale.edu/place/linonia-and-brothers-reading-room
  • #9: Orange: Ellsworth Kelly Chalkboard: Cy Twombly Sculpture: Alberto Giacometti
  • #10: - These are places I spent a fair amount of time in as an architecture student at Yale. - Each of these places has a particular essence, due to my experiences of and in these places. The spirit of this place is a result of organic, often unplanned interactions. - Youll note that I did not include images with people in them. Thats on purpose. - Currently, these spaces are mute, rich with potential but unaware of any people that may or may not be there, never mind the interactions and experiences had there. - iBeacon technology has the potential to transform those experiences, though you will need a mobile device of some kind to facilitate that. - Not just potential uses, but potential dialogues. - Alsothese places have no memory, iBeacon might change that as well.
  • #12: OK. iBeacon. What is it and how does it work? - iBeacon is an Apple-branded protocol built on top of Bluetooth LE that dictates how iBeacon-configured sensors may communicate with iOS devices. - So, beacons" are wireless sensors (often very small) that transmit data to your iPhone using Bluetooth Low Energy. - The protocol is tightly constrained, by design. Very little data gets sent4 identifiers, in facteven though BT allows for data as robust as audio streaming.
  • #13: - here are what some of these sensors look like - alsoiPhones and Apple Watches - So, not only do beacons take the form of inexpensive sensors that you can place in a location, beacons need not have a fixed locationand they may not be just dumb, inexpensive sensors.
  • #14: - iBeacon allows apps on your iPhone to have access to microlocation. In short: it creates short-range, proximity awareness. - This device is near that sensor (or those sensors). Thats it. - iBeacon gives you enough information to identify the sensors in rangeall the other intelligence (and value) must be built into the app or into the app plus a cloud/internet service.
  • #15: - An iPhone (or similarly capable Android phone) with Bluetooth LE enabled enters the broadcast range of a beacon (around 30 meters). - The beacon is constantly broadcasting its identifiers. - When the iPhone intercepts that communication, it routes the IDs to the relevant app, which then displays notifications, or responds in other more interesting ways once the app is open.
  • #16: Orange: Ellsworth Kelly Chalkboard: Cy Twombly Sculpture: Alberto Giacometti
  • #17: - First of all, you need an app. iOS (or certain flavors of Android) broker the communication, but you need an app. No app, no iBeacon functionality. - Second, because it runs over bluetooth, you have to have bluetooth enabled. No bluetooth, no iBeacon. - Third, you have to authorize location services. No location awareness, no iBeacon. - Alsoto get the most functionality, you need to authorize notifications.
  • #19: - Since the iPhone 4s, the iPhone has been able to use a number of sensors and antennae to understand its environment and the relationship to it, but iBeacon adds something new to the mix. - For most of these sensors, the data they collect and interpret is observational. - For the antennae, including bluetooth, they allow the smartphone to transmit data back and forth - iBeacon acts as a hybridleveraging the Bluetooth LTE channel to get proximity information. Artist: Jim Sanborn Title: A Comma, A, 2004 Location: Plaza in front of the new library, University of Houston
  • #20: - In the case of iBeacon (or beacons in general), location or contextual data is observed and reported. Because the phone understands only that it is near a beacon (or several beacons). The meaning of the location requires infrastructure, and that infrastructure is provided by organizations with their own interpretation of the context. - In a very real way, beacon enhanced environments are truly augmented reality. - By placing beacons in a particular setting, you turn the environment into the interface. - Brands, companies, and organizations can create a digital context that enhances and adds meaning to the physical world. - While your GPS apps do this as well (think of the difference between Wayz and Google Maps), beacons allow organizations to frame this context, and to do so indoors and in both medium to short proximity.
  • #21: - Shift to proximity, localized, contextually specific design is actually a fundamental shift in emphasis from the web or from mobile paradoxically. - The web has allowed geographically specific organizations and companies to have a global presence. - Mobile has allowed fixed experiences to be portable. - iBeacon and similar proximity-based technologies allow for the enhancement of specific and highly localized experiences
  • #22: - Shift to proximity, localized, contextually specific design is actually a fundamental shift in emphasis from the web or from mobile paradoxically. - The web has allowed geographically specific organizations and companies to have a global presence. - Mobile has allowed fixed experiences to be portable. - iBeacon and similar proximity-based technologies allow for the enhancement of specific and highly localized experiences
  • #23: - A note about all of the scenarios we are about to reviewthey presume a thorough distribution of beacon-capable devices as well as your institutions app. - Many of these also require a well considered and thorough implementation, including well-placed beacons, a well-designed application, and robust back-end software support.
  • #24: AUGMENTED SPACES Per LaChaise: Frederic Chopin, Oscar Wilde, Jim Morrison Lets take the museum demo a bit further - Guided tour
  • #25: Working along the same theme of augmenting a particular location - Room Reservation System - current reservation schedule for a conference or meeting room. - current status of available rooms, ad hoc - motion detection gets you some of the way there - each days schedule can be pushed to a phone, rather than installing a series of displays. - Of course, once youve facilitated this interaction with an app, a whole suite of functions could be enabled. Reservation on the fly.
  • #26: WAYFINDING Indoor mapping is the most obvious. GPS does not work indoors. WiFi can work but drains your battery faster than Bluetoothand it requires network authentication. The map can be pushed as the visitor approaches the building. And of course, with beacons placed at each entrance, the map orientation can be preset. If the user has specified the destination already, the app can leverage a series of well place beacons can help guide someone through an unfamiliar facility.
  • #27: PRESENCE INDICATION - Room lightingbetter than motion detection - This is where you need to start to wrap your head around how all the parts of an iBeacon system work together. - Its not the beacons that control the lights, its your app. More precisely, your app in coordination with some back-end system. YOUR ENVIRONMENT IS THE INTERFACE
  • #28: Shifting the USER - Even more generally, using this same idea, facility coordinators can track usage patterns of rooms and buildings over time. - Facility lighting, heat, and A/C can use this more sophisticated presence indication to better manage energy usage.
  • #29: OUTSIDE THE BOX With beacons located along the bus route and with the driver having, say, an iPhone with the transit app. - Alsocan get a read on remaining shuttle capacityeither passively or actively.
  • #30: Transforming the service of health care, or at least the visit
  • #32: Some things to consider here: If iBeacon allows you to enhance the customer experience of a branded space, you need to think about whether it makes more sense to own your implementation or to sub it out to 3rd parties like shopkick (Macys) or inMarket (Safeway). There are several upsides to using your own app, but one is context specific behaviors. The same app that provides benefits when near iBeacons will simply suppress those behaviors when not near iBeacons. These examples are all retail oriented, and in fact all of the journeys weve shown so far are consumer oriented as well. What has not been widely discussed yet are operational applications. For example, healthcare and RFID.
  • #33: Some things to consider here: If iBeacon allows you to enhance the customer experience of a branded space, you need to think about whether it makes more sense to own your implementation or to sub it out to 3rd parties like shopkick (Macys) or inMarket (Safeway). There are several upsides to using your own app, but one is context specific behaviors. The same app that provides benefits when near iBeacons will simply suppress those behaviors when not near iBeacons. These examples are all retail oriented, and in fact all of the journeys weve shown so far are consumer oriented as well. What has not been widely discussed yet are operational applications. For example, healthcare and RFID.
  • #36: Estimates are over 200 million iOS devices by the end of this year I think about 98% of iOS devices are now iBeacon compatible. The number for Android is up to about 32%
  • #37: Dont lead with the technology. - User Testing and Research methods - Design Studio
  • #40: Subjective, Observational, Implicit. - Eye tracking - Electrodermal activity (EDA) + Behavioral analysis - Verbalization analysis - Pupil dilation - Facial expression analysis
  • #41: Inspirationbut also, lessons learned.