Department Events
Fundamental of UI Design
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 | Learning outcome (at course level) | Learning and teaching strategies | Assessment Strategies | |
Course Code | Course title | |||
25BMA 417 |
Fundamental of UI Design (Practical) | The students will: CO168. Analyse user-friendly designs CO169. Apply design principles, guidelines, and best practices to create visually appealing interfaces, easy to navigate, and accessible to users with disabilities. CO170. Develop team-uilding, intellectualcritical thinking, visual communication, and lifelong learning skills. CO171. Design a low-fidelity and high-fidelity UIwith high professionalstandards based on user feedback. CO172. Evaluate theeffectiveness of interface designs and make iterative improvements based on user feedback and usability testing results. CO173. 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 |
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.
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.
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.
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.
Converting wireframes into high-fidelity visual design, design for devices: understanding web & mobile, prototypes on adobe XD and Figma. Preliminary user testing.
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.
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/
