1. Mobile
iPhone Web Apps
Design, Code, Profit
Marcus Schappi

2. Why web apps?

3. Why web apps?
• Portable
• More profitable
• Just as sexy as native apps

4. Portable Code

5. It’s all about Webkit
http://opensource.nokia.com/projects/S60browser/

6. Safari

7. Mobile Safari

9. http://opensource.nokia.com/projects/S60browser/

10. https://opensource.motorola.com/sf/wiki/do/viewPage/projects.sitewide/wiki/
MotorolaOpenSource

11. Android
http://code.google.com/android/

12. Why web apps?
• Transferable
• More profitable
• Can be just sexy

13. Fast Deployment!

14. Web developers are
cheaper

15. Our Avg cost of PHP
Vs Cocoa Dev
$140AUD
$70AUD
$137
p/hr
$72
p/hr
$0AUD
2008

16. Choice in
Business Models

17. App Store V’s
Subscription

18. Success Story

19. Trisim

21. 250K U SD
2 Months

22. I’d be happy
for 100k?

23. 100K

24. App Store
$5*30,000 - (’s cut)= 100K

25. Subscription
$5p/month*1667 = 100K p/year

26. Why web apps?
• Transferable
• More profitable
• Can be just sexy

27. Web apps can
have native app
sexiness too!

28. iPhone Flick
i.mydailyphoto.com/flick_navigation.php

29. Multi-touch
http://tlrobinson.net/blog/?p=42
http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

30. Persistent Storage
http://qantas.com/mobile

31. http://phonegap.com/
Accelerometer, Location, Camera, Vibration

32. Design

33. Solve a problem

34. Why ?

35. 1 liner mission

36. Basecamp: Project Management is communication
Fire Invoice: Fast Invoices = Faster Payment
Writeboard: Word is overkill
Qantas Mobile: Flight info in hand

37. Design a great app

38. Follow iPhone
Human Interface
Guidelines
https://developer.apple.com/iphone/library/documentation/UserExperience/
Conceptual/MobileHIG/MobileHIG.pdf

39. Download “iPhone User Interface Design” Video from Apple Developer Connection

40. Get Design Styles
from preexisting code

41. http://webapp.net.free.fr/
http://code.google.com/p/iui/
http://clientside.cnet.com/cnet-js-standards/ciui-cnet-iphone-ui/

42. Push the boundaries
of your Coders

44. Sometimes this
means a small
investment in Caffeine

46. Design in Payment
from the beginning

47. If you want to not go under,
quote 5 man days per view

48. For your own apps,
subscription model, app
store etc.

49. Coders

50. Don’t under estimate
the power of
Webkit / Javascript

51. Use Webkit
Optimizations where
possible

52. Without CSS With CSS
Optimizations Optimizations

53. Use Apple’s
documentation
it’s built into XCode

55. Sometimes it’s not
your bug

56. WTF?

57. Profit

58. App Store

59. What kind of Apps
will get rejected?

60. Farts

61. Stabs

62. Politically
Incorrect

63. Hurts carriers

64. Competes with Apple

65. Australian app store
rankings...

66. 16th Place
2146 Downloads

67. 7th Place
1864 Downloads

68. 4th Place
1370 Downloads

69. 5th Place
1163 Downloads

70. 5th Place
1606 Downloads

71. 5th Place
1828 Downloads

72. Installs
AU (AU Upgrade) US (US Upgrade)
3,000
2,250
1,500
750
0
05/10/2008 06/10/2008 07/10/2008 08/10/2008 09/10/2008 10/10/2008 11/10/2008

73. Key Findings

74. Most installs on
Sundays

75. Only 20%
Update

76. Don’t get down over
App Store reviews

77. You will get low stars if you
don’t include
features people want

78. People will use ratings as a
soap box for other areas of
your business...

79. Contact / Slides:
www.myiphoneslides.com

80. Questions?