Your SlideShare is downloading. ×
Napkin to AppHow to rapidly build a prototypeAlan Languirand@13protonsBrian Mulloy                                    Apig...
groups.google.com/group/api-craft
youtube.com/apigee
slideshare.net/apigee
@13protons       @landlessnessAlan Languirand    Brian Mulloy
Agenda•   Overview•   Ideation•   Design•   Development•   Deployment•   Demonstration•   Shopping List•   Summary
Why prototype an app?
High fidelity communication.
APIs are invisible.
Apps are not.
We prototype a new app every two weeks.
For painting an API vision, one app is not enough.
Three apps is enough.
How to create ideas for apps for big companies?
Establish a guiding principle:
“Budget = Lifestyle
“Document Everything
“Involve Me and I Learn
Make a big list.
More is better. Don’t self-edit.
Narrow down based on:
Credibility for the brand.
Relevance to the customer.
Differentiation.
Dream big.
Explore what’s possible with existing APIs.
How to approach prototype design?
The first tool you should grab is your sketchbook.
How to approach prototype development?
Build a click-through demo.
Then make live API calls.
If the boss insists then build out the rest.
How to deploy prototypes on mobile devices?
iOS
Android
How do we see what’s happening on the app?
Demo
Shopping List• UIStencils                          • GitHub   – http://www.uistencils.com/          – https://github.com/•...
Summary•   Establish a guiding principle•   Generate many ideas•   Share rough sketches for co-dreaming•   Make visual com...
Questions?
THANK YOUSubscribe to API webinars at:youtube.com/apigee
THANK YOUQuestions and ideas to:groups.google.com/group/api-craft
THANK YOUContact us at:@landlessnessbrian@apigee.com@13protonsalanguirand@apigee.com@apigee
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Upcoming SlideShare
Loading in...5
×

From Napkin to App: Rapidly Prototype and Build for Mobile in Days

3,717

Published on

Published in: Technology
1 Comment
7 Likes
Statistics
Notes
  • <br /><iframe width="350" height="288" src="http://www.youtube.com/embed/0xFGyXLGxnI?list=PL434D41A9FD27F1DA" frameborder="0"></iframe>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
3,717
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
59
Comments
1
Likes
7
Embeds 0
No embeds

No notes for slide
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • http://www.flickr.com/photos/falcifer/4784573152/
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • Sketching – many levels of fidelity
  • The right tools make a difference
  • The right tools make a difference
  • The right tools make a difference
  • Sketching – many levels of fidelity
  • Sketching – many levels of fidelity
  • Sketching – many levels of fidelity
  • Sketching – many levels of fidelity
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • What security measures can we put around our API?
  • Transcript of "From Napkin to App: Rapidly Prototype and Build for Mobile in Days"

    1. 1. Napkin to AppHow to rapidly build a prototypeAlan Languirand@13protonsBrian Mulloy Apigee@landlessness @apigee
    2. 2. groups.google.com/group/api-craft
    3. 3. youtube.com/apigee
    4. 4. slideshare.net/apigee
    5. 5. @13protons @landlessnessAlan Languirand Brian Mulloy
    6. 6. Agenda• Overview• Ideation• Design• Development• Deployment• Demonstration• Shopping List• Summary
    7. 7. Why prototype an app?
    8. 8. High fidelity communication.
    9. 9. APIs are invisible.
    10. 10. Apps are not.
    11. 11. We prototype a new app every two weeks.
    12. 12. For painting an API vision, one app is not enough.
    13. 13. Three apps is enough.
    14. 14. How to create ideas for apps for big companies?
    15. 15. Establish a guiding principle:
    16. 16. “Budget = Lifestyle
    17. 17. “Document Everything
    18. 18. “Involve Me and I Learn
    19. 19. Make a big list.
    20. 20. More is better. Don’t self-edit.
    21. 21. Narrow down based on:
    22. 22. Credibility for the brand.
    23. 23. Relevance to the customer.
    24. 24. Differentiation.
    25. 25. Dream big.
    26. 26. Explore what’s possible with existing APIs.
    27. 27. How to approach prototype design?
    28. 28. The first tool you should grab is your sketchbook.
    29. 29. How to approach prototype development?
    30. 30. Build a click-through demo.
    31. 31. Then make live API calls.
    32. 32. If the boss insists then build out the rest.
    33. 33. How to deploy prototypes on mobile devices?
    34. 34. iOS
    35. 35. Android
    36. 36. How do we see what’s happening on the app?
    37. 37. Demo
    38. 38. 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/
    39. 39. 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
    40. 40. Questions?
    41. 41. THANK YOUSubscribe to API webinars at:youtube.com/apigee
    42. 42. THANK YOUQuestions and ideas to:groups.google.com/group/api-craft
    43. 43. THANK YOUContact us at:@landlessnessbrian@apigee.com@13protonsalanguirand@apigee.com@apigee

    ×