from napkin to app: rapidly prototype and build for mobile in days

Napkin to AppHow to rapidly build a prototype

Apigee

@apigee

Alan Languirand@13protons

Brian Mulloy@landlessness

groups.google.com/group/api-craft

youtube.com/apigee

slideshare.net/apigee

@13protonsAlan Languirand

@landlessnessBrian 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

– http://www.uistencils.com/

• Prismacolor Pencils– http://www.prismacolor.com/

• Niji Roll Pencil Bag– http://www.amazon.com/

Yasutomo-Niji-Roll-Multi-purpose-Pouch/dp/B0027A5A9M

• Apigee API Consoles– https://apigee.com/console

• Google search– https://www.google.com/

• Adobe Creative Cloud– http://adobe.com/creativecloud

• Trigger.io– https://trigger.io/

• GitHub– https://github.com/

• Apigee App Services– http://apigee.com/docs/

app_services

• Apigee Gateway– http://apigee.com

/about/enterprise-capabilities

• TestFlight for iOS– https://testflightapp.com/

• Zubhium for Android– https://www.zubhium.com/

• Apigee Mobile Analytics– http://apigee.com

/docs/enterprise/content/what-mobile-analytics

• 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

Summary

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