EVOLVE'15 | Enhance | John Fait | AEM App Enhanced In-App Messaging & Beacons

Introductions

© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
Me
3
AEM R&D
Media & Mobile

Attendees

Agenda
§  Mobile
§  AEM Apps
§  AEM Apps Enhanced
§  Messaging
§  Beacons
§  Q & A
6

Mobile
Trends and challenges

Trends
8
§  Users are consuming content across web, mobile web
and mobile app channels
•  Content consumption via Mobile far outpaces the
browser
•  Users expect apps
•  User experience first
•  Beacons and Location Based Services on rise
•  Personalization and contextual targeting
Mobile is very important
Opportunity is huge

Challenges
9
§  App Management
•  Multiple platforms
•  Multiple devices
•  Rising costs
§  User Experience
•  Conversion
•  Loyalty
•  Retention
•  Mindshare
Mobile development and management
is challenging

AEM Apps
Apps made easy

AEM Apps
Mobile Apps Made Easy!
Enterprise
DPS
AEM Apps
Adobe
PhoneGap
Enterprise
Adobe
Digital Publishing
Solution
Native
Apps

Managing Apps
12
1.
Create
2.
Manage
3.
Measure
4.
Optimize
AEM Apps mobile
application development
and management
platform

Apps Made Easy
13
•  Reuse AEM authoring and development skillsets
•  Reuse assets across channels and devices
•  Develop, manage and analyze mobile apps
•  Reduce costs, increase consistency improve brand loyalty
§  Easy app updates without going to the AppStores

NOPE
-[nohp] Adverb, informal
1. No
Examples:
Nope, your app is not done
15

Advanced Apps
•  Analytics
•  Targeting & Personalization
•  Messaging
•  Beacons and Location Services

Messaging

Messaging
§  Retention
§  Engagement
§  Notifications
§  Conversion
§  Offers
§  Content promotion

Messaging
Push
VS
In-App Messaging

Push
Push
High access to users.
App does not have to be running.
§  Delivers message to users home screen
§  Requires user opt in
§  Can bring users back to your app
§  Simple to implement, simple to mis-use difficult to
do well (or is it?)

In-App Messaging
In-App MessagingApp must be running
§  Does not require opt in
§  Richer content more relevance
§  Keep your users engaged and loyal

DEMO
In App Messaging

DEMO REVEALED
Adobe Mobile Services :
Messaging

Messaging Tips and Tricks
§  Clear message and action
§  Measure, review and repeat
§  Target and Personalization (Audiences)
§  Respect the user
§  Content
§  Timing
§  Frequency

Push Tips and Tricks
Mobile Apps Made Easy! Push§  Clear message and action
§  Don’t annoy the user
§  Message should add value to the user or their app experience
§  Easy to opt in /out
§  Transparent about type and frequency of messaging
§  Highlight the benefits of opting in
§  Deep linking, take user to the content

In-App Messaging Tips and Tricks
Mobile Apps Made Easy!In-App Messaging
§  Clear message and action
§  Don’t annoy the user
§  Message should add value to the user or their app experience
§  Rich and visually appealing
§  Can be used to complement push messaging

Messaging
Retention
Engagement
Conversion
AEM Apps what’s next?

Beacons

What are Beacons
Small wireless device that broadcasts a radio
signal at regular intervals
§  Uses BlueTooth Smart™ Technology (aka BLE)
§  Very low power
§  Low cost
§  Larger range
§  Supported by all modern smartphones

How do Beacons work?
1. Beacon broadcasts a radio signal are at a regular interval
2. Signal is detected by listening nearby Bluetooth Smart™ enabled device
3. Device uses the signal to identify the beacon and optionally take action

How do Beacons work?
Broadcast
§  Small data package
§  ProximityUUID
§  Major
§  Minor
§  txPower
§  other
Detection
§  Ranging
§  Monitoring
Action
§  Triggers : Enter, Exit, Dwell, ?
§  Actions : track, enable/disable, show/hide etc

Beacon Uses
§  Proximity marketing
§  Traffic analysis
§  Deliver contextually relevant content and experiences
§  Gamification
§  Contextual feature enablement and app behavior modification
§  Welcome and parting messages
Merge digital and physical worlds
to deliver engaging mobile experiences

Beacons Myths and Truths
Mobile Apps Made Easy!•  Beacons ARE NOT accurate
•  Beacons ARE proximity based NOT location based
•  Beacons DO NOT track you or collect information about you
•  Beacons DO NOT deliver content to you
•  Beacons ARE easily discoverable (not just by your app)
•  Beacons ARE NOT limited to indoor use
•  Phones CAN BE beacons
•  Beacons WORK offline

Beacon Challenges
§  Vendor selection
§  Device selection and capabilities
§  Supporting Services
§  SDK (PhoneGap support)
§  Inventory
§  Power/Battery
§  Size
§  Management & Provisioning

DEMO
Beacons

DEMO REVEALED
Beacon Management via Authoring

DEMO REVEALED
Beacon Management via Development

