Download - Rapid prototyping without code
Transcript
![Page 3: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/3.jpg)
Perspective
![Page 6: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/6.jpg)
What is Prototype ?it’s a simulation of the final product. - @Arjit
![Page 7: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/7.jpg)
“If a picture is worth 1,000 words, a prototype is worth 1,000 meetings.” —IDEO
![Page 8: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/8.jpg)
Fake it till you make it
![Page 9: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/9.jpg)
Design Funnel
![Page 10: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/10.jpg)
SAP HCM project
OLD NEW
![Page 11: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/11.jpg)
Intro to Web technologies in 2mins Human body Analogy
![Page 12: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/12.jpg)
HTML
![Page 13: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/13.jpg)
Content
![Page 14: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/14.jpg)
Content - web & app
Text Form Layout
![Page 15: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/15.jpg)
CSS
![Page 16: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/16.jpg)
Javascript
![Page 18: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/18.jpg)
“Good artists copy, great artists steal,” - Picasso● pttrns
● mobile-patterns
● uxarchive
● dribbble
● behance
![Page 19: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/19.jpg)
Paper prototyping
![Page 21: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/21.jpg)
Step 2: Sketch you App screen
![Page 22: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/22.jpg)
Step3: Take picture from Popapp
![Page 23: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/23.jpg)
Step 4: Connect screens
![Page 24: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/24.jpg)
Step 5: Test It
![Page 27: Rapid prototyping without code](https://reader030.vdocuments.us/reader030/viewer/2022032616/55a4edf21a28ab30408b45da/html5/thumbnails/27.jpg)
Thanks
Twitter: @anilbms75