Course Objectives:
The course will enable the students to
1. Learn basic concepts of User Interface design
2. Design, implement and evaluate effective and usable graphical computer interfaces.
Course | Learning Outcome (at course level) | Learning and teaching strategies | Assessment Strategies | |
Course Code | Course Title | |||
25GBCA203A |
User Interface Design (Theory) | CO103. Identify the basic principles of UI design and UI guidelines in different case studies. CO104. Examine the role of users in designing UI. CO105. Determine basic business functions and design standards for UI. CO106. Apply screen design goals to organize various screen elements. CO107. Design customized navigation scheme, screen components. CO108. Contribute effectively in course- specific interaction. | Approach in teaching: Interactive Lectures, Discussion, Reading assignments, Visual Assignment.
Learning activities for the students: Self-learning assignments, Seminar presentation. | Class test, Semester end examinations, Quiz,Assignments, Presentation, Peer Review. |
Introduction and importance of User Interface
Introduction and importance of user Interface and user experience design – definition, importance of good design. Benefits of good design. Difference between UI and UXInteraction Styles: Command Line, Menu Selection, Form Fill-in, Direct Manipulation and Anthropomorphic. Graphical user interface, the concept of direct manipulation, Characteristics, Web user – Interface, characteristics, Principles of user interface.Introduction to various UI tools: figma, behance and sketch.
User Interface Design Process
Obstacles and Pitfalls in the Development Path, Usability in design, steps in design process, step1-Known your client, Human interaction with computers, importance of human characteristics, human consideration.
Understanding business functions
Perform a business definition and requirements analysis, determine basic business functions, develop a conceptual model of the system, establish design standards or style guides and establish system usability design goals.
Screen Design and Goals
Human Consideration in Interface and Screen Designing, Interface Design goals, Screen planning and purpose, organizing screen elements, ordering of screen data and content, screen navigation and flow, visually pleasing composition, amount of information, focus and emphasis, presenting information simply and meaningfully, information retrieval on web, statistical graphics.
Navigation Schemes
Menu and Navigation schemes selection of window, selection of devices based and screen based controls. Components – text and messages, Icons, Multimedia, colors, choosing colors.Interaction Tools: Interaction Devices, Keyboard and function keys, pointing devices, speechrecognition digitization and generation, image and video displays, drivers.
ESSENTIAL READINGS:
1. Wilbert O Galitz, “The Essential Guide To User Interface Design”, 2nd Edition John Wiley & Sons Inc.(latest Edition)
2. Jeff Johnson, “Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines”, Morgan Kaufmann; 3rd edition, 2020.
SUGGESTED READINGS:
1. Alan Dix, Janet E. Finlay, Gregory D. Abowd, and Russell Beale, “Human- Computer Interaction”, 3rd Edition, Pearson Education Limited, 2003.
2. J. Preece, Y. Rogers, H. Sharp, and D. Benyon, “Human-Computer Interaction: Concepts and Design (ICS)”, Wiley DreamTech, 1994.
3. Andrew Sears and Julie A. Jacko, “The Human-Computer Interaction Handbook: Fundamentals, Evolving Technologies and Emerging Applications”, 2nd Edition, Lawrence Erlbaum Associates, 2007.
4. Soren Lauesen, “User Interface Design: A Software Engineering Perspective”, Pearson Education, 2004.
e -RESOURCES:
1. https://www.mygreatlearning.com/ui-design/free-courses https://www.classcentral.com/course/ui-design-6890
JOURNALS: