Introduction about why we need prototypes. how to use prototypes to get user feedback. Demo of Free online web tools.

1. Rapid Prototyping Without Code
by @anilbms75

2. Why we need Prototype ?

3. Perspective

4. User Feedback

5. Design Change

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

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

8. Fake it till you make it

9. Design Funnel

10. SAP HCM project
OLD NEW

11. Intro to Web technologies in 2mins
Human body Analogy

12. HTML

13. Content

14. Content - web & app
Text Form Layout

15. CSS

16. Javascript

17. User Interface and magic
Magic
User
Interface

18. “Good artists copy, great artists
steal,” - Picasso
● pttrns
● mobile-patterns
● uxarchive
● dribbble
● behance

19. Paper prototyping

20. Step 1: Get Popapp
popapp.in

21. Step 2: Sketch you App screen

22. Step3: Take picture from Popapp

23. Step 4: Connect screens

24. Step 5: Test It

25. Desktop Prototyping
mocqups.com

26. Proto.io demo

27. Thanks
Twitter: @anilbms75