In this class, you’ll learn the process of wire framing and prototyping as it applies to web site design and mobile apps. Alexandra Moran is a web/UX industry expert, with experience addressing the design needs of clients both large and small. Alex will teach this class in two parts:

Part one of this class covers wireframing for websites. Wireframing streamlines the process of designing and prototyping by stripping a website or app down to its most practical, feature-based foundations. You’ll learn:

The fundamentals of Sketch software
How to separate your site’s content from its visual design
How to anticipate the needs of the end user and make a website that will engage them

Part two of this class will show you how to prototype mobile apps easily, no coding required. Prototyping your designs - first on paper, then using simple, interactive online tools - will allow you to visualize the flow of your app, and test usability. You’ll learn:

How to use the software Sketch and InVision for prototyping
How to storyboard your app, working out the product flow before spending resources on coding and building
How to integrate user testing into the prototyping process

After taking this class, you’ll understand how to wireframe your designs and create a prototype that tests the flow and feel of your website or mobile app. Join Alexandra to grow your skillset and add a powerful new toolset to your design arsenal.

Class Materials

Bonus Materials with Purchase

Sketch Keyboard Shortcuts

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Alexandra Moran

Alexandra Moran is a visual and UX designer, with agency and in-house experience. Growing up Alex was always making—with clay, fabric, paper, you name it. After encouragement from her parents to turn her crafting into a career, she obtained a BFA in Graphic Design & Interactive Media, and has been (professionally) making ever since.

SEE INSTRUCTOR'S CLASSES

topics covered in this class

Ratings and Reviews

Ilana Ziff

This is a great class for true beginners. It covers the basics of wireframing and prototyping in an effective and succinct way. The instructor also shares some cool Sketch shortcuts! If you already know the fundamentals of wireframing and prototyping then this class may not be for you, although it does serve as a great reinforcement of prior knowledge.

Qiqi Xu

Alex is very clear and personable as an instructor. I really like the examples she provided in the class, as I personally learn well when content is explained with example (also true according to research on the science of learning). I thought the exercise could use more context. Overall, good start for UX beginners!

Yana Kornienko

The class was a great overview on wire framing and prototyping for beginners. Alexandra explained every step of the process really well. It is definitely a fun process.

2,000+ classes ranging from fundamentals to advanced techniques.

Wireframing & Prototyping Your Digital Designs

Wireframing & Prototyping Your Digital Designs

Lessons

Introduction to Wireframing

What is Wireframing?

Setting Wireframing Expectations

Defining The Problem To Solve

Sketching and Refining the Idea

Overview of Sketch Software

Create a Wireframe in Sketch

Effectively Presenting Your Work

Applying (And Ignoring) Wireframing Feedback

Introduction to Prototyping

Creating a Prototype in InVision

Testing Your Prototype

Asking For Input

Utilizing InVision For Client Feedback

Applying (And Ignoring) Prototype Feedback

Class Description