Presentation slides I presented during Asian Banking and Finance - Retail Banking Forum on 16 May 2017 at Hilton Hotel Kuala Lumpur Malaysia.

1. 16 May 2017
Mobile-first : One key important
aspect in digitalisation
Helmi Hasan Baraja
Consumer Apps Expert
Mobile Development Architect

2. Overview
Malaysia Population
30.8 mil (2016 data)
Active Internet Users :
(20.8 mil)
Active Mobile Internet Users :
(17.89 mil)
Active Mobile Online Banking :
(11.38 mil)
via lavaprotcols.com
69%
59%
37%

3. via statista.com

4. in 3 years mobile internet users will increase by
60%

5. ❖ “… Mobile advertising made up 84% of total sales in the quarter, ….”
❖ “The small screen is now big, because the small screen can do big things,” -
Facebook's chief operating officer Sheryl Sandberg
via forbes.com

6. Top-Down
Image by Zurb
Traditional ways,
web designers have always worked from biggest screen down to smallest. meaning the main design
would be for the full desktop view with that having the most functionality.
Downside of this approach is that essentially priority is given to desktop/laptop users.

7. Bottom-Up
Image by Zurb
• This is what they call mobile first design.
• Focus on small screen first, then develop to desktop.
• A big part of going mobile first is making your site load faster. Decreasing your site’s loading speed matters
• Speed matters for your Google ranking. Not only is Google prioritizing mobile optimized sites on mobile search
but additionally they are also looking at loading time as a factor.

8. Responsive Website
• Go responsive website instead of fixed website.
• Focus on mobile first design.
• It’s important to make a distinction between mobile first and mobile responsive, in this context, as
mobile responsive takes existing elements and scales them down, but not necessarily reducing their
file size.

9. Mobile website
❖ Usually has limited function
❖ Has different source code and normally different domain / ip address.
❖ Mobile website was great, but you might need to move on to responsive
website.
❖ Different site as fixed website. Maintaining 2 separate projects.

10. via google.com
• it’s been 2 years since google has implement mobile friendly rank.
• Although your website is mobile friendly, but how optimize is your website ?
• Google rank site by 3 key components : mobile friendly, mobile speed and desktop speed.

11. Did you know ?
❖ Users spend 177 minutes on their mobile phones per day
❖ Nearly half of all visitors will leave a mobile site if the pages don’t
load within 3 seconds.
❖ People are 5 times more likely to leave a site if it isn't mobile-
friendly
via thinkwithgoogle.com

12. How google rank works

13. Alexa ranking
alexa.com

14. Google search on mobile
❖ allrecipes.com
❖ Rank #837 in global rank by Alexa
❖ rank #1 in ‘recipe’ keyword in desktop google
search
❖ but rank #2 on google search on mobile.
❖ losses by it’s competitor recipe.com

15. TestMySite.ThinkWithGoogle.com

16. Result on both sites
As you might now, Google rank works on SEO, but for mobile search, mobile
friendliness and mobile speed are taken into calculation. Even though you have high
rank in SEO, it doesn’t guarantee your website appear on top, in google mobile search.

17. Summary of how mobile user uses
❖ Apigee: “44% of users delete a mobile app immediately if it didn’t perform as
expected; Performance is reported to be especially important for banking (74%)
apps”
❖ realBusiness: “Consumers are unforgiving towards slow and poor – performing
apps.”
❖ IMS, Goldsmiths: "Users experience a lot of negative emotions and frustrations
when trying to complete some digital tasks and apps are slow to load and respond”
❖ Forrester: “Mobile apps live and die by their ratings in an App Store... When the
rating suffers, customer adoption suffers.”
via infosys.com

18. Interesting facts
❖ Lost transactions not only result in lost revenue for banks, but have a detrimental
impact on customer loyalty and brand reputation – it's a lose-lose situation.
❖ 38% try another app when faced with a problem, 34% stop using the app, and
19% complain to friends and family
❖ 30% of users would spend more money with an organization that had a good
mobile app
❖ 29% would pay more for a product or service if the organization’s app performed
better than its competitors
❖ Nearly one third of smartphone and tablet owners would change banks if a
mobile app wasn’t up to par
via infosys.com

19. –Infosys POV - Mobile App Performance Testing
“One in six customers who switch banks indicate a poor mobile
banking experience prompted the switch”
via infosys.com

20. Half users quit app who has :
User Experience
Performance

21. User Experience aspect
❖ One of most important thing to note, yet developer tend to ignore.
❖ Focus more on UX not UI
❖ Sometimes you must compromise UI to build a great UX
❖ How’s to :
❖ Hire UX experts, UX Designer or UX Researcher (Hot job right now)
❖ Work on Analytics, multiple prototypes or survey.

22. Image from thejibe.com
Sometime to come out with a great User experience, you need to sacrifice the design.

24. How to make sure your app deliver a good performance
Through : Testing
• But we cannot keep doing testing, waste of resources.
• Because technology is changing, frequent OSs upgrade and new devices,
• Huge device matrix (iOS, android).
• There are thousands of smartphone running on androids OS, out of that, you have different
android OS version. so your test devices are getting compounded.

25. Continuous Integration
Developer
Source Code
Repository CI Server
Execute Test
Scripts
Release
As part of DevOps practice.

26. Some tools available (Free & Commercial)
❖ Cucumber, Selenium, Appium, calabash
❖ browserstack, experitest, crossbrowser, xamarin,
❖ Robotium, XCTest, Expresso

27. Automate Browser Testing
browserstack.com

28. Automate Mobile App Testing
xamarin.com

29. What’s next
❖ Focus what’s important.
❖ Sometimes a great things need to compromise.
❖ Support majority of your users.
❖ Support latest OS

30. Thank You