Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 pacman
Pie 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 app
1. navigation bar
2. show product
3. recent items
4. add to home
5. image ca...
Thank you!
rodrigo.coutinho@outsystems.com
@rodrigo_sc_
Upcoming SlideShare
Loading in …5
×

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

1,272 views

Published on

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.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

  1. 1. from good to great! spicing up your mobile app
  2. 2. © outsystems 2012 TWC - The Wine Club
  3. 3. © outsystems 2012 0. intelliwarp
  4. 4. © outsystems 2012 let’s add some style!
  5. 5. © outsystems 2012 This was built for iphone! (tested on 1 android only) I’m an engineer!
  6. 6. © outsystems 2012 ½. background image
  7. 7. © outsystems 2012 .MainContent { background: url(img/background.png) fixed center; }
  8. 8. © outsystems 2012 Fixed
  9. 9. © outsystems 2012 Fixed
  10. 10. © outsystems 2012
  11. 11. © outsystems 2012 1. navigation bar
  12. 12. © outsystems 2012
  13. 13. © outsystems 2012 http://glyphish.com/
  14. 14. © outsystems 2012 2. show product 3. recent items 4. add to home
  15. 15. © outsystems 2012 5. image carousel
  16. 16. © outsystems 2012 6. charts Pie charts resembling pacman Pie charts NOT resembling pacman
  17. 17. © outsystems 2012
  18. 18. © outsystems 2012 7. mobile controls
  19. 19. © outsystems 2012 https://www.outsystems.com/Network/
  20. 20. © outsystems 2012 7 ways to spice up your app 1. navigation bar 2. show product 3. recent items 4. add to home 5. image carousel 6. charts 7. mobile controls
  21. 21. Thank you! rodrigo.coutinho@outsystems.com @rodrigo_sc_

×