UX and UI Design & Prototyping

Course Closed

This course is now closed. Find out when this course will be offered again and enroll in other courses on the Collaborative Courses page. 

“Class 5 introduced me to creating prototypes in XD. Wow! I loved every minute of this and enjoyed seeing the results live immediately. I am so glad I took the challenge to do this course on UI and XD. Spectacular!”  - Previous course participant

About this course

In this course, learn the principles of UX design, how to translate your UX design to a UI, and how to use Adobe XD to create a working prototype. Then apply your new digital skills to teach app and product design projects in your classroom.

What will I learn?

  • Understand the key concepts of User Experience and User Interface design

  • How to use Adobe Illustrator and Adobe Experience Design (Beta) to create UI designs and prototypes

  • Best practices, tips and tricks for teaching and learning with digital media

  • How to be a more confident user of digital technologies

How long is the course?

The course runs for five weeks, starting on Monday, October 9, and should take you approximately 25 hours to complete. All coursework must be submitted by Friday, November 24.

What is the course cost?

It's FREE!

What software/technology will I need?

We’ll use several different Adobe apps:

What will I receive when the course ends?

After successfully completing this course, you will receive digital badge and a digital certificate that state that you have completed 25 hours of professional development.

About Adobe Education Exchange Courses

The Adobe Education Exchange (AEE) is a free learning platform and community, designed by educators for educators, to ignite creativity in the classroom. AEE collaborative courses are designed to help educators and their students use Adobe tools to become creators, not just consumers, of digital media. You’ll learn new tools and techniques, explore best practices for teaching and learning, and unleash your, and your students’ creativity, to help drive positive outcomes. Collaborative courses include a mix of asynchronous content, live class sessions taught by expert educators, and community feedback and collaboration.


Team Edgegain

Matthijs Clasener

Greg Hodgson

Adobe Education

Sjaani van den Berg

Mark Shufflebottom

Course Workshops
Orientation We’ll focus on how to get the most from this course, how to use the course platform and how to participate in the live classes.
Class 1 Defining the problem. Creating the solution. Choosing an area in which to work, students will start by trying to understand what the problems are or might be for the user.
Class 2 Defining the scope of the project. Now that the problem has been identified and user needs and goals are understood it’s time to think about what information should go on each page.
Class 3 Prototyping and testing. Using the paper prototypes from the week before test out the project on a user. Tips on conducting the study and demonstrate how this occurs with video.
Class 4 Participants will create a mood board of graphic inspiration around the theme of their project. From this a style tile will be established which will show the colours, typography and design elements that will be used.
Class 5 Digital Prototype. The final stage will be producing a working prototype. The video’s will teach participants how to do this with Adobe XD.
Achieving Accreditation This section aims to bring together everything you’ve learned so during the course. You’ll reflect on your learning in the course and celebrate the work of your peers.
Enrolled Members
Course discussions
Difficulties uploading images to Spark
1 0
Anyone here willing to volunteer to test out my prototype?
3 1
Assignment 5? Oooops...This is a strange way to submit my assignment but I am late! As I was sitting infront of UTC time...
7 0
The inability to scroll effectively in XD
15 4
class 2 recording
16 1
Completing this Course will award you the following badge(s):