UI Designing Lab

Paper Code: 
24GBCA203B
Credits: 
03
Periods/week: 
06
Max. Marks: 
100.00
Objective: 

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

24GBCA

203B

UI Designing Lab (Practical)

 

 

 

CO109. Identify the basic principles of UI design and UI guidelines in different case studies like web applications, mobile applications and desktop applications.

CO110. Identify users and their role in designing UI.

CO111.Determine basic business functions     and design standards for UI.

CO112. Identify screen design goals and organize screen elements

CO113. Design     customized navigation scheme,    screen components    and identify suitable device.

CO114.Contribute effectively in course-  specific interaction.

Approach in teaching: Interactive Lectures, Discussion, Tutorials, Reading assignments, Demonstration, Learning activities

For the students, guided personal work/study.

 

Learning activities for the students assignments, Effective questions, Simulation, Seminar presentation, Visual Assignment.

 

Class test, Semester end examinations, Quiz, Assignments, Presentation, Peer Review.

 

 

Unit I: 

The course will cover following contents:

  • Identify business problem and study customer/user behavior 
  • Design Story board for a particular use case
  • Design a blue print (low fidelity design)
    • Selection of application (desktop, website and mobile)
    • Design a menu structure and navigation flow 
  • Design wireframe using hand drawings
  • Design prototype on a tool by selecting a particular frame
    • Customizing template
    •  Typography, color and shapes
    • Images and icons
    • grouping objects
    • widgets and plugins
  • Design wireframes and customizing the prototype using animation
  • Showcase the project 

 

ESSENTIAL READINGS: 
  1. Everett N. McKay., “UI is Communication: How to Design Intuitive, User Centered Interfaces by Focusing on Effective Communication”, Morgan Kaufmann; 1st edition, 2013.
  2. Michael K. Hughes, “Grid Systems in Graphic Design”, Tab Electronics, 2012.
  3. Robert Bringhurst,” The Elements of Typographic Style”, Hartley and Marks Publishers; Fourth edition, 2013.

 

REFERENCES: 

SUGGESTED READINGS:   

  1. Jeff Johnson, “Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines”, Morgan Kaufmann; 3rd edition, 2020.

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: 
2024-25
  • Printer-friendly version