To create the best mobile applications possible we have to look at the design from a user perspective before we start programming a single line of code. And the design process doesn’t stop after the first deployment. When an application has been submitted to a marketplace or appstore we can start monitoring the usage and study the end-user reviews. The following topics are covered in this slidedeck: 1. Creating awareness on the importance of app strategy and design. 2. What should be happening before we start developing mobile apps? 3. What should be done once the mobile app has been deployed? 4. Wrap up and next steps.

1. Strategic Mobile Design The importance of App Strategy and Design

7. Smart mobile devices

8. The Importance of App Strategy and Design

9. Offline No functionalities Catalogue File To Big No ‘Real’ Functionalities in Catalogue …… … other then Linking to a Web page. Buttons to Small Web Content is not redesigned for Small Screen Offline No functionalities No utilization of unique mobile features Content is not designed for Small Screen Download Files To Big Download takes hours No links with Multi- and Social Media Prevent negative publicity

10. Prevent negative publicity

11. Prevent negative publicity

12. Buttons bigger and therefore more ‘tap’ friendly Web Content is redesigned for Small Screen Offline some functionalities Improved navigation and screen flow Improve your Apps

13. What should be happening before we develop?

16. Define Strategic goals

17. Define Current strategic goals (finance example) ATM search Account balance Credit information Layar Local Search App Funds App App for Students Account Balance

18. Define Future strategic goals (finance example) M- Wallet Mobile Loyalty Smart Postering Coupons Mobile Ticketing Parking & Events Premium SMS Mobile Banking Brokerage Alerts Financial Information

19. Define Strategic goals Specific mobile features for core processes Current IT to mobile platform Integrate with 3rd party services or technologies for new business Functions not related to core Process, strengthening brand

22. source = http://uxmag.com/design/personas-the-foundation-of-a-great-user-experience Define Persona example

23. Define Read more Topic Web Persona’s http://uxmag.com/design/personas-the-foundation-of-a-great-user-experience http://usability.gov/methods/analyze_current/personas.html#ExampleofaPersona

25. Design

26. Design

27. Design Screen sizes source = http:// http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html 128 X 160 176 X 208/220 240 X 320 320 X 480 640 X 352/400/480/960 768 X 1024 Portrait Portrait/Landscape Resolution (ppi) 360 250 200 150 100

28. Design Screen sizes Smart Phones Tablets High Resolution Smartphones /Tablets source = http:// http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html 128 X 160 176 X 208/220 240 X 320 320 X 480 640 X 352/400/480/960 768 X 1024 Portrait Portrait/Landscape Resolution (ppi) 360 250 200 150 100

29. Design Read More Topic Web Effective Design for multiple screen sizes http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes Designing for Different Screen Sizes http://www.uxmatters.com/mt/archives/2010/10/going-mobile-designing-for-different-screen-sizes-promoting-your-mobile-app.php

30. Design

31. Design Mockups source = http://balsamiq.com

32. Design Read More Topics Web Mockups (Balsamiq) http://balsamiq.com/ Sketch Templates http://www.uxstickynotes.com/#iphone

33. Design

35. Design Read More Topic Web iPhone Guidelines http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html iPhone Patterns http://pttrns.com/walkthroughs Android Guidelines http://developer.android.com/guide/practices/ui_guidelines Android Patterns http://www.androidpatterns.com/ Windows Phone7 Guidelines http://go.microsoft.com/fwlink/?LinkID=183218 Blackberry Guidelines http://docs.blackberry.com/en/developers/deliverables/17965/Stages_of_application_design_1017097_11.jsp Mobile Web Guidelines http://www.webdesignerdepot.com/2011/04/lessons-from-mobile-web-design/

36. Design

37. Design Prototyping source = http://keynotopia.com/

38. Design Read More Topic Web Prototyping with Keynotopia http://keynotopia.com/ Prototyping with OmniGraffle iPhone/iPad http://www.omnigroup.com/products/omnigraffle/ Expression Blend and Sketchflow Windows Phone 7 http://expression.microsoft.com/en-us/cc136530.aspx

40. Develop Native, Hybride and Web Thin Client Fat Client Ajax jQuery xHTML MP HTML 5+ … Browser App Platform Independent App Hybride App Native App Flash Light Java ME SilverLight XNA QT Mono Touch Objective C Java / Dalvik VM Symbian C++ .Net Compact Framework Cross Platform Development Tooling Web / Platform Independent / Native Development Tooling Native Development Tooling Web

41. Develop Limitations Supported No Support

42. Develop Read more Topic Web iPhone Detailed design walkthroughs including source code http://idevrecipes.com/ iOS Developer Library http://developer.apple.com/library/ios/navigation/ Windows Phone 7 Tutorials http://www.microsoft.com/design/toolbox/

44. Deploy Marketplace/Appstore source = http://itunes.apple.com

46. Deploy Read More Subject Web Windows Phone 7 App Hub http://create.msdn.com/en-us/home/membership iPhone/iPad App Store http://developer.apple.com/appstore/guidelines.html http://developer.apple.com/appstore/ Android Marketplace http://developer.android.com/guide/publishing/preparing.html http://developer.android.com/guide/publishing/publishing.html Blackberry App World http://supportforums.blackberry.com/t5/Testing-and-Deployment/How-to-Deploy-and-Distribute-Applications/ta-p/442794

47. What should be done after deployment?

48. Population = 27, Source : Cap Gemini Yammer, LinkedIn Polls APP Strategy Metrics

49. Population = 27, Source : Cap Gemini Yammer, LinkedIn Polls APP Strategy Metrics

50. APP Strategy Metrics : Tools Name Web Flurry http://www.flurry.com/product/analytics/index.html AdMob http://analytics.admob.com/home iTunesConnect http://developer.apple.com/support/resources/itunes-connect.html Google Analytics http://www.google.com/analytics/features.html Destimo Monitor https://monitor.distimo.com

51. Population = 27, Source : Cap Gemini Yammer, LinkedIn APP Strategy Metrics : Usage Statistics

52. APP Strategy Metrics : Usage Statistics source = www.flurry.com

53. APP Strategy Metrics : Usage Statistics source = http://developer.apple.com/support/resources/itunes-connect.html

54. Population = 27, Source : Cap Gemini Yammer, LinkedIn APP Strategy Metrics : Increased Traffic

55. APP Strategy Metrics : Increased Traffic source = IDG Europe First app mobil.idg.se IDG for iPhone Unique visitors / week 4 500 10 000 Page views / week 36 000 250 000 Page views / visit 2,7 7,7 Time / visit 60 sec 9 mins

56. Population = 29, Source : Cap Gemini Yammer, LinkedIn APP Strategy Metrics : Generated Revenue

58. APP Strategy Metrics : Generated Revenue source = http://developer.apple.com/support/resources/itunes-connect.html

59. Wrap up and Next Steps

60. Read More Books Web Tapworthy http://oreilly.com/catalog/0636920001133/ iPhone Design Award Winning Projects http://www.apress.com/9781430272359