Share Description
In this course, you will :
- In Adobe XD, use each step of the UX design process (empathise, define, ideate, prototype, test) to create a responsive website.
- Plan your website's information architecture and sitemaps.
- Use standard web page layouts.
- Complete a design project for your professional UX portfolio.
Syllabus :
1. Starting the UX design process: Empathize and define
- Understand responsive websites
- Introduction to Adobe XD
- Start a project in Adobe XD
- Empathize with users and understand pain points
- Create personas
- Create user stories
- Build a user journey map
- Develop a problem statement
2. Continuing the UX design process: Ideate
- Conduct a competitive audit
- Come up with ideas using How Might We
- Come up with ideas using Crazy Eights
- Plan information architecture for a website
- Explore common website structures
- Explore sitemaps
- Build a sitemap for your website
3. Creating wireframes for a responsive website
- Explore common layouts for website home pages
- The basics of wireframes
- Plot a responsive layout
- Adjust page layouts based on screen size
- Transition from paper to digital wireframes
- Create digital wireframes in Adobe XD
- Create wireframes for additional screen sizes in Adobe XD
- Refine wireframes to enhance accessibility
- Evaluate wireframes using Gestalt Principles
4. Creating and testing low-fidelity prototypes
- Understand low-fidelity prototypes
- Create a low-fidelity prototype in Adobe XD
- Plan a UX research study
- Conduct a usability study
- Reduce bias in a usability study
- Analyze and synthesize research results
- Iterate on low-fidelity designs based on research findings
5. Creating and testing high-fidelity designs
- Begin to design mockups
- Start creating mockups for a website homepage in Adobe XD
- Continue creating mockups for a website homepage in Adobe XD
- Create mockups for a mobile website in Adobe XD
- Work with design systems
- Use external design systems in Adobe XD
- Create a high-fidelity prototype in Adobe XD
- Annotate prototypes for web accessibility
6. Documenting design work and searching for jobs
- Collaborate with engineering teams
- Hand off design specs in Adobe XD
- Add a project to your portfolio
- Understand common jobs for UX designers
- Explore types of companies that UX designers work at
- Identify where to apply for UX design jobs
- Scan job descriptions for key words
- Understand UX design resumes
