Adobe Education
Educators and Professional Development Specialists

Introduction to UX & UI Design

Lesson Plan Published 10/16/17 Last updated on 3/2/20

User experience (UX) design is commonly defined as the process to design experiences and interactions with a digital or physical product that is useful, easy, and enjoyable. User interface design (UI) is commonly defined as the process of designing the visual look of the product and the functionality of the interaction.

In this activity, students will be introduced to user experience (UX) and user interface (UI) design, the role of designers, and the design process. To reinforce UX and UI design principles, students will assess and provide analysis on the design of an existing product.

File updates:

  • Files updated on November 30, 2018 for Adobe XD (October 15, 2018) release.
Age Levels
1+ Day

Adobe XD CC (October 15, 2018 release)

CC License
Attribution Non-Commercial Share Alike
5 / 5 • 46 Ratings

Resources (2)

or Join for free to access materials
File Size

Comments (59)

Write a reply...
or Join for free to view all comments and participate in the discussion.

Poojari Prajwal

Posted on 5/14/20 6:23:38 AM Permalink

​Where can we take the certification for this?

Adobe Education

Posted on 5/15/20 4:46:53 PM Permalink

Hello Poojari,

The list of available certifications are ​here for your consideration, although not dedicated to UX.​

Trevor Milevskiy

Posted on 3/19/20 11:41:47 PM Permalink

This is a great resource. Thank you​

Tina Steele

Posted on 12/4/19 1:52:46 PM Permalink

​I am just starting to teach XD and am looking for resources. This is awesome. However, I am unable to access the Adobe XD Tutorial and image assets. Would it be possible for you to email those to me in a zip file or a link to a website? My email is Thank you so much for your expertise as I learn!

Percy Ordonez

Posted on 8/18/19 5:24:34 AM Permalink

very nice! thank you for sharing

omar khayam

Posted on 8/16/19 10:25:07 AM Permalink

​Thank You for the Intro notes.

Mick Perkins

Posted on 8/9/19 8:10:43 AM Permalink

​great work thanks for the upload

well done

sathish selvaraj

Posted on 7/18/19 8:51:19 AM Permalink

Thank you, very useful

Fonacier Balatero , Jr.

Posted on 6/26/19 2:46:25 AM Permalink

​Great resources. Thanks.

Martina Budimir

Posted on 6/21/19 7:34:46 AM Permalink

Thank you, very useful​

Azarias Júnior Hele

Posted on 6/10/19 9:15:15 PM Permalink

Thank you very much for sharing this content with us...

Percy Ordonez

Posted on 5/20/19 3:58:58 AM Permalink

Great resources. Thank you for putting this together.

Cortez William

Posted on 5/19/19 7:13:58 AM Permalink

​It is really a user experience. The end result will be a visually appealing product to attract customers.

David Badgley

Posted on 4/14/19 11:46:36 AM Permalink

​Fantastic resources, thanks!

Stoyanka Veselinova

Posted on 4/3/19 1:28:35 PM Permalink

Thank you for these resources.

Aaron Kapala

Posted on 3/20/19 9:48:50 PM Permalink

This is great thanks

Fonacier Balatero , Jr.

Posted on 3/9/19 8:55:36 AM Permalink

Thank you for these resources. This will really help!

Felice Forte

Posted on 2/27/19 2:58:55 PM Permalink

​Thank you for this, Adobe. Very helpful.

Craig Daalmeijer-Power

Posted on 2/24/19 6:36:41 AM Permalink

​Excellent resource.

Ali Imam Reza

Posted on 2/20/19 8:09:31 PM Permalink

​great resource. thanks.

Fonacier Balatero , Jr.

Posted on 1/29/19 4:51:51 AM Permalink

​This is great! Thanks.

Luis Garcia

Posted on 1/19/19 4:23:15 PM Permalink


Ayman Raafat

Posted on 1/8/19 7:16:14 AM Permalink

​great :)

Claudia Abate

Posted on 12/10/18 4:54:50 PM Permalink

Assets are not available?

Adobe Education

Posted on 12/17/18 9:34:33 PM Permalink

Hello Claudia,

The assets are available in the 'Images' sub-folder within the 'XD Tutorial and Image Assets' link here:

enrique perez

Posted on 12/3/18 8:39:02 PM Permalink

