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

Home > FUNDAMENTAL OF UI DESIGN

FUNDAMENTAL OF UI DESIGN [1]

Paper Code: 
BMA 417
Credits: 
2
Periods/week: 
3
Max. Marks: 
100.00
Objective: 

Objectives:  This course will enable the students to:

  1. Learn key principles, concepts, and techniques involved in designing effective user interfaces for digital products and services.
  2. Create visually appealing, easy-to-use, and engaging interfaces for users.

 

Course Outcomes (COs):

Course Outcomes

(at course level)

Learning and teaching strategies

Assessment Strategies

The students will:

CO140.Analyse user-friendly designs

CO141.Apply design principles, guidelines, and best practices to create visually appealing interfaces, easy to navigate, and accessible to users with disabilities.

CO142.Develop team-building, intellectual critical thinking, visual communication, and lifelong learning skills.

CO143.Design a low-fidelity and high-fidelity UI with high professional standards based on user feedback.

CO144.Evaluate the effectiveness of interface designs and make iterative improvements based on user feedback and usability testing results.

Approach in teaching:

  • Assign practical projects.
  • Visual demonstrations and examples illustrate different illustration techniques, styles, and processes.
  • Incorporate regular critique sessions
  • Incorporate the use of digital tools and software
  • Professional practices
  • Provide individualized guidance and support
  • Interactive lectures
  • Discussions
  • Group activities.

 

Learning activities for the students:

Hands-on projects, effective questions, seminar presentations, multimedia presentations, field trips or guest speakers.

 

Assessment strategies

Class test, semester end examinations, quiz, solving problems in tutorials, assignments, presentation, individual and group projects

 

 

 

 

9.00

What is user interface design (UI) -the relationship between UI and UX, roles in UI/UX, a brief historical overview of interface design, interface conventions, approaches to screen-based UI, template vs content, formal elements of interface design, active elements of interface design, composing the elements of interface design.

 

9.00

Visual communication design component in interface design, fundamentals of visual design, elements of design, gestalt theory, organizational principles of composition, type anatomy & typesetting, communication through colour, and UI design process.

 

9.00

Brand experience design, brand strategy: business goal, purpose, values, audience, persona and positioning, elements of visual identity: typography, colour, iconography, patterns, elements, components, pages, and assets.

 

9.00

Visual design and UI, colour & typography for UI, interactions, and micro-interactions, understanding various sections of a screen (web, IOS, and Android), and wireframe low-fidelity design making.

 

9.00

Converting wireframes into high-fidelity visual design, design for devices: understanding web & mobile, prototypes on adobe XD and Figma. Preliminary user testing.

 

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

 

REFERENCES: 

SUGGESTED REFERENCE BOOKS: 

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

E-RESOURCES:

·         https://www.mygreatlearning.com/ui-design/free-courses [2]

·         https://www.classcentral.com/course/ui-design-6890 [3]

 

REFERENCE JOURNALS:

Academic Year: 
2023-24 [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://csit.iisuniv.ac.in/courses/subjects/fundamental-ui-design

Links:
[1] https://csit.iisuniv.ac.in/courses/subjects/fundamental-ui-design
[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://csit.iisuniv.ac.in/academic-year/2023-24