This course will cover the design, prototyping, and evaluation of user interfaces for applications. For students, the goal of this course is to learn how to design, prototype, and evaluate user interfaces using a variety of methods. In order to achieve this, students should come away with an understanding of: How to study the tasks that a prospective user will need to accomplish with a software system. The cognitive and perceptual constraints that affect UI design. Techniques for evaluating a user interface design. The importance of iterative design in producing usable software. Prototyping, low-fidelity design, and implementation of initial versions of user interfaces. How to work together on a team project and to communicate the results of work, both in oral and written form.
PHASE 1 OVERVIEW OF UX AND UI
Introduction to the course, What is User Experience and User Interface, Difference between UX & UI, Examples of great UX & UI.
PHASE 2 UX DESIGN
INTRODUCTION TO UX: Introduction to UX, Understanding Human Computer Interaction, GOMS, Model Human Processor, Introduction to Task Analysis. Hierarchical Task Analysis, Cognitive Task Analysis, Introduction to Interaction Design (IxD), Usability, Usability as a Measurement, Usability as Design Approach.
HUMAN FACTORS: Human Factors, Ergonomics, Human Factor - Case Study, Ergonomics for UX designers.
UX LAWS: Fitt’s Law, Hick’s Law, Millers’s Law: The magic number, Jakob’s Law, The Von Restorff Effect, The Pareto Principle.
HUERISTIC EVALUATON: Introduction, Deﬁnition & concept, Severity Scale, 10 Laws of Hueristic Evaluation, Case study of Google Pay, Case study of NSE.
UX RESEARCH: Introduction, When to do research? - Conceptualising, Design, Reﬁning, Generative of Formative research, Evaluative research, Introduction to Data types, Quantitative Data, Qualitative Data, Difference between Qualitative and Quantitative research.
UX RESEARCH METHODOLOGY: Introduction - Observation, Understanding, Analysis, Questionnaires and Surveys, Introduction to Interviews, Types of Interviews, Usability Tests, Types of Usability Tests, Tree Tests, A/B Testing.
INTRODUCTION TO USER RESEARCH TOOLS: Ethnic, Optimal Workshop, Survey Monkey, UsabilityHub, UserTesting.com, UserZoom, Hotjar, Morae.
DESIGN PROCESS: Introduction to Design Thinking, What is Empathize, Deﬁne, Ideate, Prototype and Test, Deliverables included in Design Thinking, Introduction to 6D Process, Deliverables included in 6D process.
PHASE 3 UI DESIGN
INTRODUCTION TO UI: User Interface, User interaction.
SOFTWARE: Adobe XD/InVision.
BUILDING BLOCKS OF VISUAL DESIGN: Elements of Design, Principles of Design.
TYPOGRAPHY: Difference between Font & Typeface, Font Types, Leading, Kerning, Letter Spacing, Legibility & Readibility, Typography Rules.
COLOR THEORY: Color Wheel, Color Properties, The Art of combining colors, Color Schemes, How to get color inspirations.
LOGO DESIGN: Points to consider while logo design.
ICONOGRAPHY: Icon Formats, How to create icons, Do’s and Don’ts.
MOODBOARD: Introduction, Moodboard beneﬁts, Keywords, Style, Color scheme, Typography, Inspirations, Design Patterns, Moodboard Examples- Google Trip app redesign.
DESIGN FOR MOBILE: Responsive Design, Native app design, Hybrid app design, Things to consider, Screen Resolutions, Screen Vs Image Resolutions, Styleguide, How to share assets with developers.
GRID SYSTEM: Introduction, History, Types of Grid, What is 960 grid system.
STARTING WITH DESIGN: Margin, Spacing, Achieving consistency in Margin & Spacing, Font & Color Hierarchy, How to build aesthetic layouts.
ANDROID & IOS GUIDELINES: iOS App structure, Android App structure, Difference between Android and iOS app design.
LATEST DESIGN TRENDS: Minimalism, Flat color schemes, Gradients coming back, Material Design, Card Based Designs.
PHASE 4 CAREER PREPARATION
How to create compelling UX/UI portfolio and resume, Get feedback from mentors, Interview Sessions.
Google Sprint - EnJoin Case study, User Centric Vs Product Centric Design, Team Bonding Activities and Simple every day life related assignments to understand UX easily.