Course Code:
Course Title: User Interface Design
19ADEN1005
Course Category: Professional
Course Level: Mastery
Elective
L:T:P (Hours/Week) Max
Credits:3 Total Contact
3: 0: 0 Marks:100
Hours:45
Pre-requisites
NIL
Course Objectives
The course is intended to:
1. Explain the principles and process of UI design
2. Design User Interfaces using appropriate Windows and Menu controls
3. Develop Interaction design, Evaluation and Testing process
4. Design mobile applications by choosing appropriate Mobile Design elements
5. Design the webpages by selecting appropriate Interaction methods
Unit I Principles and Process 9 Hours
Importance of the User Interface – Interaction Styles – Graphical User Interface –
Direct Manipulation – Characteristics – Web User Interface – Principles of User
Interface Design – User Interface Design Process – Human Characteristics in
Design.
Unit II Windows and Menus 9 Hours
Windows – Characteristics – Components – Presentation Styles – Types –
Organizations – Operations – Web Systems – Device Based Controls – Screen
Based Controls – Menus–Structures – Functions – Contents – Formatting –
Phrasing – Selecting Menu Choices – Web Site Navigation – Graphical Menus.
Case Study: Pencil Project tool.
Unit III Design and Testing 9 Hours
Emotions and the User Experience – Expressive Interfaces – Frustrating Interfaces
– Models of Emotion – Interfaces – Process of Interaction Design – Requirements
Gathering – Analysis – Interpretation – The Evaluation Framework – Usability
Testing – Prototypes – Kinds of Test. Case Study: Justinmind Prototyper.
Unit IV Mobile HCI 9 Hours
Mobile Ecosystem: Platforms – Application frameworks – Types of Mobile
Applications – Mobile Information Architecture – Mobile Design – Elements of
Mobile Design – Case study: Mobile 2.0.
Unit V Web HCI 9 Hours
In Page Editing – Drag & Drop – Direct Selection – Contextual Tools –
Overlays – Inlays and Virtual Pages – Process Flow – Static Invitations –
Dynamic Invitations.
Text Book(s):
T1.Wilbert O.Galitz, “The Essential Guide to User Interface Design”, 3 rd Edition,
John
Wiley & Sons, 2007.
T2.Yvonne Rogers , Helen Sharp, Jenny Preece, “Interaction Design: Beyond
Human –
Computer Interaction”, 5th Edition, John Wiley & Sons, 2019.
T3.Brian Fling, “Mobile Design and Development”, O’Reilly Media Inc., 2009.
Reference Book(s):
R1. Jenifer Tidwell, “Designing Interfaces”, 2nd Edition, O’Reilly Publications, 2011.
R2. Marc Silver, “Exploring Interface Design”, Delmar Cengage Learning, 2013.
Web References:
1. NPTEL Course: https://onlinecourses.nptel.ac.in/noc21_ar05/preview
2. User interface design for the mobile web
URL:https://www.ibm.com/developerworks/library/wa-interface/
3. Designing web applications URL:http://nathanbarry.com/webapps/
4. Ten Great Sites for UI Design Patterns
URL:https://www.interaction-design.org/literature/article/10-great-sites-for-ui-
design-patterns.