Scribd
Upload
9 views2 pages

UIUX

The document outlines a curriculum for a UI/UX design course, detailing modules and key topics such as the difference between UI and UX, user research methods, information architecture, interaction design, wireframing, visual design, typography, prototyping, usability testing, accessibility, and collaboration with developers. Each module includes specific sub-topics that provide foundational knowledge and practical skills for aspiring designers. The course culminates in a mini project to apply learned concepts and structure a portfolio.

Uploaded by

PRASANNARAGAVENDRAN G CSE
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
9 views2 pages

UIUX

The document outlines a curriculum for a UI/UX design course, detailing modules and key topics such as the difference between UI and UX, user research methods, information architecture, interaction design, wireframing, visual design, typography, prototyping, usability testing, accessibility, and collaboration with developers. Each module includes specific sub-topics that provide foundational knowledge and practical skills for aspiring designers. The course culminates in a mini project to apply learned concepts and structure a portfolio.

Uploaded by

PRASANNARAGAVENDRAN G CSE
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Sr.

Day Module Topic / Focus Key Sub-topics


No

Difference between UI & UX, what


1 1 Fundamentals Intro to UI & UX designers do, examples of good/bad
products, core terms

User-centered design, double-diamond


Design UX Process &
2 2 model, typical UX workflow (research →
Thinking Design Thinking
design → test → iterate)

Qualitative vs quantitative research,


User Research
3 3 User Research interviews, surveys, user goals, pain
Basics
points, simple personas

Information Site maps, task flows, user flows,


Information
4 4 Architecture & navigation patterns, card sorting idea,
Arch.
Flows structuring information

Affordances, feedback, consistency,


Interaction Interaction Design
5 5 mental models, common patterns (forms,
Design Fundamentals
menus, dialogs, navigation)

Sketching layouts, grayscale screens,


Low-Fidelity
6 6 Wireframing focusing on layout and hierarchy, rapid
Wireframes
iterations

Adding detail, states (empty, error,


High-Fidelity
7 7 Wireframing loading), annotating behavior and
Wireframes
interactions
Sr.
Day Module Topic / Focus Key Sub-topics
No

Layout principles (grid, alignment,


Visual Design
8 8 Visual Design spacing), visual hierarchy, balance, use of
Basics
white space

Font pairing, hierarchy (headings, body),


9 9 Typography Typography for UI line height, contrast, readability, basic
accessibility

Color theory basics, contrast and


Color & UI Color & Design
10 10 accessibility, brand colors, components,
Design Systems
design tokens, simple design system

Making clickable prototypes in tools like


Interactive
11 11 Prototyping Figma/XD, linking screens, transitions,
Prototypes
basic microinteractions

Usability Usability Testing & Test goals, simple test plans, observing
12 12
Testing Feedback users, logging issues, prioritizing fixes

WCAG ideas, keyboard navigation, color


Accessibility &
13 13 Accessibility contrast, alt text, designing for different
Inclusive Design
abilities

Handoff to Design documentation, redlines,


Handoff &
14 14 Developers & exporting assets, inspect tools, working
Collab
Specs with devs and PMs

Small case study (problem → research →


Mini Project &
15 15 Portfolio wireframe → prototype), structuring a
Portfolio Basics
portfolio project

You might also like