Rapid Prototyping Without Code

by @anilbms75

Why we need Prototype ?

Perspective

User Feedback

Design Change

What is Prototype ?it’s a simulation of the final product. - @Arjit

“If a picture is worth 1,000 words, a prototype is worth 1,000 meetings.” —IDEO

Fake it till you make it

Design Funnel

SAP HCM project

OLD NEW

Intro to Web technologies in 2mins Human body Analogy

HTML

Content

Content - web & app

Text Form Layout

CSS

Javascript

User Interface and magic

MagicUserInterface

“Good artists copy, great artists steal,” - Picasso● pttrns

● mobile-patterns

● uxarchive

● dribbble

● behance

Paper prototyping

Step 1: Get Popapp

popapp.in

Step 2: Sketch you App screen

Step3: Take picture from Popapp

Step 4: Connect screens

Step 5: Test It

Desktop Prototyping

mocqups.com

Proto.io demo

Thanks

Twitter: @anilbms75