<plugin name="com.telerik.plugins.nativepagetransitions" spec="https://github.com/Telerik-Verified-Plugins/
NativePageTransitions#0.4.0" />
<plugin name="pl.makingwaves.estimotebeacons" spec="https://github.com/evothings/
phonegap-estimotebeacons.git" />
<plugin name="cordova-plugin-whitelist" spec="https://github.com/apache/cordova-plugin-whitelist" />
config.xml

// iOS Request permission to access Location Services
estimote.beacons.requestAlwaysAuthorization();
Plugin Usage
// Starting ranging
estimote.beacons.startRangingBeaconsInRegion($scope.regionData, onBeaconsRanged, onError);
function onBeaconsRanged(beaconInfo) {
BeaconManager.trackBeacons(beaconInfo);
}
// Stop Ranging
estimote.beacons.stopRangingBeaconsInRegion($scope.regionData, onRangingStopped, onError);

•  <jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
jcr:primaryType="nt:unstructured"
path="/content/phonegap/conference-app/en/home/beacons"
targetRootDirectory="www"
type="beacons-list"/>
Beacon Export into Beacon.json
[
{
"name": "Coffee Shop Beacon",
"description": "Proximity to the adobe ottawa coffee shop",
"uuid": "b9407f30-f5f8-466e-aff9-25556b57fe6d",
"major": 3437,
"minor": 10001,
"location": "Coffee Shop",
"onEnter": "/content/phonegap/conference-app/en/home/venues/adobe/rooms/coffeeshop"
},
…
]

•  Track closest beacon
•  Ignore noise and dropped signals
•  Fire callbacks for beaconEnter, beaconExit and beaconUpdate
Beacon Management
function enterBeaconCallback(beacon){
console.log("APP BEACON ENTER >>>>> " + BeaconManager.getBeaconAsString(beacon));
…
if (beaconJson != null && beaconJson.onEnter != null) {
$scope.go(beaconJson.onEnter, beaconJson.name);
}
…
}
function exitBeaconCallback(beacon){…}
function updateBeaconCallback(beacon, dwellTime){…}

Beacon Management
function enterBeaconCallback(beacon){…}
function exitBeaconCallback(beacon){
console.log("APP BEACON EXIT < < < " + BeaconManager.getBeaconAsString(beacon));
…
if (beaconJson != null && beaconJson.onExit != null) {
$scope.go(beaconJson.onExit, beaconJson.name);
}
…
}
function updateBeaconCallback(beacon, dwellTime){…}

Beacon Management
function enterBeaconCallback(beacon){…}
function exitBeaconCallback(beacon){…}
function updateBeaconCallback(beacon, dwellTime){
if(dwellTime%5==0){
console.log("APP BEACON UPDATE > " + BeaconManager.getBeaconAsString(beacon) + ":" + dwellTime);
}
// DWELL ACTION
}

DEMO REVEALED
Adobe Mobile Services :
Beacon Path Analysis Traffic Reporting
Beacons as triggers
Technology Report

Beacon Challenges Cont…
§  Adoption (iOS versions vs. android etc.)
§  Development and Testing
§  Signal Accuracy and Noise
§  Distance fluctuations
§  Proximity variations
§  Obstacles

Beacon Challenges : Noise and Accuracy

Beacons Tips and Tricks
§  Test the Plan (triggers, actions, etc)
§  Test via Simulation
§  Test the reality (real physical environment)
§  Test against different devices and OSs
Test. Re-test. Test again

Beacons Tips and Tricks
§  Phone as your beacons
§  Dev/test page in your app to fake/trigger
beacon events
§  Power real beacons on and off
§  Use/configure dwell time, signal ignores
distance/proximity setting
§  Adjust beacon power

DEMO
Bonus round?
Beacon testing apps etc

Beacons
Beacons for traffic analysis
Beacons for In App Message triggers
Beacons for In App Content
Beacons for new Audiences
AEM Apps what’s next?

Takeaways
2Messaging to bring
back, retain and convert
users
1AEM Apps for your App
development and
management needs
3Beacons to merge and
reduce the friction
between the digital and
physical experiences

Resources
53
•  AEM : http://www.adobe.com/solutions/web-experience-management.html
•  AMS : http://www.adobe.com/ca/solutions/digital-marketing/mobile-services.html
•  AMS Plugin : https://github.com/Adobe-Marketing-Cloud/mobile-services/tree/master/sdks/Cordova
•  BloodHound: https://marketing.adobe.com/developer/en_US/gallery/bloodhound-app-measurement-qa-tool-1
•  PhoneGap : http://phonegap.com
•  Cordova: http://cordova.apache.org
•  AEM Gems : http://dev.day.com/gems
•  AEM Forums :
http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.html
•  Bluetooth Smart : http://www.bluetooth.com/Pages/Bluetooth-Smart.aspx
•  Estimote : http://estimote.com/
§  BlueCats : http://bluecats.com/

Questions?

EVOLVE'15 | Enhance | John Fait | AEM App Enhanced In-App Messaging & Beacons

More Related Content

What's hot (20)

Viewers also liked (17)

Similar to EVOLVE'15 | Enhance | John Fait | AEM App Enhanced In-App Messaging & Beacons (20)

More from Evolve The Adobe Digital Marketing Community (20)

Recently uploaded (20)

EVOLVE'15 | Enhance | John Fait | AEM App Enhanced In-App Messaging & Beacons