Designing for the Future: UI/UX Prototyping

Prototyping is a core skill in user experience design that is a powerful approach for all designers and creatives. 

In this class, you'll learn the fundamentals of prototyping to redesigning how something works for more fluid usability. We'll cover everything you need to know about how to prototype your ideas and guide you to create your first UX (user experience) project right in the center of your own home, which if of course, your kitchen!

In a nutshell, prototyping is all about designing a great user experience by testing out your ideas. As we cover the key concepts and best practices, you'll complete activities to create a paper prototype to improve the functionality of an appliance in your kitchen. We'll also cover the basics of digital prototyping in Adobe Xd. From there, you'll be able to apply the prototyping approach in many circumstances, from digital interfaces to physical tools and products.

This is a class for designers, artists, marketers, and anyone else who is interested in applying user experience design techniques or looking to jumpstart their UX design career.

• Do you want to learn how to test your big ideas? 
• Are you interested in UX and seeking to better understand the process?
• Are you a creative or designer that is eager to start on your first UX project?

This class is filled with tips, tricks and insights for all levels!

What is a prototype?

A prototype is an easy, cheap, and efficient way to test ideas quickly. The best thing is, you don't need a lot of time to create an effective prototype, but it will be instrumental in improving how you design things for greater positive impact. We'll cover how to build a thoughtful prototype and test it with real users.

At the end of this class you will have a tested paper prototype that can be applied to improve how your kitchen works. You will also have the opportunity to turn your paper prototype into a functioning digital wireframe in Adobe Xd.

What you will learn during this class:

• The basics of prototyping
• Various methods for analog prototyping
• How to create a digital prototype
• How to do user testing

Worksheet:

• Here is a downloadable worksheet that coincides with the activities for your class project

Software (optional)

• Download Adobe Xd here 

• Trailer
• Class & Project Overview
• The Design Process
• Task: Ideation in your Kitchen
• Watch Me Work: Ideation
• What is Prototyping?
• Examples of Prototyping
• Analog Prototyping methods
• Task: Paper Prototyping
• Work With Me: Paper Prototyping
• Adobe Xd: Digital Wireframing
• Adobe Xd: Analog Wireframing
• Preparing User Testing
• Final Thoughts: Takeaways & Tips