mobile enablement and intelligence
TRANSCRIPT
More mobile devices than world population – 7th October ’14
More Google Searches on Mobile than Desktop/ Laptop – 5th May ’15
Mobile web usage overtakes desktop for first time – Oct ’16
Mobile Enablement
simple but not easy
& some Intelligence
Why?
How?
What?Then What?
Why?
Startup Mindset
✘Problem/ Solution✘Target Audience✘Development cost ( Talent, support and maintenance)✘Time to market
Winning Product
Spee
d to
marke
t Widest customer
reach in niche
market
Reaching user the fastest way✘ Platform independent✘ Accessible from anywhere✘ Easy to test✘ HTML5, JavaScript and CSS✘ Fast learning curve
Spee
d to
marke
t
Anytime Anywhere✘ Download from AppStore,
GooglePlay and Windows Store
✘ Accessible anytime✘ Offline support✘ Full device access
Widest customer
reach in
niche market
Why?
How?
Best from both the worlds
Hybrid MobileDevelopment
Best of both worlds✘Native app with embedded HTML✘One app for many platforms✘Full device access✘Access anytime anywhere (Offline support)✘AppStore / Windows Store / Google Play✘Use your preferred language✘Learn fast and build faster✘Update without updating App!
Myths!
✘They are just websites in app-store
Myths!
✘They are just websites in app-store
Myths!
✘They are just websites in app-stores✘You can’t access mobile features✘Native apps are more beautiful✘Slow!
“Oh No! The Zuck has spoken!”
Are You Building the Facebook app?
✘ Have a multi-million dollar budget?
✘ Have a large team of experienced native
developers?
✘ Does billion-dollar revenue depend on this app?
✘ If so...do native
✘ ...but today it's not so black and white
Are You Building the Facebook app?
✘ Have a multi-million dollar budget?
✘ Have a large team of experienced native
developers?
✘ Does billion-dollar revenue depend on this app?
✘ If so...do native
✘ ...but today it's not so black and white
Why?
How?What?
Hybrid Technologies
Xamarin Studio✘ Freemium by Xamarin ✘ Mac, Windows, Microsoft
Visual Studio✘ Write in C#
Appcelerator Titanium✘ Open Source by
Appcelerator Inc ✘ Mac, Windows, Linux,
Web / Cloud✘ Write in Web
technologies
Apache Cordova✘ Open Source by Apache✘ Mac, Windows, Linux,
Web / Cloud✘ Write in Web
technologies
React Native• By Facebook• iOS, Android, Windows• Write in Web technologies
Qt Creator• Open Source by Qt
Project• Mac, Windows, Linux,
BSD • Use cross-platform C++,
JavaScript and QML
Native Script• Freemium by Codename
One• iOS, Android, WIndows,• Write in Web
Technologies
I choose Apache Cordova
✘ Widest community support
✘ Complete Eco-system✘ 1000+ Plugins to support
device
Concept behind hybrid development - Cordova
Cordova Build
Technical Architecture - Cordova
Story Time…
Ion GlobalGoing mobile in the easy way
Mr. Kent - Head of Technology
Mobile Enablement of Ion GlobalWhat we already have
✘ Fully fledged web app✘ Fully fledged REST
API
What we already know
✘ 43% use Android Devices
✘ 38% use iOS Devices✘ 6% use Windows
Devices
How to mobile enable
✘ Make it responsive✘ Build for iOS and
Android using Apache Cordova
What we did✘ Modified web app
using Bootstrap to be responsive
✘ Port to Android, Windows and iOS using Apache Cordova
✘ Published on GooglePlay (4hr), Windows Store (4d) and iTunes (7d)
3 months later…
Sales
What did just happen there?
Investigation
Unbiased Feedbacks✘ 20 people who worked at Ion Global✘ 10 customer companies who hire
people through Ion Global✘ 40 random people on the street
Feedback: This is superb. Has all the features I want.
Suddenly...
It’s all about UX
“Regardless of being crafted for the
betterment of technology, any tool can be used in a way it doesn't serve the
purpose. Ultimately, it comes down to the
understanding of the person who uses the tool. - Navaka Navaratne
Ion Global going mobile : Phase 2Completely
revamped the mobile app
✘ Only focused on applicants
✘ Only 2 most frequently used features - seach and apply.
✘ Used Mobile UI Framework - Ionic
✘ Took 4 months to build and publish in stores
Next Board Meeting of Ion Global
Sales
“Mobile enablement is
super simple, but not so easy! ✘- Rashmika
Nawaratne
Getting Started...Install Cordov
a
Download Mobile
Framework
Get the Bootstrap code
Test from Browser Emulator
Build the app
Push to
Cloud
✘ jQuery Mobile
✘ Ionic✘ Onsen UI✘ Intel XDK✘ Kendo UI✘ Sencha
Touch
Welcome Ionic
✘ Web Technologies You Already Know and LoveHTML5 / JS / CSS
✘ Standing on the Shoulders of AngularJS✘ Native Focused – build to work with Cordova✘ Performance Obsessed✘ Eco System of Services (Auth, Push, Analytics, Deploy,
View)
“How does it all come together?”
WebView (Cordova)
Native SDK
AngularJS
Ionic
Your App
1. Ionic Components
2. Ionic Creator
3. Ionic Lab
4. Access Device Features using Plugins
6. Ionic Cloud
7. Ionic View
What you need first?
Where to start?
✘ Ionic 1 - https://ccoenraets.github.io/ionic-tutorial/✘ Ionic 2 -
http://ionicframework.com/docs/v2/getting-started/tutorial/
Resources
✘Mobile Enablement - http://blog.nawaratne.com/✘This Presentation: http://goo.gl/QsKxQm✘Mobile Usage Stats - http://gs.statcounter.com/✘Ionic Framework - http://ionicframework.com/✘Begin with Cordova - https://cordova.apache.org/✘Device Access via plugins - http://plugins.cordova.io/✘Growth Hacker Marketing by Ryan Holiday✘Running Lean by Ash Maurya
Why?
How?
What?Then What?
Read people without listening
Intelligence
HotJar
Google Analytics – Event Tracking
Case Study - Hypothesis ValidationIdentifying the most usable entry point to the comment view
Enter to the comment view from
Detail View Icon
Enter to the comment view from
Action Menu Button
From the data of 53 unique users and 368 entries to the comment view, inferred 93.8%
prefer the detail view icon. Action: Remove the action menu button
keeping only the icon
Happy Coding!You can find me on
CreditsSpecial thanks to all the people who made and released these awesome resources for free:
✘Presentation template by SlidesCarnival✘Photographs by Unsplash