Designing User Interface for Mobile Content in Flash lite
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Designing User Interface for Mobile Content in Flash lite

on

  • 5,587 views

 

Statistics

Views

Total Views
5,587
Views on SlideShare
5,529
Embed Views
58

Actions

Likes
6
Downloads
70
Comments
1

5 Embeds 58

http://blog.flavert.com 24
http://nazri.flavert.com 15
http://www.slideshare.net 14
http://www.e-presentations.us 4
http://www.lmodules.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • As a management instructor I enjoy viewing the work of others. This is probably the best presentation on planning I have viewed.
    Sharika
    http://winkhealth.com http://financewink.com
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Designing User Interface for Mobile Content in Flash lite Presentation Transcript

  • 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 1.direct 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 - http://flavert.com Ellem - http://meobi.net