outsystems - from good to great: spicing up your mobile web app ui - nextstep 2012
DESCRIPTION
This session will start with a mobile application built with Intelliwarp and demonstrate how to transform it incrementally by applying mobile usability patterns and a bit of css magic. The goal is to show how you can make your mobile applications much more user friendly with just a bit of effort and without loosing the power and speed of the Agile Platform.TRANSCRIPT
from good to great!spicing up your mobile app
© outsystems 2012
TWC - The Wine Club
© outsystems 2012
0. intelliwarp
© outsystems 2012
let’s add
some style!
© outsystems 2012
This was built for iphone!(tested on 1 android only)
I’m an engineer!
© outsystems 2012
½. background image
© outsystems 2012
.MainContent { background: url(img/background.png) fixed center;}
© outsystems 2012
Fixed
© outsystems 2012
Fixed
© outsystems 2012
© outsystems 2012
1. navigation bar
© outsystems 2012
© outsystems 2012
http://glyphish.com/
© outsystems 2012
2. show product
3. recent items
4. add to home
© outsystems 2012
5. image carousel
© outsystems 2012
6. charts
Pie charts resembling pacmanPie charts NOT resembling pacman
© outsystems 2012
© outsystems 2012
7. mobile controls
© outsystems 2012
https://www.outsystems.com/Network/
© outsystems 2012
7 ways to spice up your app1. navigation bar
2. show product
3. recent items
4. add to home
5. image carousel
6. charts
7. mobile controls
Thank [email protected]
@rodrigo_sc_