OutSystems - From Good to Great: Spicing Up Your Mobile Web App UI - NextStep 2012

Post on 12-May-2015

395 views 7 download

Tags:

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 of OutSystems - From Good to Great: Spicing Up Your Mobile Web App UI - NextStep 2012

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 you!rodrigo.coutinho@outsystems.com

@rodrigo_sc_