Bachelor of Fine Arts in Graphic Design - learn more

Online UX/UI Design Course

UX/UI Design

UX/UI is a hot field in software development and web design today. Companies need designers who can rapidly prototype the interface for an app or a website, applying principles of usability and accessibility to create intuitive, engaging user experiences.

In this course, you’ll work with veteran UX/UI designer Michael Hamm to learn UX/UI from the ground up. Using your favorite prototyping tool - Sketch, Invision, Adobe XD, or Figma – you will learn how create a concept for an app, and turn your sketches into live prototypes with hotspots, transitions, and slick graphics, using the iterative development process practiced in the industry.

UX placeholder 

Designing the next killer app

Where there's an app for that

Instructor-Led Course

Feedback from design professionals

Creative Projects

Stretch your skills, grow your portfolio

Learn at Your Own Pace

Self-paced and scheduled programs available

Course Outline

1 – UX/UI Foundations

So you want to design interactive experiences. How is it done? Lecture 1 explores the typical workflow for a UX/UI designer in a digital environment. You’ll learn all about how UX designers interact with visual designers, engineers, content writers and others to develop apps and websites. Through the first project, you’ll gain an understanding of how UX designers use an iterative development process to achieve their goal: an effective user experience.

2 – Ideation and Research

Where do killer apps come from? Lecture 2 examines some of the customer research methods used to develop the concepts for apps and websites. You’ll explore how designers utilize user profiles and personas to identify the value proposition and important functionality in a proposed app. You’ll learn how to reduce your concept to its essence using a problem/solution statement, and how to refine your concept using case studies from the software development field. At this point in the course, you are ready to develop your own original concept for an app.

3 – Sketching

It’s time to put your great ideas on paper, and start moving your concepts to the digital realm. In Lecture 3, you’ll get a features overview of the main prototyping tools used throughout the industry: Sketch, Invision, Adobe XD, and Figma. You’ll discover ways to use traditional sketching to lay out main screens and the path flow in your interface. Then you will explore how to create low-fi digital prototypes of your app, working from basic components.

4 – Prototyping

The screens in your app look pretty great, but where’s all that vaunted interactivity? Lecture 4 is where you start focusing on the nuts and bolts of UI – the user interface. You’ll learn how to create interactive prototypes by creating hotspots on each screen that connect to each other. You’ll use transitions to create animations to load each page or communicate to the user. As you work on your app, you will learn some basic principles of usability and accessibility that are essential in any design. By the end of the exercise, you’ll have an app prototype that works.

5 – Advanced Prototyping

You’re not done yet, though! App design is an iterative process, during which multiple rounds of feedback are used to hone every aspect of the interface and the experience. In Lecture 5, you’ll learn and apply some key principles of interface design as you refine your app to accommodate concepts like simplicity, readability, user exits, and more. For added refinement, you’ll examine the use of easing to add some finesse to your screen transitions.

6 – Fit and Finish

Now that your prototype is humming nicely along, all you have left to do is take care of all the little details that make something great. You need to finalize all images, icons, color, type, and animations, address final client or user feedback, test your high-fidelity prototype, and fix any bugs. Lecture 6 presents our tips for finalizing a UI design. You’ll look at how to benchmark your choices against the published design systems of Apple, Google, and others. Finally, as you create your final app demo, you’ll explore how to showcase all the creativity and critical thinking you put into developing your app.

Course Outcomes

Students in this course can expect to learn to:

  • Knowledgeably analyze the user interface and user experience of apps and websites.
  • Explain the typical workflow used by UX/UI designers to develop an app prototype.
  • Develop a concept for an app with user profiles and a problem/solution statement.
  • Research your app concepts with reference to similar apps or interface and software industry case studies.
  • Sketch a path flow for an app using traditional sketching and a prototyping tool.
  • Create a working prototype using hotspots, transitions, and easing to simulate the user experience.
  • Gather and address user feedback in your design.
  • Finalize your app and create a presentation documenting your design process.

Course Registration

Interested in this course? Scheduled and self-paced enrollment options are available. Ask Admissions about taking this course as part of a degree or certificate program.

Course LevelClasses startRegistration FeeTuition
Degree course
3-credit course, 15 week
Jan, Apr, Aug$200$510/credit
* Registration fees are nonrefundable after 5 days from enrollment. All tuition includes a digital materials fee for updates to course or program content.

Software and Supplies

To take this course you'll need:

• Computer with Internet connection.
• Adobe Photoshop and Illustrator CC.
• Prototyping tool such as Figma (free version is OK), or Adobe XD, Sketch, or Invision

Who’s Teaching

Course developed by Mike Hamm

Getting Started

Enrolling online is easy and convenient.

Chat with our knowledgeable admissions staff to select course and program options.

Complete your registration entirely online.

Related Programs

Did you know? You can take this course as part of an award-winning certificate or degree program.