Your SlideShare is downloading. ×
  • Like
Designing User Interface for Mobile Content in Flash lite
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Designing User Interface for Mobile Content in Flash lite



  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • As a management instructor I enjoy viewing the work of others. This is probably the best presentation on planning I have viewed.
    Are you sure you want to
    Your message goes here
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. Designing User Interface for Mobile Content in Flash Lite Flash your apps correctly yo!
  • 2. Sorry! • No scripting • No programming • This is BarCamp! Participate! • Disturb me and I’m happy :)
  • 3. User Interface • The interface that connects the user and the application • Have to be very intuitive, easy to navigate • Less is more
  • 4. Drawing Sitemap/ Flowchart • List all your pages • Just like a website, have structure, sitemap • Forsee the loops of action of user • Planning the application
  • 5. Your resolution • 176x208 - flash lite 1.1, early phones • 320x240 - flash lite 2.1, newer phone/with chip
  • 6. Arranging your layouts • icon/visual • button/softkey • content/interactive
  • 7. header sidebar /navi content footer websites
  • 8. status indicators / marks / timer content/interactivity button labels / main menu wapsite / mobile apps
  • 9. Just like website see the similarities
  • 10. Navigation Methods • Carousel/List • Typical/List • Complex Navi • Grid, 9 box
  • 11. carousel/list 1.combination of icon and list 2.view-appealing 3.easily understood m-travelogue
  • 12. typical list 1.a lot of data list 2.needs to have a scrollbar/total number of list goopymart
  • 13. complex navi 1.combination of 4 way scrolling 2.needs a good visualization to help /indicate user vienna travel guide
  • 14. grid /numerical keypress press on the numerical numbers 2.easy hint of numbers/touchfeel 3.cluttered, but effective - see all option mobiexplore croatia
  • 15. demo of the navigation
  • 16. Usability • Retaining indicators • Status bar, battery remaining, network strength • Scrollbars, early instructions
  • 17. Last but not least Always test the navigation on various devices/condition Count the clicks/hardness/usability
  • 18. Wallpaper demo/Flash lite examples by Ellem, Meobi
  • 19. Bluetooth session after my talk Suria KLCC Unofficial Guide Eid ul-Adha Mobile Magazine Thanks for attending BarCamp JB :) Ikhwan Nazri/tekong - Ellem -