Basic UX/UI Design Wireframes and Prototyping Tutorial

Learn the modern-day process of UX/UI design and how to draw wireframes for a mobile app. We’ll start out simple, going over the foundations of early stage app design and move on to creating detailed low-fidelity wireframes that we can then move into a free InVision account to create a clickable prototype.

What you can expect to learn:

• UX/UI design process fundamentals

• How to determine task  and user flows for an app concept

• How to draw low-fidelity wireframes for an app concept

• How to create a clickable prototype in InVision

What you will create:

• A low-fidelity design for an app

• A clickable InVision prototype

This class is geared towards those who have very little to no experience in UX/UI design, but have an interest in learning.

• Introduction
• What's a Wireframe?
• What's a Prototype?
• The Design Process
• What's a User Task Flow?
• Wireframing Tools
• Wireframing
• Scanning and Uploading Your Wireframes
• Prototyping in InVision (Invisionapp.com)
• Conclusion