​ok, so how do you "move" from a prototype app design? over to the actual app? More coding at the end of the day i suppose?

Wilder Bolaños Gomez

Posted on 12/3/18 8:07:07 PM Permalink

​Thank you, (y)

Trevor Milevskiy

Posted on 11/29/18 2:38:25 AM Permalink

Thank you for a great resource.​

Krysia Jeffries

Posted on 10/31/18 5:39:10 AM Permalink

This will be awesome with my future Year 11 CII IDMT students!​

Keenan Sultanik

Posted on 10/11/18 8:18:12 PM Permalink

I used XD as the foundation of my Interactive Design class last spring. This guide would have been excellent for project ideas and assessments.

Susan Mango Curtis

Posted on 10/11/18 4:41:48 PM Permalink

​Couldn't get introduction to UX & UI Design to download, can someone help?

Judy Durkin

Posted on 9/24/18 5:26:20 PM Permalink

As usual, Adobe delivers the best content to use in the classroom.​

Gayle Payne

Posted on 9/13/18 11:36:37 PM Permalink

​Thats great. Thank you

Tom Curl

Posted on 9/12/18 3:26:27 PM Permalink

​Thank you for this resource.

Allan Zulu

Posted on 9/12/18 1:57:47 PM Permalink

​Thank you

Diego Alvarez

Posted on 9/12/18 12:01:54 PM Permalink

​Thank you for sharing this resource.

Héctor Adolfo Bernal Sandoval

Posted on 9/12/18 11:43:57 AM Permalink


Steven Lee

Posted on 9/5/18 3:29:13 PM Permalink

​Great lesson plan overall. However, as a student, I have to warn that you really shouldn't call the image on the first page a 'meme' as it is referred to in the lesson plan. It just seems like a throwaway term in this context used to (hopefully) get the interest of the students, but it doesn't really have the content to be used as such. Just call it an image.

haytham ezbawy

Posted on 9/1/18 1:07:03 PM Permalink

​thanks alot

Moises Jesus

Posted on 8/28/18 6:39:06 PM Permalink

​I trully recommend.

Kelvin Okyere

Posted on 8/24/18 7:56:18 AM Permalink

Thank You​

Daria De Carvalho Peixe

Posted on 8/24/18 3:04:25 AM Permalink

​Thanks for sharing this !

Shauna Murray-Coke

Posted on 8/23/18 12:56:27 AM Permalink

This is a lifesaver! Thank you :)

Willie Moore

Posted on 8/19/18 3:45:31 AM Permalink

Great Resources!​

Armando Viera

Posted on 8/17/18 7:17:48 AM Permalink

​Thanks for sharing.

Avonn Nova

Posted on 8/16/18 1:44:38 AM Permalink

​This is great.

Willie Moore

Posted on 8/15/18 5:37:52 PM Permalink

Thanks for a great assignment!​

Susan Hussein

Posted on 7/31/18 4:39:23 PM Permalink

A nice basic introduction; students will find the included checklist useful going forward.​

Joshua Nelson

Posted on 7/18/18 6:19:53 PM Permalink

​Thank you!

Aziz Soubai

Posted on 6/20/18 10:53:15 PM Permalink

Thanks for sharing these great resources

Agnes Rufrancos

Posted on 5/15/18 6:03:15 PM Permalink


Carlos Andres Orozco Palacio

Posted on 5/1/18 6:56:42 PM Permalink

​Great Resources and introduction to UI/UX Design.

Anjeza Seferi

Posted on 4/29/18 3:49:29 PM Permalink

a great intro to UI designing and realistic skill expectations​

Keenan Sultanik

Posted on 4/24/18 4:16:55 PM Permalink

This is a great resource. I appreciate the clear distinction between UI design and UX design as presented.

Shoaib Mahmud

Posted on 2/21/18 6:53:29 PM Permalink

Thanks for sharing this, very useful. Please provide me the details of "How can we get adobe XD expert certification?"

Adobe Education

Posted on 2/27/18 3:46:51 PM Permalink

pamela hearsum

Posted on 1/24/18 9:46:40 AM Permalink

​very useful and good examples for students.

george van der walt

Posted on 11/1/17 3:40:35 PM Permalink

​Looks great , lots to learn, looking forward to introduce this Adobe XD to students.

Yasar Butt

Posted on 10/25/17 6:13:33 AM Permalink

​ always admirable.