Scribd
Upload
2K views2 pages

UI UX Syllabus

This document outlines a UI/UX course covering the design process, visual design, user experiences, and strategies for web design. The course aims to help students summarize stages of UI/UX development, experiment with visual design, create compelling screen experiences, and develop effective user interfaces. It will cover foundational elements of design, user experience design, web design strategies, information architecture, wireframes, prototypes, and include laboratory experiments with non-visual prototyping, sitemaps, and design principles. Required textbooks and references are also listed.

Uploaded by

NIVAASHINI MATHAPPAN
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2K views2 pages

UI UX Syllabus

This document outlines a UI/UX course covering the design process, visual design, user experiences, and strategies for web design. The course aims to help students summarize stages of UI/UX development, experiment with visual design, create compelling screen experiences, and develop effective user interfaces. It will cover foundational elements of design, user experience design, web design strategies, information architecture, wireframes, prototypes, and include laboratory experiments with non-visual prototyping, sitemaps, and design principles. Required textbooks and references are also listed.

Uploaded by

NIVAASHINI MATHAPPAN
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

20CS2E45 UI/UX 2023

COURSE OUTCOMES
On successful completion of the course, the students will be able to
CO1: Summarize all stages of the UI/UX development process PO1, PO2, PO3, PO5
CO2: Experiment with various visual design aspects PO1, PO2, PO3, PO5
CO3: Theme the visual look and feel of the user experiences PO1, PO2, PO3, PO5
CO4: Create effective and compelling screen based experiences PO1, PO2, PO3, PO5, P10
FOUNDATIONAL ELEMENTS OF UI/UX: 6
User Interface - The Relationship Between UI and UX - Roles in UI/UX - A Brief Historical Overview of Interface.
Formal Elements of Interface Design - Design Before Design - Look and Feel - Language as a design tool - Active
Elements of Interface Design - Static to Active - Functionality - Speed and Style - Composition and Structure -
Composing the Elements of Interface Design
USER EXPERIENCE DESIGN FOUNDATIONS: 7
Ideation, Articulation, Development - Planning, Testing, Researching, Mapping - Mapping Content -Mapping
Interaction -Non-Visual Paper Prototyping - Non-Visual User Testing -Look and Feel/Visual Research. What Goes
Where: Getting real: Wireframes and Interfaces - Nielsen's Usability Heuristics - Consistency and Details -
Wireframe Map - Visual Direction - Developing UI - Refining UI.
WEB DESIGN: STRATEGIES AND INFORMATION ARCHITECTURE: 9
The User Experience Process - User-centric design - The UX Phases - Waterfall vs. Agile - Web vs. App.
Determining Strategy: User Research - Inspiration - Analytics - User Needs and Client Needs - Target Audience -
What is in and What is Out: Outlining Scope - Content and Functionality. The Sitemap: Introduction to Sitemaps -
Information Architecture - Sitemap Concerns - annotated process - Elements - Treejack Introduction - Treejack
Analysis
WEB DESIGNS: WIRE FRAMES TO PROTOTYPES: 8
Introduction to Wireframes - Responsive Design: Introduction and Primary navigation - Secondary and utility
navigation - Related content, inline links, indexes, and search - Wayfinding - Common Form Elements - Homepage
Content Strategies - Examples of Homepage Content Strategies - Wireframing Tools. The Mockup Phase: Visual
Mockups - Design Principles - Using whitespace to style a form - Web Fonts - Web Typography: Creating Visual
Mockups. Putting it all Together: Clickable Prototypes - Invision - Exporting Assets - Importing Assets and Creating
Hotspots - Hotspot Templates
Total (30L + 15P): 45
LABORATORY EXPERIMENTS
1. Analyze an existing app and defining your app's functions step-by-step
2. Experiments with Non-Visual Prototyping & User Testing
3. Create a generic prototype of any application both in Web vs. App
4. Test your sitemap using Treejack

CURRICULUM AND SYLLABUS 513


5. Exploring Navigation Systems, Common Design Patterns, Design Principles/Whitespace, Web Typography
TEXT BOOKS
1. Buxton, B., Sketching User Experiences: Getting the Design Right and the Right Design. Morgan Kaufmann, (2007).

2. Jesse James Garrett, The Elements of User Experience: User-centered Design for the Web, New Riders; 2nd
edition2010.
REFERENCES
1. Russ Unger, Carolyn Chandler, A Project Guide to UX Design: For User Experience Designers in the Field Or
in the Making, New Riders; 2nd edition, 2012.

2. Don Norman, The Design of Everyday Things, Basic Books; 2nd edition, 2013.
3. Everett N. McKay, UI is Communication: How to Design Intuitive, User Centered Interfaces by Focusing on
Effective Communication, Morgan Kaufmann; Illustrated edition, 2013.
4. Dr. Erich Gamma, Ralph Johnson, Richard Helm and John Vlissides, Design Patterns: Elements of Reusable
Object - Oriented Software, Pearson, 2008.
WEB REFERENCES
1. https://www.coursera.org/specializations/ui-ux-design
2. https://learnux.io/
3. https://www.sketch.com/

514 B.E. COMPUTER SCIENCE AND ENGINEERING

You might also like