Rapid Prototyping in the Chrome Browser for UX Designers (Udemy.com)

Learn how to quickly create ux design prototypes using the Chrome Dev Tools and share them with others.

( 4 Reviews )

Created by: Drew Koch

Produced in 2018

What you will learn

Quickly and easily try out new designs in your Chrome browser
Modify existing designs by tweaking HTML and CSS
Utilize reusable components in new locations on your site in the blink of an eye
Learn how to save your prototypes and revive them later
Learn how to share your prototypes with others in your company or for user testing

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 100 / 100

Course Description

Would you like to create real web prototypes really fast? Are you tired of recreating entire pages in Sketch just to make a few modifications? Would you like to make changes to an existing website with ease? Do you want to learn a new and exciting way of improving your design process? If so, this course is for you!

My name is Drew, and I am a Product Designer with more than 5 years of experience working at startups (currently working at Udemy designing the site you are on right now!). In this course, I will teach you how to quickly and easily create prototypes live in your Chrome browser using the Chrome Dev Tools. This will allow you to test out ideas in the real context that a user will experience them by:
- Editing text live
- Editing the styling of elements in real-time
- Changing the style of multiple elements at once
- Changing the order of elements on a page
- Changing the hover state of elements
- Creating and re-using components from other parts of your site or your style guide
Additionally, I will show you how to save and share your work with others for quick feedback, whether it is with other designers in your company, product managers, VPs, or end users.

Getting to a super quick yet high fidelity prototype will allow you to iterate and get feedback more frequently and easily, and as a result, build a better product overall.
I hope you enjoy the course, and if you have any questions, I am here and willing to help!
***BONUS!*** I will provide you with a chrome extension I built myself to help you avoid a common pitfall of using the chrome dev tools :)

Cheers,
Drew Koch
Product Designer, Udemy

Who this course is for:

Product designers / ux designers who want to test out their designs quickly and easily, right in their browser
Product managers who want to validate ideas quickly

Time: 1.5h

Instructor Details

Drew Koch

5.0 Rating
4 Reviews

Hey there!
I'm Drew, a Product Designer with more than 5 years of experience working in tech, and I currently work right here at Udemy!
In the past, I have also done UX Design and Front End Development at Amazon,com and founded and sold my own food-tech startup.
I am passionate about the intersection of design and technology, and prototyping is the best way to try out ideas fast and experience them just like your end user. Prototyping ftw!

-Drew

Reviews

5.0

4 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Anonymized User

This course is very much helpful to the beginners who wants to choose UX field.

By Sadia Syeda Sadia Tariq

It is good course to make front-end bootstrap. It is really helpful course.

By Ludmila Kovalenko

Thank you for your course! I find it practical and easy to understand.

By Cintia Romero

I liked that this course was directed to the point.

Great explanation. I just missed the accessibility topic, that Chrome Dev Tools offers as well.

But I loved the content! Thanks for all.