You've probably heard the term "Contextual Communications" over the past year. But what does it mean? Why does it matter? And how would you use contextual communications within an application that you are building? In this talk I will share the What, Why and How of contextual communications. Think SMS, in-app messaging, voice and mix in things like location, time, history and all the data around this. And how do we do all of this with JavaScript?

1. CONTEXTUAL
COMMUNICATIONS
BRISTOL JS - SEPTEMBER 2016

2. PHIL LEGGETTER
DEVELOPER ADVOCATE
LEGGETTER@NEXMO.COM
@LEGGETTER

3. WHAT WE’LL COVER
▸ What is Contextual Communication?
▸ Why it matters?
▸ How can it be achieved?

4. WHAT

5. Context (n): the situation in which
something happens : the group of
conditions that exist where and when
something happens

6. Contextual communication (n): the bidirectional
transfer of information between two parties
where both parties are aware of the relational,
environmental and cultural context of the
exchange

7. WHAT IS IT?

8. AMAZON MAYDAY

9. AMAZON MAYDAY
▸ Knows who you are
▸ Knows what you're doing on your Kindle
▸ Can annotate your screen
▸ Can Control your Kindle (?)

10. INTERCOM

11. INTERCOM
▸ Knows who you are
▸ Has a lot of data about your product usage
▸ Provides "Omni Channel" Communication
▸ In-App Messaging
▸ Push Notifications
▸ Email

12. WHY

14. EXISTING EXPERIENCES SUCK

15. MULTIPLE CHANNELS (OMNI CHANNEL)

16. WHY CONTEXTUAL COMMUNICATIONS
▸ Save time
▸ Maintain relevance
▸ Enhance UX
▸ Allow users to communicate in the way that suits them
▸ Take context with you (?)

17. “By 2017, 70% of customer communications
will be digital, contextualized and consumed
on demand via multiple channels, including the
web, mobile devices and social media.”
Gartner (2014)

18. HOW

19. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY

20. GETTING ADDITIONAL CONTEXT

21. HOW

22. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY

23. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
IDENTITY
Auth0
Nexmo Verify

24. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
APP DATA

25. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
CALENDAR
Google Calendar API

26. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver & Freepik from www.flaticon.com is licensed by CC 3.0 BY
CONTACTS
Google Contacts API
Social Graph

27. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
LOCATION

28. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
NETWORK
Being worked on: https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation
What we have right now:

29. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY MICROPHONE

30. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY CAMERA

31. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
ORIENTATION

32. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
BATTERY

33. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
SMS

34. ACCESSING CONTEXT IN APPLICATIONS
Icons made by madebyoliver via www.flaticon.com is licensed by CC 3.0 BY
PHONE

35. WHAT ABOUT MULTI
CHANNEL / OMNI
CHANNEL?

36. CONTEXT DOESN’T MOVE ACROSS CHANNELS

37. A CONTEXT AWARE API
REDACTED!
YOU SHOULD’VE COME TO BRISTOL JS

38. GET EARLY ACCESS
JOIN THE NEXMO COMMUNITY SLACK
http://bit.ly/nexmo-slack

39. PHIL LEGGETTER
DEVELOPER ADVOCATE
LEGGETTER@NEXMO.COM
@LEGGETTER