UX Design with Adobe XD Course

Home
Courses
Adobe
UX UI Design with Adobe XD

This course focus on the most important UX design topics to give you the power to start in real project and to understand how, why and when you make the right design decision to resolve the problems.
The purpose of this Course is to give you a full understand to the UX-UI approach and process.
This course is meant to help those just starting out to have a sound understanding of what to know and what questions they can ask as they put resources towards making their business more successful.
Responsive Web Design in Adobe XD is the sixth course in a program that will equip you with the skills you need to apply to entry-level jobs in user experience (UX) design.
In this course, you will design a responsive website using Adobe XD, a popular design tool.
You will complete the design process from beginning to end: empathizing with users, defining their pain points, coming up with ideas for design solutions, creating wireframes and prototypes, and testing designs to get feedback.
By the end of this course, you will have a new design project to include in your professional UX portfolio.

Course Outline

UX Design Overview

Intro to User Experience Design.
What’s UX?
Why UX?
User Goals & Business Objectives

UX in agile software development.

What’s a UX strategy?

Meet our client & start the project
Stakeholder interviews
Why are Stakeholder interviews important?
What are the user needs?
Conducting compotator analysis

Understanding business model

Business model canvas
Value proposition canvas
We will Conduct Stakeholder interviews with real business owners if it is available or with any trainee who plays the business owner role.
Each trainee will choose his own project to apply what he has learned.

Planning and research

Overview of UX design workflow
Understanding the User Needs and business Goals
Why Research is critical?
Research methods and tools.
Creating user personas
Understanding scenarios and user stories

Creating user personas

Brainstorming features that align with user needs
Aligning features with scenarios
Illustrating key user flows by storyboarding
Deliverables of the Research
Review Deliverables of the Research and user personas
Creating Storyboarding

Information Architecture

What is Information Architecture?
Why is information architecture important?
How to design a usable information architecture

Sketching, Wireframing and Prototyping

Sketching your screens
Building a wireframe
UX wireframing tools
Building a prototype

Sketching Project screens

Visual Design Principles

What is UI Design?

UI Design and Why it Matters
Design principles
Design Elements
Creating application splash screen and onboarding screens.

Validation and testing

What is Usability Testing?
Types of Usability Testing
Usability Testing Process
User usability tools
Conducting usability testing
How to conduct Usability Test?
How to communicate Usability Test Results?

Adobe XD Experience Design

Introducing the Experience Design workspace

Tools and menu items

Setting your Adobe XD Home screen
Previewing your work
Design VS Prototyping view

Working with artboards in Adobe XD

Adding and deleting
Resizing Adobe XD artboards

Adding objects in Adobe XD Designs

Creating shapes and objects
Editing shapes
Customizing and saving Adobe XD shapes
Practical Example

Importing objects into Adobe Experience Design projects

Importing raster images
Importing vector graphics
Importing UI Elements into Adobe Experience Design
Adding text to Adobe XD projects
Editing text properties
Importing text into Adobe XD
Using Adobe XD UI Kits
Practical Example

Using the Adobe XD Repeat Grid

Importing updated text into your grids
Using the Pen tool in Experience Design
Pen tool tips and tricks in Adobe XD
Using custom pen paths for masks

Importing images into Adobe XD

Masking images
Cropping images in Adobe XD
Practical Example

Working with objects in Adobe XD

Grouping and ungrouping
Cloning Adobe XD objects
Aligning and distributing

Adobe XD Symbols

Creating and editing existing symbols

Creating interactivity within Adobe Experience Design

Creating links in an Adobe XD project
Creating transitions between screens
Simulating user interactions with the None transition
Creating back links
Practical Example

Sharing your Adobe XD prototype

Viewing Adobe XD designs on mobile devices
Recording prototype interactions
Sharing Adobe XD projects online
Sharing and replying to comments
Embedding prototype into Behance
Practical Example

Project Reviews

Final Project Presentations

What you will learn

After completing the course, you will be able to:

Understanding what’s UX Design?
How to Understand Users?
What is Visual Design Principles?
Understanding the user Psychology.
User Experience, Practical Techniques
Understand what’s visual Design Elements
Apply each step of the UX design process (empathize, define, ideate, prototype, test) to create a responsive website.
Develop designs in a popular design tool, Adobe XD.
Plan information architecture and create sitemaps for website designs.
Apply common layouts for web pages.
Plan and conduct a usability study to gather feedback about designs.
Iterate on designs based on research insights.
Work with design systems in Adobe XD.
Add a new design project to your professional UX portfolio.