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

Designing User Interface for Mobile Content in Flash lite

on

  • 5,546 views

 

Statistics

Views

Total Views
5,546
Views on SlideShare
5,489
Embed Views
57

Actions

Likes
6
Downloads
70
Comments
1

5 Embeds 57

http://blog.flavert.com 23
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 Designing User Interface for Mobile Content in Flash lite Presentation Transcript

  • Designing User Interface for Mobile Content in Flash Lite Flash your apps correctly yo!
  • Sorry! • No scripting • No programming • This is BarCamp! Participate! • Disturb me and I’m happy :)
  • User Interface • The interface that connects the user and the application • Have to be very intuitive, easy to navigate • Less is more
  • Drawing Sitemap/ Flowchart • List all your pages • Just like a website, have structure, sitemap • Forsee the loops of action of user • Planning the application
  • Your resolution • 176x208 - flash lite 1.1, early phones • 320x240 - flash lite 2.1, newer phone/with chip
  • Arranging your layouts • icon/visual • button/softkey • content/interactive
  • header sidebar /navi content footer websites
  • status indicators / marks / timer content/interactivity button labels / main menu wapsite / mobile apps
  • Just like website see the similarities
  • Navigation Methods • Carousel/List • Typical/List • Complex Navi • Grid, 9 box
  • carousel/list 1.combination of icon and list 2.view-appealing 3.easily understood m-travelogue
  • typical list 1.a lot of data list 2.needs to have a scrollbar/total number of list goopymart
  • complex navi 1.combination of 4 way scrolling 2.needs a good visualization to help /indicate user vienna travel guide
  • 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
  • demo of the navigation
  • Usability • Retaining indicators • Status bar, battery remaining, network strength • Scrollbars, early instructions
  • Last but not least Always test the navigation on various devices/condition Count the clicks/hardness/usability
  • Wallpaper demo/Flash lite examples by Ellem, Meobi
  • 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