Evolution of user interfaces - Interaction with physical components - Flat design - Role of UI in UX -Laws of digital interface design - Understand user experience, VIMM model, Difference between design and art; emotion design; designing for mental models; LabPractice:  Study on Importance of presentation, content, interactions, screen elements, accessibility duringUIdesign  Identifying Good vs.bad UX esigning the existing websites/Apps  Learn the basics Of Figma–An UI/UX tool

Types of typefaces, Typography Terminology, Guidelines for proper type selection- Typography design - Analyzing Aesthetics as per laws of Design principles - Alignment - Spacing - Lighting &Shadows–Grids. Design for platforms: Mobile, Web-Moodboards LabPractice:  Applying Text box behavior such as auto width, auto height and fixed-size in Figma  Creating and managing components in Figma  Use text, shapes, and images to create story using the Frames in a file using Figma.

User Interaction - Cognitive Model - Mental Model - UX design laws and its uses - Elements used in User Experience Design - How it works together - Big Picture - Persona in UX Design - Stages for design in UX-Heuristic Evaluation-Case Studies of Competitor LabPractice:  Applying buttons, icons, images, colors, and type styles for you to use to design the page with Figma  Creating various color and text styles in Figma

Research in User Experience Design -Tools and Method used for Research: creating a design strategy, Profiles and personas, understand in psychographic and demographics, Data gathering methods, Scenario, and task analysis, writing a user story, and designing, Mind Maps, Information architecture, wireframes LabPractice:  Importing pictures/photographs into Figma  Creating Art board in Figma

Design Testing Methods and Techniques. - Usability Testing – Types and Process - Create plan for theUsability. - Prototype and wireframing -Various Prototyping Tools and preparing Usability Tests -Refine. LabPractice:  Creating prototypes and performing testing in Figma  Create structuring information on a page that will enable creating the content of your Curriculum Vitae in Figma