Samarth Gulati
Form Groups
Discuss
Share
Form Groups
Tried food samples in a mall?
https://mikeallegra.files.wordpress.com/2012/09/sample1.jpg
🤔 Other such examples
🙋♀️ Share what you discussed
https://www.extremetech.com/wp-content/uploads/2015/12/01_Google-driverless-car-gray-frontal-2015.jpg
https://www.arch2o.com/wp-content/uploads/2017/03/Arch2O-Architecture-models.jpg
💡Idea > 🏗 Prototype >🔬Test
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5908561/pasted-from-clipboard.png)
https://blog.crisp.se/author/henrikkniberg
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5908457/Screen_Shot_2019-03-18_at_9.16.24_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5908458/Screen_Shot_2019-03-18_at_9.16.35_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5908456/shire.gif)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5908462/Screen_Shot_2019-03-18_at_9.16.50_PM.png)
Wireframe
Paper
Prototype
Mockup
Interactive
Prototype
Interactive Prototypes
Tools
Code
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5910620/prototyping-tools.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5910744/app-dev.png)
Content
Layout
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5911017/pasted-from-clipboard.png)
Web Platform
Interaction
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5911044/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5911046/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5911053/pasted-from-clipboard.png)
HTML
CSS
JavaScript
When to use Web for prototyping?
- Experience defined by content / data
- Introducing new / custom input interactions
- Easy to distribute
When not to use Web for prototyping?
- Do not have resources (time and skills) to execute it
- Too early in the stage,
- might bring up wrong questions during tests
Case Study
Adobe Stock - Aesthetics Filter
Research Paper
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912721/Screen_Shot_2019-03-19_at_9.43.57_PM.png)
Attributes
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912725/Screen_Shot_2019-03-19_at_9.47.47_PM.png)
Attributes
- Balancing Element
- Color Harmony
- Content
- Depth of Field
- Lighting
- Motion Blur
- Object Emphasis
- Quality
- Repetition
- Rules of Third
- Symmetry
- Vivid Color
each with values ranging from -1.0 to 1.0
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912802/Screen_Shot_2017-05-09_at_5.07.10_PM.png)
🤔 Discuss and come up with an interface for this
🙋♀️ Share what you discussed
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912786/Screen_Shot_2019-03-19_at_9.57.49_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912787/Screen_Shot_2019-03-19_at_9.58.21_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912789/Screen_Shot_2019-03-19_at_9.58.43_PM.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/992298/images/5912791/Screen_Shot_2019-03-19_at_9.59.38_PM.png)
Recap
-
Prototyping helps test hypothesis in real world with users
-
Choose the type of prototype you build based on the stage you are at in your design process
-
Choose to prototype in code only
- if you have skills and bandwidth in the team to pull it off
-
you are designing a custom interface / app experience relies on data being presented
- Designing for machine learning is more than just visuals and the interactions
Before we leave...
-
Make full use of your time here
-
Explore new avenues - you won't get to once you start your professional life
- Take courses across departments
-
Find your area of interest
-
Tech can be applied to all industries, find the one you want to contribute to
-
Tech can be applied to all industries, find the one you want to contribute to
-
Explore new avenues - you won't get to once you start your professional life
-
Make school projects that you'd be proud to share
- Your group would be the biggest impedement
-
Pull each other towards excellence than towards slacking
- Have fun with whatever you do!
Thank You 🙏
NMIMS Prototyping in UX
By sagulati
NMIMS Prototyping in UX
- 268