SCHOOL OF COMPUTING SCIENCE AND ENGINEERING

Annexure-II

Name of The Course UI&UX

Program & Semester

BTCS9605
Course Code

T P C

2 0 2 3

Course Objectives:
● The aim of the UI/UX course is to provide students with the knowledge of user-
centered design, user -centered methods in design, graphic design on screens,
simulation and prototyping techniques,
● Design of a graphical user interface to organize information about users into
useful summaries with affinity diagrams.
● The students will be given exposure to wireframing and Prototyping software in
the various UI/UX Design tools.
Course Learning Outcomes: Students will be able to understand iterative user-
centered design of graphical user interfaces , Apply the user Interfaces to different
devices and requirements, Create high quality professional documents and artifacts
related to the design process.
Course Outcomes

Understanding about User Experience, Relationship between UI&UX, Experience, Concept of UX,
CO 1 Elements used in User Experience design and how it work together.

CO2 Understanding various Designs like Visual design ,Navigation design and its principles .

Study about Design Testing Methods and Techniques and discussing about UI&UX Design Tools
 CO3
CO4 Study about Windows and its components, Styles,Screen Based Controls, Selection
Control,Custom Control .

Study various Prototypes and kinds of Tests,Retest, Software Tools related to Multimedia.
CO5
Understanding about User Experience, Experience, Concept of UX, Elements used in
CO6 User Experience design and how it work together.

TEXT BOOK

1.Jef Raskin, "The Human Interface :New Directions for Designing Interactive Systems,
Person Education, 2006.

REFERENCES:
1. Si‐Jung Kim, Do‐Eun Cho., Technology Trends for UX/UI of Smart Contents. The Korea
Contents Association Review, 14(2016), 29‐33.
2. Lee, Hyun Jhin., The Concept of Learning UX Design and its Design Methodology, KSDS
Conference Proceeding , 5(2013), 68-69.
3.Koo, Yoo Ri., An Investigation into User Experience (UX) Design Approach in
Consideration of the Tenets of Design for Sustainability, Journal Of The Korean Society
Design Culture, 21(2015), 33-47
4.Doo, Kyungil., The Study on the Value-Engineering UX/UI Design Evaluation Model
Based on the User’s Attitude, Journal of Korea Design Knowledge, 21(2012), 1-10.
5.Lee, Hyang Eun., A Study on the concept and types of UX design in the smart product field,
Journal of Korea Design Knowledge, 30(2014), 289-299.

Course Content

UNIT I: INTRODUCTION TO UI 8 hrs

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, UI Design
Process, Visual Communication design component in Interface Design

UNIT II: INTRODUCTION TO UX 8hrs

UX Basics- Foundation of UX design, Good and poor design, Understanding Your Users, Designing the
Experience Elements of user Experience, Visual Design Principles, Functional Layout, Interaction design,
Introduction to the Interface, Navigation Design, User Testing, Developing and Releasing Your Design.

UNIT III: UI/ UX DESIGN TOOLS 8hrs

 Design Testing Methods and Techniques, Usability Testing, Understanding the Usability Test Findings,
User Study- Interviews, writing personas: user and device personas, User Context, Building Low Fidelity
Wireframe and High-Fidelity Polished Wireframe Using wireframing Tools, Creating the working
Prototype using Prototyping tools, Sharing and Exporting Design

UNIT IV: WINDOWS 7hrs

Characteristics,Components, Presentation Styles, Types ,Managements Organizations Operations, Web

Systems, Device Based Controls ,Characteristics,Screen Based Controls ,Operate Control , Text Boxes,
Selection Control, Combination Control, Custom Control, Presentation Control.

UNIT V: MULTIMEDIA 7 hrs

Prototypes ,Kinds of Tests ,Retest , Information Search ,Visualization ,Hypermedia ,WWW– Software
Tools.Hands-on introduction to the design and construction of user interfaces

Unit-VI Research 4hrs

Discussion of some latest papers published in IEEE transactions and ACM transactions, Web of Science and
SCOPUS indexed journals as well as high impact factor conferences as well as symposiums.

Continuous Assessment Pattern

Internal Assessment (IA) Mid Term Test End Term Test Total Marks
(MTE) (ETE)
20 30 50 100
 UI&UX DESIGN LAB
BTCS9605

LIST OF EXPERIMENTS

1. Collate any period of human evolution, aggregate content pertaining to the

selected period to Design a timeline that period to be presented it as well designed
“Information Graphic” chart.

2. Identify a design need/gap/problem/issue and apply UCD process with details of

tasks and activities to be performed in each stage.

3. Improve user experience in any existing mobile application by conducting

evaluation using various methods and techniques.

4. Identify areas to improve end user experience. Propose design enhancements for
important tasks/activities as static screen designs.

5. Identify a social need/gap/opportunity for an digital application. Demonstrate

creation of solution by following UCD process.

6. Test the effectiveness of the designed solutions using appropriate tools and
techniques with the target audience.

7. Identify one Indian Government website/portal and check effectiveness by

conducting a Usability Evaluation of Interaction Design Principles (Visibility,
Feedback, Constraint, Mapping Consistency, and Affordance). Propose interaction
design enhancements as interactive screens for tasks/functions.

8. Identify a need/gap for a digital application for a social need and design high
fidelity prototype for most critical task flow incorporating Icon, Navigation and
Interaction Design elements based on user experience guidelines.

9. Select a suitable a product (Tangible /Digital Product) to explain the application of

Principles and Types of Interactions incorporated. Analyse and Present
findings/observations with recommendations to improve end user experience.

10.Game Design Documents and Technical Design Document . Level , Sound, UI

Design.