Published on Computer Science & IT (https://www.csit.iisuniv.ac.in)

Home > UI Designing Lab

UI Designing Lab [1]

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

Course Outcomes (COs):

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

25GBCA203B

UI Designing Lab (Practical)

CO109.Identify the  basic principles of UI design and UI guidelines in differentcase 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 thestudents, guided personal work/study.

 

Learning activities for the students assignments, Effectivequestions, 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: 

SUGGESTED 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- [2]design/free-courses [2]                                           https://www.classcentral.com/course/ui- [3]design-6890 [3]

JOURNALS:

1.   https://digitalcommons.unomaha.edu/jrf/ [4]

 

Academic Year: 
2025-26 [5]

Follow Computer Science & IT on:

IIS (Deemed to be University)

Gurukul Marg, SFS, Mansarovar, Jaipur 302020, (Raj.) India Phone:- +91-141-2400160-61, 2397906-07, Fax: 2395494, 2781158

Source URL: https://www.csit.iisuniv.ac.in/courses/subjects/ui-designing-lab-0

Links:
[1] https://www.csit.iisuniv.ac.in/courses/subjects/ui-designing-lab-0
[2] https://www.mygreatlearning.com/ui-design/free-courses
[3] https://www.classcentral.com/course/ui-design-6890
[4] https://digitalcommons.unomaha.edu/jrf/
[5] https://www.csit.iisuniv.ac.in/academic-year/2025-26