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

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

Upload: apigee

Post on 10-May-2015

3.617 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: 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

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

groups.google.com/group/api-craft

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

youtube.com/apigee

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

slideshare.net/apigee

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

@13protonsAlan Languirand

@landlessnessBrian Mulloy

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

Agenda

• Overview• Ideation• Design• Development• Deployment• Demonstration• Shopping List• Summary

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

Why prototype an app?

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

High fidelity communication.

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

APIs are invisible.

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

Apps are not.

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

We prototype a new app every two weeks.

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

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

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

Three apps is enough.

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

How to create ideas for apps for big companies?

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

Establish a guiding principle:

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

“Budget = Lifestyle

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

“Document Everything

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

“Involve Me and I Learn

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

Make a big list.

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

More is better. Don’t self-edit.

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

Narrow down based on:

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

Credibility for the brand.

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

Relevance to the customer.

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

Differentiation.

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

Dream big.

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

Explore what’s possible with existing APIs.

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

How to approach prototype design?

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

The first tool you should grab is your sketchbook.

Page 33: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 34: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 35: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 36: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 37: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 38: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 39: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 40: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 41: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days

How to approach prototype development?

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

Build a click-through demo.

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

Then make live API calls.

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

If the boss insists then build out the rest.

Page 45: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 46: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 47: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 48: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 49: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 50: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days

How to deploy prototypes on mobile devices?

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

iOS

Page 52: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 53: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 54: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 55: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 56: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 57: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days

Android

Page 58: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 59: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 60: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 61: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 62: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 63: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days

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

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

Demo

Page 66: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 67: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 68: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 69: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 70: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 71: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 72: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 73: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 74: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 75: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 76: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 77: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 78: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 79: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days
Page 80: From Napkin to App:  Rapidly Prototype and Build for Mobile in Days

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

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

• 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

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

Questions?

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

THANK YOUSubscribe to API webinars at:

youtube.com/apigee

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

THANK YOUQuestions and ideas to:

groups.google.com/group/api-craft

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

THANK YOUContact us at:

@[email protected]

@[email protected]

@apigee