Essentials of UI and UX

User interface plays a vital role in interaction between user and the system. UX is much broader, analytical and higher-level...


Content Provider

40 hrs



Mode Of Delivery

Valid for 6 months post activation

Course Validity




Certification By

This is a paid course.

Course Fee

  • 1,800/-/- 599/-/-


User interface plays a vital role in interaction between user and the system. UX is much broader, analytical and higher-level discipline than UI. UX satisfies the exact need of the user or customer. A good product experience starts with UX followed by UI. Both are essential and crucial for the success of a product. Through this course students will be able to learn how the users interact with the computers. They will get to know the different types of models, design process and interaction styles to develop a good user interface. By the end of this course, the students can identify different types of models, design process and interaction styles for developing a good user interface.


Module 1: Introduction To Hci

The human – Input Output Channels, Human Memory, Thinking: Reasoning and Problem Solving, The Computer – Text Entry Devices, Positioning, Pointing and Drawing, Display Devices, Memory, The Interaction – Models of Interaction, Frameworks & HCI.

Cognitive Models, Communication & Collaboration Models, Task Analysis, Dialog Analysis & Design, Interaction Models, Programming Interactive System.

Module 2: User Interface Design

The Software Life Cycle – Activities in the Life Cycle, Validation & Verification, Interactive Systems & Software Life Cycle, Using Design Rules – Standards, Guidelines, Usability Engineering – Problems with usability engineering, Iterative Design and Prototyping, Design Rationale – Process-oriented design rationale, Design space analysis, Psychological design rationale. Direct Manipulation and Virtual Environments, Menu Selection Form Filling and Dialog Boxes, Command and Natural Languages, Interaction Devices, Collaboration and Social Media Participation, Naming and Abbreviations.

Module 3: Mobile Ui Design

Non Perceptual Technologies – Keypads, Touchpad, Gesture: Classification of Gesture based HCI – Application Domains: Multimodal interactions, Desktop, Virtual and Augmented Reality – Communication, Gesture Styles – Deictic, Gesticulation, Manipulation, Semaphores, Sign Language, Disruptive Innovation. UX Tools for Wireframing and Prototyping – UXPin,, Pixate, Sketch, Invision, P.O.P. app, UX Tools for User Research and User Testing – Lookback, Wufoo, Typeform, Usabilla, Morae, UX, Recorder, UX Tools for Organizing Information – Lucid Chart, MindMeister,, Gliffy.

Module 4: Best Practices In Ui Design

Views and Layout Tools – Paragraph Tag, Image Tag, Table Tag, Layout Tag, Frame Tag, Interaction – Links, Buttons, Text Fields, Radio Buttons, Check Boxes, CSS – Syntax, Colors and Background, Text and Fonts, Icons and Links, List. JavaScript – Syntax, Statements, Variables, Data Types, Operators, Events, JS Forms – Forms API, JS Objects – Object Definition, Object Properties, Object Methods, Object Prototypes, JS Functions – Function Definition, Function Parameters, Function Invocation, Function Closures.

Module 5: Case Studies

Universal Usability: Web Fun for Individuals with Down syndrome, Blind Users Experience The Internet, Using The “Technology as Experience” Framework, Establishing Requirements for a Mobile Learning System, Using XP to Develop Context-Sensitive Adverts for The Web, Designing Mobile Applications for Multiple Form Factors. Types of Errors – Mistakes, Slips, False Understanding, Slips – Capture Error, Description Error, Loss of Activation, Mode Errors, Strategies : Prevention – Interlock, Lock in, Lockout, Behavior Shaping Constraints, Error Recovery – Guidelines, Error Messages.

Learning Outcomes

  • List the computer memory and storage standards
  • Identify the usage of design rules
  • Summarize the need of iterative design
  • Outline UI concepts in designing interactive window on mobile
  • Compare various gesture options and the best style that fit your mobile application
  • List the steps to add icons and links to HTML page
  • Simulate the steps to develop new web application using interaction design
  • Identify variety issues faced by distributed team while developing large application through interaction design

Who Should Attend?

  • Engineering and IT students
  • Graduates with a programming background
  • Learning Access
  • Handbooks
  • Lecture Slides
  • Videos
  • Quizzes

Job Prospects

  • UX/UI Designer
  • Software Engineer
  • Ui Ux Design Lead
  • Frontend Engineer
  • Data Engineer
  • UX Designer


After completing this course and successfully passing the certification examination, the student will be awarded the “Certificate in Essentials of UI & UX” certification.

If a learner chooses not to take up the examination, they will still get a 'Participation Certificate'.