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; emotional design; designing for mental models; Exercises 1. Study on Importance of presentation, content, interactions, screen elements, accessibility during UI design 2. Identifying Good vs. bad UX design in 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 Exercises 1. Applying Text box behaviour 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 a 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 Exercise: 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 Method 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 Exercises: 1. Importing pictures/photographs into Figma 2.Creating Artboard in Figma
Design Testing Methods and Techniques. - Usability Testing – Types and Process - Create plan for the Usability. - Prototype and wireframing -Various Prototyping Tools and preparing Usability Tests-Refine. Exercises: 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
Reference Book:
1 Branson Steven , “UX / UI Design: Introduction Guide To Intuitive Design and User-Friendly Experience” , 2020 2 Anderson Gail, “The Typography Idea Book: Inspiration from 50 Masters”, 2016 3 Slade-Brooking Catharine , “Creating a Brand Identity: A Guide for Designers:(Graphic Design Books, Logo Design, Marketing”, 2016
Text Book:
1 Kevin P. Nichols, Donald Chesnut ,”UX For Dummies”, Wiley,2014 2 Weathers David, “UX/UI Design 2021 For Beginners: A Simple Approach to UX/UI Design for Intuitive Designers” ,2021