Rapid Prototyping in the Chrome Browser for UX Designers

Rapid Prototyping in the Chrome Browser for UX Designers, available at $19.99, has an average rating of 4, with 17 lectures, 1 quizzes, based on 25 reviews, and has 434 subscribers.

You will learn about 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 This course is ideal for individuals who are Product designers / ux designers who want to test out their designs quickly and easily, right in their browser or Product managers who want to validate ideas quickly It is particularly useful for Product designers / ux designers who want to test out their designs quickly and easily, right in their browser or Product managers who want to validate ideas quickly.

Enroll now: Rapid Prototyping in the Chrome Browser for UX Designers

Summary

Title: Rapid Prototyping in the Chrome Browser for UX Designers

Price: $19.99

Average Rating: 4

Number of Lectures: 17

Number of Quizzes: 1

Number of Published Lectures: 17

Number of Published Quizzes: 1

Number of Curriculum Items: 18

Number of Published Curriculum Objects: 18

Original Price: $19.99

Quality Status: approved

Status: Live

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

Who Should Attend

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

Target Audiences

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

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

Course Curriculum

Chapter 1: Prototyping in the Browser

Lecture 1: Welcome!

Lecture 2: Editing Text

Lecture 3: Editing CSS

Lecture 4: Editing Classes

Lecture 5: Affecting Repeating Elements

Lecture 6: Editing HTML

Lecture 7: Moving Elements

Lecture 8: Editing CSS of Pseudo States

Lecture 9: Reusing Components

Chapter 2: Saving and Sharing your Work

Lecture 1: Saving your Prototypes

Lecture 2: Saving CSS

Lecture 3: Link Disabler Chrome Extension

Chapter 3: Working Locally

Lecture 1: Working Locally – Part 1

Lecture 2: Working Locally – Part 2

Lecture 3: Working Locally – Part 3

Lecture 4: Sharing your Local Prototype on AWS S3

Lecture 5: You did it!

Instructors

Drew Koch
UX Designer @ Udemy

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 4 votes
4 stars: 7 votes
5 stars: 11 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu