User Interface Design

Paper Code: 
25GBCA203A
Credits: 
03
Periods/week: 
03
Max. Marks: 
100.00
Objective: 

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 Outcomes: 

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.

 

9.00
Unit I: 

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.

 

9.00
Unit II: 

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.

 

9.00
Unit III: 

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.

 

9.00
Unit IV: 

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.

 

 

9.00
Unit V: 

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: 

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.

 

REFERENCES: 

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:

1.   https://digitalcommons.unomaha.edu/jrf/

Academic Year: