Mobile App UX UI Design Course

Programming is just a hard skill. But if you want your app to stand out, the overall user experience (UX) and user interface (UI) design is more important. This course aims to make students understand how to carefully design the experience (UX) and drawing interface (UI) from the perspective of the user, and connect them into prototypes of interactive experiences for demonstration, from which they can explore career and development directions.

Outline

  • Mission

    Let students experience and master how to design an app's UX and UI from user-centric perspective, and use Adobe XD to present the design.

  • Target Students

    Suitable for all students who want to learn the basics of Adobe XD. This course is especially suitable for students who want to become UX and UI professionals, or marketing and communications professionals who want to play a role in mobile app development.

  • Duration

    18 hours or above, reserve most of the time for students to design

Content

01/

App Design concepts & Ideation

  • What is Experience Design (XD)

  • Analyze apps known for UX or UI

  • Describe the goals and design themes of this course

  • Introduce the basic steps of App design, from finding problems and solutions, to UX by hand-drawn draft (UI), finding user tests, and then building Wireframes before starting to build XD prototypes

02/

Adobe XD Training

  • Create, arrange and edit Artboards

  • Discover Apple, Google and Microsoft user interface plugins

  • Create flat graphics, set graphics parameters and related advanced functions (graphic fillets, shadows, background simulation, painting tools, etc.)

  • Insert text and images, and use positional alignment

  • Responsive Resize

03/

Prototyping

  • Build Wireframes into interactive prototypes (interface connections, touch element settings, etc.) (In this session, students will learn from the instructor in small groups)

04/

Prototype Testing with Target Users

  • Preview the design in the preview window or mobile device

  • Record the user experience process as a .mov file

  • Find the target user for testing (UAT) and collect feedback

05/

Presentation Time

  • Export artwork for Web, iOS and Android devices, and save artboards as .png, .svg and .pdf files for batch export

  • Export to After Effects (Extended Unit)

  • Extend Adobe XD with plugins

Assessment

In-class Quizzes

​Evaluate students' understanding of the course content, there will be several interactive game quizzes in the course.

Project Evaluation

The three major indicators of product design-reliability, ease of use, and effectiveness; will also be evaluated by instructors and students.

Equipment

Equipment (Rent-able / Buy-able)

- Computer:

Recommended specifications: CPU i5, RAM 8GB or above
 

- Phone / tablet installed with Adobe XD app

Extra Services

Behind-the-scenes filming service

Capturing moments in the workshop

Other Information

Teacher-student ratio

1: 5 to 1:10, depending on the class or activity mode

Why do we choose Adobe XD?

Adobe Experience Design is a very versatile tool for UI / UX designers because it also allows users to create interactive prototypes. Not only will we discuss the working techniques of Adobe XD, but also make our project a working site with Adobe Muse!

Classic Examples

UBER

Rent a Car in 3 clicks

TIMEPAGE

Smooth swipe and Timeline design make it easy for users to view the calendar

Product Example

logo.png

TM

Hong Kong

®

Categories
Community
About COXANA