Top Banner
How to Make App Prototypes in 3 Hours
30

Fake it make it - How to Make an App Prototype in 3 Hours

Jul 28, 2015

Download

Design

Amir Khella
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Fake it make it - How to Make an App Prototype in 3 Hours

How to Make App Prototypes in 3 Hours

Page 2: Fake it make it - How to Make an App Prototype in 3 Hours

Why people don’t execute on their ideas?

And how prototyping helps you execute

Page 3: Fake it make it - How to Make an App Prototype in 3 Hours

1. The fear that an idea isn’t good enough.

Prototyping it helps you figure out if it’s good

Page 4: Fake it make it - How to Make an App Prototype in 3 Hours

2. Lack of skills

You can prototype it using tools you already know

Page 5: Fake it make it - How to Make an App Prototype in 3 Hours

3. Lack of certainty

Prototyping helps boost certainty about your ideas

Page 6: Fake it make it - How to Make an App Prototype in 3 Hours

4. Running out of ideas

The more ideas you prototype, the more new ideas you get

Page 7: Fake it make it - How to Make an App Prototype in 3 Hours

How to create a UX blueprint for an idea

Page 9: Fake it make it - How to Make an App Prototype in 3 Hours

User flow

Page 10: Fake it make it - How to Make an App Prototype in 3 Hours

High level sketches

Page 11: Fake it make it - How to Make an App Prototype in 3 Hours

Wireframes

Page 12: Fake it make it - How to Make an App Prototype in 3 Hours

How to prototype your ideas fast

Page 13: Fake it make it - How to Make an App Prototype in 3 Hours

If you can create a presentation in Keynote or PowerPoint, you can prototype a web or mobile app idea using the same tools!

Page 14: Fake it make it - How to Make an App Prototype in 3 Hours

Low Fidelity

High Fidelity

Slow

Fast

Diagramming tools

Design tools

Mockup tools

Presentation tools

Page 15: Fake it make it - How to Make an App Prototype in 3 Hours

1. Design a slide for each app screen

Page 18: Fake it make it - How to Make an App Prototype in 3 Hours

Use keynotopia templates to drag/drop UI components

onto your slides to create UI

Page 20: Fake it make it - How to Make an App Prototype in 3 Hours

2. Add hyperlinks between slides to create interaction

Page 21: Fake it make it - How to Make an App Prototype in 3 Hours

hyperlinks in Keynote

hyperlinks in PowerPoint

Page 22: Fake it make it - How to Make an App Prototype in 3 Hours

Slide 1 Slide 2 Slide 3

click

click

Page 23: Fake it make it - How to Make an App Prototype in 3 Hours

4. Add slide transitions to animate the interface

Page 25: Fake it make it - How to Make an App Prototype in 3 Hours

3. Export the prototype to your mobile device

Page 26: Fake it make it - How to Make an App Prototype in 3 Hours

4. Test with users and refine your prototype

Page 27: Fake it make it - How to Make an App Prototype in 3 Hours

5. Get the prototype developed into an app

Page 28: Fake it make it - How to Make an App Prototype in 3 Hours

a. learn to program b. hire a local developer c. outsource it offshore

Page 29: Fake it make it - How to Make an App Prototype in 3 Hours

Get the eBook today and prototype your app ideas in 3 hours or less!