Page 31 - REC :: M.E. CSE Curriculum and Syllabus - R2019

CP19P11 USER INTERFACE DESIGN Category L T P C
PE 3 0 0 3

Objectives:
⚫ Learn the foundations of Human Computer Interaction
⚫ Be familiar with the design technologies for individuals and persons with disabilities
⚫ Be aware of mobile Human Computer interaction.

UNIT-I COMMUNICATION DESIGN PRINCIPLES 9
Introduction-core principles-effective communication-Intuitive UI-Strategically Un Intuitive UI-Levels of
Intuitiveness-Strategically deductive UI-A model for users.
UNIT-II INTERACTION DESIGN 9
Interactive Design basics – process – scenarios – navigation – screen design –Iteration and prototyping. HCI in
software process – software life cycle –usability engineering – Prototyping in practice – design rationale. Design
rules– principles, standards, guidelines, rules. Evaluation Techniques – Universal Design.
UNIT-III VISUAL DESIGN 9
Introduction - The importance of effective visual design - Working with graphic designers - Layout - Designing for
scanning - Typography and text - Color - Affordances - Icons and glyphs - Animations and transitions - Demanding
attention.
UNIT-IV WEB INTERFACES 9
Designing Web Interfaces – Drag & Drop, Direct Selection, Contextual Tools, Overlays, Inlays and Virtual Pages,
Process Flow. Case Studies.
UNIT-V MOBILE INTERFACE DESIGN 9
Mobile Ecosystem: Platforms, Application frameworks- Types of Mobile Applications: Widgets, Applications,
Games- Mobile Information Architecture, Mobile 2.0, Mobile Design: Elements of Mobile Design, Tools.
Total Contact Hours : 45

Course Outcomes:
Upon completion of the course, students will be able to
⚫ Understand the structure and models of design principles
⚫ Design an interaction based navigation system
⚫ Design visual graphics with various animation and transition
⚫ Design an interactive web interface on the basis of models studied.
⚫ UI design examples for Mobile development

Text Book (s):
Everett N. McKay, “UI is Communication - How to design intuitive, user-centered interfaces by focusing on
1
effective communication”, Morgan Kaufmann (ELSEVIER),2013.
Jeff Johnson, “Designing with the Mind in Mind. Simple Guide to Understanding User Interface Design
2
Guidelines” ,Morgan Kaufmann,2014.
3 Brian Fling, “Mobile Design and Development”, First Edition , OReilly Media Inc., 2009
4 Bill Scott and Theresa Neil, “Designing Web Interfaces”, First Edition, OReilly, 2009