Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB

3,199 views
3,035 views

Published on

What are the advantages of prototyping a mobile application (for iPhone or Android) using Adobe Fireworks.

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,199
On SlideShare
0
From Embeds
0
Number of Embeds
79
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Prototyping Mobile Application with Adobe FireWorks - By Linus Lim for VOX LAB

  1. 1. Brainstorming mobile applications<br />
  2. 2. Mobile Applications vs Mobile Websites<br />
  3. 3. Mobile Applications vs Mobile Websites<br />
  4. 4. Mobile Websites<br /><ul><li>Needed internet connection
  5. 5. Provide on the go content
  6. 6. Provide same experience as app but not</li></li></ul><li>Mobile Websites<br /><ul><li>Alter website to look on mobile</li></ul>CNN provide a clean strip-down for mobile devices<br />
  7. 7. Mobile Apps<br /><ul><li>Faster than mobile site
  8. 8. Not constrained by internet connection
  9. 9. Provide advanced features
  10. 10. Niche and help do a specific task</li></li></ul><li>Starbucks Mobile Card App<br /><ul><li>Simplicity
  11. 11. Enhanced the brand
  12. 12. Provide advanced features
  13. 13. Store customer info and credit card in secure private account</li></ul>http://www.starbucks.com/coffeehouse/mobile-apps/starbucks-card-mobile<br />
  14. 14. Starbucks Mobile Card - Weakness<br /><ul><li>Only people use iphone will use this app
  15. 15. Not many people will be in store
  16. 16. Need computer in order to receive orders</li></li></ul><li>Starbucks Mobile Card - Strength<br /><ul><li>No long queues
  17. 17. Option of paying with the app
  18. 18. Efficient</li></li></ul><li>Starbucks Mobile Card<br />Goals & Objectives<br /><ul><li> Promote Starbucks
  19. 19. Beat out other competitors
  20. 20. No.1 source of coffee for customers on the move</li></li></ul><li>Starbucks Mobile Card<br />Opportunities<br /><ul><li> More business
  21. 21. Less stressing on staff
  22. 22. More revenues</li></li></ul><li>Starbucks Mobile Card<br />Business Concept<br />The whole concept is for anyone<br />to get their favourite coffee any time of the day<br />FREE<br />
  23. 23. Starbucks Mobile Card<br />
  24. 24. What makes a mobile app tick?<br />
  25. 25. Application Development<br />What’s the process of building an app<br /><ul><li>Goal of the app
  26. 26. Design
  27. 27. Development
  28. 28. Submission
  29. 29. Support</li></li></ul><li>API Integration<br />Advertising<br />Push Notification<br />Contacts<br />Social Sharing<br />Features<br />Maps <br />Integration<br />Motion Sensors<br />Media<br />GPS<br />Photos / Videos<br />
  30. 30. App Store<br />
  31. 31. Approval Process<br /><ul><li>iTunes in 7-14 days
  32. 32. Android in 1 hour</li></li></ul><li>Unique Selling Preposition - Paid<br /><ul><li>Provide Value or Function to user
  33. 33. Get all app updates for free
  34. 34. Updates improve performance
  35. 35. Add features</li></li></ul><li>Unique Selling Preposition - Free<br />In-app Purchase<br />Mobile Commerce<br /><ul><li>Extend promotional
  36. 36. Add new contents
  37. 37. Go to online store
  38. 38. Simple purchase on the go</li></li></ul><li>Ad Revenue App<br /><ul><li>iAds
  39. 39. AdMob
  40. 40. Sponsored Ads</li></li></ul><li>Some Ideas<br />evernote<br /><ul><li>Note-taking app
  41. 41. Save notes, photos and</li></ul>Voice memos<br />- Access notes from computer or phone<br />
  42. 42. Some Ideas<br />The Daily<br /><ul><li>Newspaper app
  43. 43. Advertisment, videos, </li></ul>animated effects<br />- Interactive contents<br />
  44. 44. Some Ideas<br />Slidepad<br /><ul><li> Presentation app
  45. 45. Login to SlideShare</li></ul>- View featured, top-rated<br />and recent<br />- Social Sharing<br />-Advanced Search<br />
  46. 46. Some Ideas<br />Gilt<br /><ul><li> Retail Shopping app
  47. 47. Animated Models
  48. 48. Interactive Shopping Cart</li></ul>- Advanced Search<br />- Secured Credit Card and fast shopping<br />
  49. 49. Some Ideas<br />USA Today<br /><ul><li> News app
  50. 50. Photo gallery
  51. 51. Weather forcasts</li></ul>- Latest sports scores<br />
  52. 52. Get Started<br />http://developer.apple.com/devcenter/ios<br />
  53. 53. Interface Design Guidelines<br />Navigation Bar<br /><ul><li> Make sure it’s easy to read the text in the navigation bar
  54. 54. Avoid crowding with additional controls
  55. 55. Avoid altering the back button’s appearance or behaviour</li></li></ul><li>Interface Design Guidelines<br />Buttons and Icons<br /><ul><li> Use them according to their meaning
  56. 56. Design own icons sets to suit your app design needs</li></li></ul><li>Interface Design Guidelines<br />Search Bar<br /><ul><li> When the search field is tapped, a keyboard is showed
  57. 57. Provide a “X” icon to allow erase contents in search field
  58. 58. Bookmark icon provide quick access to info. E.g. locations / recent searches</li></li></ul><li>Interface Design Guidelines<br />Action Sheet<br /><ul><li> Provide alternate ways a task can be completed
  59. 59. Get confirmation before perform a task
  60. 60. Provide a cancel button to allow cancellation of task
  61. 61. Use red button for destructive actions
  62. 62. Avoid making users scroll through the action sheet list</li></li></ul><li>Interface Design Guidelines<br />Tab Bar<br /><ul><li> Should be accessible from every location in the application
  63. 63. When a tab selected, it is highlighted
  64. 64. Do not use tab bar to control elements within the screen
  65. 65. Design own tab bar icons for application needs</li></li></ul><li>Iphone Prototyping in Fireworks<br />

×