UI/UX Design Course
Learn UI/UX Design through practical, project-based training at Acrosys Technologies.
This 90-day course covers user research, design thinking, information architecture,
wireframing, visual design, design systems, prototyping, usability testing,
UX strategy, portfolio development and career preparation.
UI/UX Design Course Syllabus
Phase 1: Foundations – Days 1 to 15 Week 1: Introduction to UX and UI
- What is User Experience Design?
- What is User Interface Design?
- Differences between UX and UI
- UX design process and principles
- Design thinking methodology
- Human-Computer Interaction basics
- Overview of Figma, Adobe XD and Sketch
Week 2: UX Fundamentals
- Understanding users and user-centred design
- Qualitative and quantitative UX research
- Empathy mapping
- Creating user personas
- User journey mapping
- Information architecture basics
Phase 1 Deliverables:
- Create two detailed user personas
- Map a basic user journey for a sample mobile application
Phase 2: Research and Ideation – Days 16 to 30 Week 3: User Research
- Conducting user interviews
- Creating and conducting surveys
- Analysing user research data
- Competitive analysis
- Benchmarking competitor products
- Defining problem statements
- Setting UX design goals
Week 4: UX Ideation and Wireframing
- Brainstorming and ideation techniques
- Paper sketching
- Creating low-fidelity wireframes
- Visual hierarchy principles
- Grid and layout systems
- Introduction to Figma
- Introduction to Adobe XD
Phase 2 Deliverables:
- Low-fidelity wireframes for a simple application
- Competitive analysis report
Phase 3: UI Design Principles – Days 31 to 45 Week 5: Visual Design Basics
- Colour theory
- Colour psychology
- Typography and readability
- Iconography
- Image selection and usage
- Spacing and alignment
- Creating visual hierarchy
Week 6: UI Components and Design Patterns
- Designing buttons
- Designing forms and input fields
- Navigation bars and menus
- Responsive design principles
- Mobile-first design approach
- Using UI kits
- Creating design systems
- Web accessibility and WCAG basics
Phase 3 Deliverables:
- Create a style guide for the sample application
- Create a basic design system with reusable components
Phase 4: Prototyping and Testing – Days 46 to 60 Week 7: Prototyping
- Creating clickable prototypes in Figma
- Creating interactive prototypes in Adobe XD
- Connecting screens and user flows
- Microinteractions
- Motion design basics
- Advanced prototyping
- Creating conditional flows
Week 8: Usability Testing
- Introduction to usability testing
- Moderated usability testing
- Unmoderated usability testing
- Preparing usability test scenarios
- Creating usability testing tasks
- Recording user feedback
- Analysing usability test results
- Improving the design based on feedback
Phase 4 Deliverables:
- Interactive prototype of the sample application
- Usability testing report
Phase 5: Advanced Concepts and Final Project – Days 61 to 75 Week 9: UX Strategy
- Introduction to UX strategy
- Net Promoter Score
- System Usability Scale
- Task success rate
- Design sprints
- Agile UX
- UX writing
- Microcopy writing
- Collaborating with developers
Week 10: Advanced Tools and UI/UX Trends
- Introduction to motion design
- Using After Effects or Principle
- Design handoff using Zeplin
- Design handoff using Figma Inspect
- Voice User Interface design
- AR and VR design basics
- Artificial Intelligence in UX Design
- Current UI/UX design trends
Phase 5 Deliverables:
- Complete a final complex mobile application or website project
- Create documented UX strategy for the final project
Phase 6: Portfolio and Career Preparation – Days 76 to 90 Week 11: Portfolio Development
- Selecting suitable projects for a UI/UX portfolio
- Writing professional UX case studies
- Presenting the design process
- Explaining research, wireframes and final designs
- Creating an online portfolio
- Publishing projects on Behance
- Publishing designs on Dribbble
Week 12: Career Preparation
- UI/UX resume preparation
- LinkedIn profile optimisation
- Mock interview preparation
- Whiteboard design challenges
- Freelance UI/UX career opportunities
- Full-time UI/UX design roles
- UI/UX certifications
- Joining UI/UX design communities
Phase 6 Deliverables:
- Professional portfolio with two to three case studies
- Mock interview session
- LinkedIn-ready UI/UX resume
Tools Covered
- Figma
- Adobe XD
- Sketch
- InVision
- Principle
- Miro
- Zeplin
- Maze
- Lookback
- Figma Inspect
- Behance
- Dribbble
UI/UX Design Projects
- Mobile application UX research project
- User persona and journey mapping project
- Low-fidelity wireframe project
- Responsive website UI design
- Mobile application design system
- Clickable application prototype
- Usability testing project
- Complete mobile application or website case study
Course Learning Outcomes After completing this UI/UX Design course, students will be able to:
- Understand the complete UX design process
- Conduct user interviews, surveys and competitive analysis
- Create user personas and journey maps
- Design wireframes and responsive user interfaces
- Create design systems and reusable UI components
- Build interactive prototypes using Figma and Adobe XD
- Conduct usability testing and improve designs
- Collaborate effectively with developers
- Create professional UI/UX case studies
- Build a job-ready UI/UX design portfolio
