UX-UI Design with Adobe XD Diploma

Course details

• 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.

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

• Elements of UX Design.
• UX Design Process
• Listen and understand
• Research and analysis
• Design
• Delivery and test

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

• 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.

• Overview of UX design workflow
• Understanding the User Needs and business Goals
• Why Research is critical?
• Research methods and tools.

• 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

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

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

• What is UI Design?
• UI Design and Why it Matters
• Design principles
• Design Elements
• Creating application splash screen and onboarding screens.

• 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?

• Introducing the Experience Design workspace

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

• Adding and deleting
• Resizing Adobe XD artboards

• 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

• Editing text properties
• Importing text into Adobe XD

• 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

• Grouping and ungrouping
• Cloning Adobe XD objects
• Aligning and distributing
• Adobe XD Symbols
• Creating and editing existing symbols

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

• 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

• Final Project Presentations