Adobe Education
Educators and Professional Development Specialists

Introduction to UX & UI Design

Lesson Plan Published 10/16/17 Last updated on 12/3/18

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 • 28 Ratings

Resources (2)

or Join for free to access materials
File Size

Comments (34)

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

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

​exex.adobe.com always admirable.