Fundamental of UI Design

Paper Code: 
24BMA417
Credits: 
02
Periods/week: 
03
Max. Marks: 
100.00
Objective: 
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: 

Course

 

Learning outcome

(at course level)

Learning and teaching strategies

Assessment Strategies

Course Code

Course

  title

24BMA 417

Fundamental of UI Design

(Practical)

 

The students will:

  1. Analyse user-friendly designs
  2. Apply design principles, guidelines, and best practices to create visually appealing interfaces, easy to navigate, and accessible to users with disabilities.
  3. Develop team-building, intellectual critical thinking, visual communication, and lifelong learning skills.
  4. Design a low-fidelity and high-fidelity UI with high professional standards based on user feedback.
  5. Evaluate the effectiveness of interface designs and make iterative improvements based on user feedback and usability testing results.
  6. Contribute effectively in course-  specific interaction  

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: 
SUGGESTED TEXT BOOKS:
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 REFERENCE BOOKS:
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
2.https://www.classcentral.com/course/ui-design-6890
 
REFERENCE JOURNALS:
1.https://digitalcommons.unomaha.edu/jrf/
Academic Year: 
2024-25
  • Printer-friendly version