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 formental models; Lab Practice: 1.Study on Importance of presentation, content, interactions, screen elements, accessibility during UI design 2.Identifying Good vs. Bad UX designing the existing websites/Apps 3.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-Mood boards Lab Practice: 1.Applying Text box behavior such as auto width, auto height and fixed-size in Figma 2.Creating and managing components in Figma 3.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 Lab Practice: 1.Applying buttons, icons, images, colors, and type styles for you to use to design the page with Figma 2.Creating various color and text styles in Figma

Research in User Experience Design -Tools and Methods used for Research: creating a design strategy, Profiles and personas, understanding psychographic and demographics, Data gathering methods, Scenario, and task analysis, writing a user story, and designing, Mind Maps, Information architecture, wireframes Lab Practice: 1.Importing pictures/photographs in to Figma 2. 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. Lab Practice: 1.Creating prototypes and performing testing in Figma 2.Create structuring information on a page that will enable creating the content of your Curriculum Vitae in Figma