Uka Tarsadia University

Diploma
Semester V

UI AND UX DESIGN
(CE2008)

EFFECTIVE FROM July-2021

Syllabus version: 1.00
 Teaching Scheme
Subject Code Subject Title Hours Credits
Theory Practical Theory Practical
CE2008 UI and UX Design 3 2 3 1

Theory Examination Practical Examination

Subject Subject Marks Marks Total
Code Title Marks
Internal External Internal External
UI and UX
CE2008 40 60 20 30 150
Design

Objectives of the course:

 To develop an appreciation for concepts and sensibilities of user experience
design
 Develop skills in the use and application of specific methods in user experience
design

Course Outcomes:
Upon completion of the course, the student will be able to:
CO1: Discuss the preliminary understanding about User Experience.
CO2: Explain UX process and identify the real-world problems regarding product
using UX research.
CO3: Represent the concept of UX design and develop conceptual designs based on the
needs of users.
CO4: Prepare the prototype for design.
CO5: Perform testing of UX design.
CO6: Discuss about design to the development phase.

Sr.
Topics Hours
No.
Unit – I
1 User Experience and Why It Matters: 6
Introducing User Experience and User Interface Design, From Product
Design to User Experience Design, designing (for) Experience: Use
Matters, User Experience and the Web, Good User Experience Is Good
Business, Minding Your Users.
Unit – II
2 Elements of UX Design: 7
Core elements of User Experience, UX design process and methodology,
User Research, Cognitive Model/Mental model, Identify business goals,
and user needs.
Unit – III
3 Process of UX Design: 10
Visual Design principles, Information design and data visualization,
Interaction design, Information architecture.

UX Design Techniques: Design Techniques Such as Scenarios, Personas,

 Storyboards, Wire-Framing, Screen Design and Layouts.

Types of UI, Standard of UI design, UI elements and widgets

Unit – IV
4 Prototyping: 7
Paper Prototyping, Digital Prototyping, Wireframe vs. Realistic
Prototypes, HTML vs. WYSIWYG Editors, working with a Developer,
Prototype Examples, What Happens After Prototyping? Prototyping
Tools with Low-Fidelity and High-Fidelity, other prototyping tools,
Model-View-Controller, Iterative design and prototyping.
Unit – V
5 Design Testing with Users: 9
Exploring Visual Design Mock-Ups, Choosing a Design Testing Approach
Qualitative Research vs. Quantitative Research, In-Person Research vs.
Remote Research, Remote Research Considerations, Moderated
Techniques vs. Automated Techniques, Design The test case, Usability
Testing, Planning the Research, Recruiting and Logistics, Writing
Discussion Guides, Facilitating, Analyzing and Presenting Results.
Unit – VI
6 From design to development: 6
Visual design, Development, Quality assurance, Alpha testing, Launching
you project, Support, Post launch activities, Analytics, Post mortem.

Sr. UI and UX design (Practical) Hours

No.
1 Introduction to various wire framing and mockup tools. 4
2 Create simple wireframe for Login Page. 4
3 Create wireframes that illustrate online shopping portal. 2
4 Introduction to Adobe XD. 2
5 Create simple web application flow containing user registration, login 4
and data entry.
6 Introduction to Photoshop for UI designing. 2
7 Create a PSD template for single page web application. 6
8 Create a simple web page from available mockups. 6

Text book:
1. The Elements of User Experience: User-Centered Design for the Web by Jesse
James
2. A Project Guide to UX Design: For user experience designers in the field or in the
Making 2nd Edition Russ Unger and Carolyn Chandler

Reference books:
1. Joel Marsh – “UX for Beginners”
2. Everett N McKay – “UI is Communication: How to Design Intuitive, User Centered
Interfaces by Focusing on Effective Communication"
3. Buxton, B. – “Sketching User Experiences”, San Francisco: Morgan Kaufmann.
4. Greenberg, S., Carpendale, S., Marquart, N., and Buxton, B – “Sketching User
 Experiences: The Workbook”, San Francisco: Morgan
5. Zwick and Schmitz - “Designing for Small Screens: Mobile Phones, Smart Phones,
PDAs, Pocket PCs, Navigation Systems, MP3 Players, Game Consoles”, Studio 7.5,
ISBN-10 # 2940373078

Course objectives and Course outcomes mapping:

 To develop an appreciation for concepts and sensibilities of user experience
design:CO1,CO2,CO3,CO4,CO5,CO6.
 Develop skills in the use and application of specific methods in user experience
design:CO3,CO4,CO5,CO6.

Course units and Course outcome mapping:

Unit No. Course Outcomes

Unit Name
CO1 CO2 CO3 CO4 CO5 CO6
1 User Experience and Why It Matters √
2 Elements of UX Design √
3 Process of UX Design √
4 Prototyping √
5 Design Testing with Users √
6 From design to development √

Programme Outcomes:

PO 1: Basic and Discipline specific knowledge: Apply knowledge of basic mathematics,

science and engineering fundamentals and engineering specialization to solve the
engineering problems.
PO 2: Problem analysis: Identify and analyze well-defined engineering problems using
codified standard methods.
PO 3: Design/ development of solutions: Design solutions for well-defined technical
problems and assist with the design of systems components or processes to meet
specified needs.
PO 4: Engineering Tools, Experimentation and Testing: Apply modern engineering
tools and appropriate technique to conduct standard tests and measurements.
PO 5: Engineering practices for society, sustainability and environment: Apply
appropriate technology in context of society, sustainability, environment and ethical
practices.
PO 6: Project Management: Use engineering management principles individually, as a
team member or a leader to manage projects and effectively communicate about well-
defined engineering activities.
PO 7: Life-long learning: Ability to analyze individual needs and engage in updating in
the context of technological changes.
Programme Outcomes and Course Outcomes mapping:

Programme Outcomes Course Outcomes

CO1 CO2 CO3 CO4 CO5 CO6
PO1 √
PO2 √ √
PO3 √ √
PO4 √ √ √ √
PO5
PO6 √ √ √ √ √
PO7 √ √ √ √ √