Download - Dos and Don'ts on the road to Mobility
![Page 1: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/1.jpg)
© All rights reserved
MobilityRúben Gonçalves – Expert Services @ OutSystems
Dos and Don'tson the road to
![Page 2: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/2.jpg)
© All rights reserved
Mo·bil·i·ty1. The quality or state of being mobile.2. The ability to move physically
![Page 3: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/3.jpg)
© All rights reserved
Go Mobile!
![Page 4: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/4.jpg)
© All rights reserved
Why?1
![Page 5: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/5.jpg)
© All rights reserved
125.6%of executives
have smartphones
Sour
ce:
from
my
pers
onal
obs
erva
tion
![Page 6: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/6.jpg)
© All rights reserved
50%of US market share
smartphone
Sour
ce:
Niel
sen
FEB 2012
+
![Page 7: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/7.jpg)
© All rights reserved
1.000.000.000to be shipped worldwide in
2013
Sour
ce:
Delo
itte
![Page 8: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/8.jpg)
© All rights reserved
1 in 5US companies say they will provide
Tabletsto employees
Sour
ce:
Chan
ge W
ave
Rese
arch
![Page 9: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/9.jpg)
© All rights reserved
Getting it done2
![Page 10: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/10.jpg)
© All rights reserved
Native
![Page 11: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/11.jpg)
© All rights reserved
![Page 12: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/12.jpg)
© All rights reserved
![Page 13: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/13.jpg)
© All rights reserved
Native
![Page 14: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/14.jpg)
© All rights reserved
![Page 15: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/15.jpg)
© All rights reserved
![Page 16: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/16.jpg)
© All rights reserved
![Page 17: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/17.jpg)
© All rights reserved
![Page 18: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/18.jpg)
© All rights reserved
Hybrid
![Page 19: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/19.jpg)
© All rights reserved
![Page 20: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/20.jpg)
© All rights reserved
![Page 21: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/21.jpg)
© All rights reserved
![Page 22: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/22.jpg)
© All rights reserved
![Page 23: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/23.jpg)
© All rights reserved
![Page 24: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/24.jpg)
© All rights reserved
Hybrid
![Page 25: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/25.jpg)
© All rights reserved
![Page 26: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/26.jpg)
© All rights reserved
Test
Test
Test
Test
Test
![Page 27: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/27.jpg)
© All rights reserved
Web
![Page 28: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/28.jpg)
© All rights reserved
![Page 29: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/29.jpg)
© All rights reserved
![Page 30: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/30.jpg)
© All rights reserved
![Page 31: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/31.jpg)
© All rights reserved
![Page 32: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/32.jpg)
© All rights reserved
Web
![Page 33: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/33.jpg)
© All rights reserved
![Page 34: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/34.jpg)
© All rights reserved
![Page 35: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/35.jpg)
© All rights reserved
Keep in mind
![Page 36: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/36.jpg)
© All rights reserved
Sour
ce:
Deve
lope
r Sou
rce
![Page 37: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/37.jpg)
© All rights reserved
Make it GREAT3
![Page 38: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/38.jpg)
© All rights reserved
Minimize inputHard and time-consuming
![Page 39: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/39.jpg)
© All rights reserved
The good, the bad and(the) ugly
![Page 40: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/40.jpg)
© All rights reserved
UnClutteringRemoving visual pollution
![Page 41: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/41.jpg)
© All rights reserved
Space is Precious
and Fingersare FAT
Luke, can’t u see?
I have fat fingers!
![Page 42: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/42.jpg)
© All rights reserved
Let’s see some action
![Page 43: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/43.jpg)
© All rights reserved
Use CaseThe art of choosing the right features
![Page 44: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/44.jpg)
© All rights reserved
Less & SimplerGolden rule
![Page 45: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/45.jpg)
© All rights reserved
Good Example
![Page 46: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/46.jpg)
© All rights reserved
![Page 47: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/47.jpg)
© All rights reserved
Responsive Web Design
4
![Page 48: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/48.jpg)
© All rights reserved
![Page 49: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/49.jpg)
© All rights reserved
It’s magical
![Page 50: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/50.jpg)
© All rights reserved
However…
![Page 51: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/51.jpg)
© All rights reserved
“responsive web design isn’t intended to serve as a
replacement for mobile web sites”
Ethan Marcotte
![Page 52: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/52.jpg)
© All rights reserved
![Page 53: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/53.jpg)
© All rights reserved
Design pagesfor Mobile
5
![Page 54: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/54.jpg)
© All rights reserved
Don’t mimic native apps
![Page 55: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/55.jpg)
© All rights reserved
Don’t make it look like a website
![Page 56: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/56.jpg)
© All rights reserved
Use your FAT, clumsy fingers
![Page 57: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/57.jpg)
© All rights reserved
Good Example
![Page 58: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/58.jpg)
© All rights reserved
![Page 59: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/59.jpg)
© All rights reserved
Final Thoughts
![Page 60: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/60.jpg)
© All rights reserved
Mobile is hereto stay and grow
![Page 61: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/61.jpg)
© All rights reserved
Mobile is a behavior!
![Page 62: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/62.jpg)
© All rights reserved
Can dramaticallyIncrease Productivity
![Page 63: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/63.jpg)
© All rights reserved
Minimize InputAvoid Cluttering
Choose Use Cases
![Page 64: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/64.jpg)
© All rights reserved
Use RWD onlywhen makes sense
![Page 65: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/65.jpg)
© All rights reserved
Whenever possibleuse optimized mobile
Applications
![Page 66: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/66.jpg)
© All rights reserved
Thank you!
![Page 67: Dos and Don'ts on the road to Mobility](https://reader036.vdocuments.net/reader036/viewer/2022070602/587840721a28ab707b8b6597/html5/thumbnails/67.jpg)
© All rights reserved
Questions