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

Mobile Apps Made Easy! 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

Mobile Apps Made Easy! •  Analytics •  Targeting & Personalization •  Messaging •  Beacons and Location Services


Messaging


Messaging

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


Messaging

Mobile Apps Made Easy! 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 Messaging App 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

Mobile Apps Made Easy! §  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 §  Measure, review and repeat §  Target and Personalization (Audiences) §  Respect the user

§  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 §  Measure, review and repeat §  Target and Personalization (Audiences) §  Respect the user

§  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

Mobile Apps Made Easy! §  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

2 Messaging to bring

back, retain and convert users

1 AEM Apps for your App

development and management needs

3 Beacons 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?