This document discusses designing user interfaces for mobile content created with Flash Lite. It covers key aspects of interfaces such as being intuitive, easy to navigate, and using less elements. It also discusses planning the application structure, supporting different screen resolutions, and common layout elements. Different navigation methods like carousels, lists, and grids are presented. The importance of usability testing on different devices is also highlighted.
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.
5.
6. Drawing Sitemap/
Flowchart
• List all your pages
• Just like a website, have structure, sitemap
• Forsee the loops of action of user
• Planning the application
7.
8. Your resolution
• 176x208 - flash lite 1.1, early phones
• 320x240 - flash lite 2.1, newer phone/with
chip
14. carousel/list
1.combination of icon and list
2.view-appealing
3.easily understood
m-travelogue
15. typical list
1.a lot of data list
2.needs to have a scrollbar/total number
of list
goopymart
16. complex navi
1.combination of 4 way scrolling
2.needs a good visualization to help
/indicate user
vienna travel guide
17. 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