1. Napkin to App
How to rapidly build a prototype
Alan Languirand
@13protons
Brian Mulloy
Apigee
@landlessness @apigee

2. groups.google.com/group/api-craft

3. youtube.com/apigee

4. slideshare.net/apigee

5. @13protons @landlessness
Alan Languirand Brian Mulloy

6. Agenda
• Overview
• Ideation
• Design
• Development
• Deployment
• Demonstration
• Shopping List
• Summary

7. Why prototype an app?

8. High fidelity communication.

9. APIs are invisible.

10. Apps are not.

11. We prototype a new app every two weeks.

12. For painting an API vision, one app is not enough.

13. Three apps is enough.

15. How to create ideas for apps for big companies?

16. Establish a guiding principle:

17. “Budget = Lifestyle

18. “Document Everything

19. “Involve Me and I Learn

20. Make a big list.

22. More is better. Don’t self-edit.

23. Narrow down based on:

24. Credibility for the brand.

25. Relevance to the customer.

26. Differentiation.

27. Dream big.

29. Explore what’s possible with existing APIs.

31. How to approach prototype design?

32. The first tool you should grab is your sketchbook.

41. How to approach prototype development?

42. Build a click-through demo.

43. Then make live API calls.

44. If the boss insists then build out the rest.

50. How to deploy prototypes on mobile devices?

51. iOS

57. Android

63. How do we see what’s happening on the app?

65. Demo

80. Shopping List
• UIStencils • GitHub
– http://www.uistencils.com/ – https://github.com/
• Prismacolor Pencils • Apigee App Services
– http://www.prismacolor.com/ – http://apigee.com/docs/app_ser
vices
• Niji Roll Pencil Bag
– http://www.amazon.com/Yasuto • Apigee Gateway
mo-Niji-Roll-Multi-purpose- – http://apigee.com/about/enterp
Pouch/dp/B0027A5A9M rise-capabilities
• Apigee API Consoles • TestFlight for iOS
– https://apigee.com/console – https://testflightapp.com/
• Google search • Zubhium for Android
– https://www.google.com/ – https://www.zubhium.com/
• Adobe Creative Cloud • Apigee Mobile Analytics
– http://adobe.com/creativecloud – http://apigee.com/docs/enterpri
• Trigger.io se/content/what-mobile-
analytics
– https://trigger.io/

81. Summary
• Establish a guiding principle
• Generate many ideas
• Share rough sketches for co-dreaming
• Make visual comps to convert believers
• Develop in HTML & JS
• Deploy to iOS with TestFlight
• Deploy to Android with Zubhium
• Use fun tools

82. Questions?

83. THANK YOU
Subscribe to API webinars at:
youtube.com/apigee

84. THANK YOU
Questions and ideas to:
groups.google.com/group/api-craft

85. THANK YOU
Contact us at:
@landlessness
brian@apigee.com
@13protons
alanguirand@apigee.com
@apigee