MOOCS

IT REPORT
ON
Principles of UX/UI Design
From
Coursera

Submitted in partial fulfilment for the award of Degree of Master of

Computer Application of Graphic Era Hill University, Dehradun

Submitted by: Bhuvan Sain

Enrollment number: PV-23010117
Course: MCA Section A
Class Roll/no: 19
University Roll/no: 2301117

DEPARTMENT OF SCHOOL OF COMPUTING

GRAPHIC ERA HILL UNIVERISTY, DEHRADUN
 Certificate

This is to certify that Bhuvan Sain of MCA Final Year has submitted MOOCS
report entitled Principles of UX/UI Design in partial fulfilment for the award
of degree of Master of Computer Application from Graphic Era Hill
Univeristy in the session 2023-25. This is to further certify that it is a
Bonafede record of the work carried out under my supervision .

Date: 30/05/25
 ABSTRACT

This report is aimed at explaining key areas of my training under the Training
Program undertaken at “Coursera“. An extensive and comprehensive project was
carried out on UX and UI Design and the means by which they may be used and
applied, specifically in human computer interaction and software development;
solving real life problems making the experience better for the user. The training was
very comprehensive and it was designed to meet real life practices that are used in
developing theoretical ideas into products used by all of us. So much experience was
received because it is relevant to what was taught in online classrooms and very
important for my future in the field of Human Computer Interaction.
 1.

ACKNOWLEDGEMENT

I feel profound happiness in forwarding this Industrial training report as an image

of sincere efforts. It is almost inevitable to ensure indebtedness to all who
generously helped by sharing their valuable experience and devoting their
precious time with us, without whom
this report would have never been accomplished.
First & foremost, I extend my thanks & gratitude to my guide”
Mr. ………………………………... “Whose guidance, teaching, and invaluable
suggestions provided me a deep insight in my chosen field of technology,
enhanced my knowledge and supported in widening my outlook towards the
trends in technology. I am also very thankful to all the faculties of the department
for their kind support throughout the topic search.

Bhuvan Sain
 2.

PREFACE

UX and UI DESIGN is involved in almost each and every facet of life whether its
mobile phone, television, air conditioner or video game. On the other hand, the word
User Research and User Experience is used to collectively define a field that covers the
gamut of various human characteristics and choices. A simple yet feature packed User
Interface which focuses on mobility, programmability, sensibility, flexibility, effective
capability, involves the knowledge with creativity of a trained user experience designer.
At Coursera under this training the focus was to facilitate practical application of skill
learnt in and out of the classroom, while producing an environment conducive to growth
of personal, educational, vocational, resourceful and creative skills of students and
professionals. By facilitating and empowering students to conduct research and
development of new design ideas that can change the future of human computer
interaction.
 4.

TABLE OF CONTENTS

Chapter 1 INTRODUCTION

Chapter 2 UX/UI Design Process?

Chapter 3 Design Process and their Applications

Chapter 4 PROJECT

Chapter 5 CONCLUSION

5.

INTRODUCTION
The term ‘UX and UI Design’ is quite complex. User Interface Design is a special
purpose technique that is used to make sure the intent and purpose of the user to use the
product is fulfilled and at the same time it is enjoyed by the user by making it simple
yet effective by implementing design ideas. It is basically a combination of design and
software integration to create the best experience. These techniques can help users take
critical decisions in an efficient way.
Built into the devices, the process is invisible to our eyes but we all have the experience
of the end of using any app or computer machine and that all depends on the design of
the product. The small steps taken while designing can make a larger system more
functional and efficient.
UX Design relates to the overall user interaction and experience with an application or
a website. It is well known that great user experience results in great client interaction
and great product usage.

Typically, the UX Design process include:

1.Research
2.Usability
3.Utility
4.Accessibilty
5.Design/Aesthetics
6.Performance
7.Human Interaction and Marketing
On the other hand, User Interface (UI) is more about visual design and information
design around screens.
Though a lot of process go into this graphical element, UI as the name implies, about
the things the user will actually see and interact. It delivers tangible results and focuses
on how an app or product surface look and functions.

6.
It focuses on:

1. Anticipating what users might need to do and

2. Ensuring that the interface has elements that are easy to access, understand,
and use to facilitate those actions.

UI brings together concepts from:

1.Interaction Design

2.Visual Design and

3. Information Architecture
 7.

Different Design Process and their Applications

1.Interaction Design:

Interaction Design is an important component within the giant umbrella of

user experience (UX) Design.

-Interaction design focuses on creating engaging interfaces with well thought

out behaviours.

- Understanding how users and technology communicate, with each other is

fundamental to this field,

- With this understanding, you can anticipate how someone might interact with
the system, fix problems early, as well as invent new ways of doing things,

Best Practices for Designing Interactions:

Consider these qualities and associated questions when creating digital

products that have an interactive element:
•Define the way Users Can Interact with the Interface
• Give Users Clues about Behaviour before Actions are Taken
• Anticipate and Mitigate Errors
• Consider System Feedback and Response Time
• Strategically Think about Each Elements
• Simplify for Learnability

8.

2. Visual Design:

Visual design focuses on the aesthetics of a product and its related materials by
strategically implementing images, colours, fonts, and other elements. A successful
visual design does not take away from the content on the page or function. Instead,
it enhances it by engaging users and helping to build trust and interest in the brand.

A successful visual design applies the following

principles to elements noted above and effectively
brings them together in a way that makes sense.
When trying to figure out how to use the basic
elements consider balance, contrast, Unity,
Hierarchy, Scale, Dominance and Similarity.
3.Interaction Architecture:

Information architecture (IA) focuses on

organising, structuring and labelling content in an
effective and sustainable way. The goal is to help
users find information and complete tasks. To do
this we need to understand how the pieces fill
together to create the larger picture. The purpose
of an IA is to help users where they are what they
have found and what to expect.

9.

My Project

As part of my project to design a finance app with Interactive design and

modern-day solutions to monitor expenses, savings, investments, etc. I
designed, a mobile App that I have been working on during 6 weeks,
using Figma and Adobe XD, a low fidelity prototype using Figma, also
a presentation of 10minutes duration.
Initial steps

I was assigned to design “finance app” as a main project and after reviewing
all different problems and requirements of users through interviews and
research. I came to conclusion that there are three basic problems people face
while signing up for any financial application.

1. Complicated terms

2.Too many options with cluttered environment

3.Sense of security breach while making payments.

To overcome these issues, I wanted to design the app in a way that firstly
there’s a simple tutorial and information about the terminology so that the
user can be familiar with the terms.

Secondly, the important things will be on the home screen so that there is
less visual clutter and user feels it easy to use and navigate.

These problems and data were based and backed by basic individual
research.
Research
Before going to start the user interviews I requested to do a survey to
understand what they feel about already existing solutions to the financial
needs of the users.

After doing it I decided to create a Google form with 7 questions and post it
on social network and share it with some potential users.

While the survey was online and receiving answers, I started to formulate the
design ideas accordingly and implement them.

Survey results (38 answers) & Interviews:

• 69.5% of the respondents are between 21–38 years old.

• 92.8% wanted an improvement in existing solutions.

• 76.8% cares about savings and understand the importance.

• 74.8% want to make investments and educate themselves.

• 40.6% wanted to track their shopping and expenditure.

• 81.2% consider they want to improve their financial management.

Features

I had mark on my mind while deciding which features needed to be in the

financial app design.

• Notification menu with a daily quick knowledge byte about

financial terms and some tips.

• Analysis menu to track user’s spending, investments and savings.

• Fingerprint and Facial Recognition for ease of use and better

security on the landing page.

• Analysis menu to track your sleeping hours, what days you sleep
more or less, REM sleep and more.

• Creating Health Widget based on the overall score of different

sections like cash flow, Loan, Insurance, Investment and savings to
encourage management.
🔹 What is UX Design?

• UX (User Experience) design focuses on how users interact with a product.

• Goal: Improve user satisfaction by enhancing usability, accessibility, and
interaction.
• Encompasses user research, personas, user flows, wireframes, and testing.

🔹 What is UI Design?

• UI (User Interface) design deals with the visual layout and aesthetics of the
product.
• Involves color schemes, typography, buttons, spacing, and visual hierarchy.
• Focused on guiding users visually to complete tasks seamlessly.

🔹 Key Differences

Feature UX Design UI Design

Focus Functionality, user journey Look, feel, interactivity
Tools Wireframes, flowcharts, testing Figma, Adobe XD, Sketch
Process Research > Prototyping > Testing Visual design > Micro-interactions

🔹 Importance of UX/UI Design

• Enhances user retention and brand value

• Reduces user errors and support costs
• Increases conversion rates and engagement

Duration: 4 hours
🔹 What is Interactive Design?

• A design approach focused on creating products that respond to user actions.

• Includes feedback loops, animations, transitions, and dynamic changes.

🔹 Principles of Interactive Design

1. Consistency – Uniform UI elements across the application.

2. Feedback – System responds to user actions (e.g., button changes on click).

3. Learnability – Easy to learn for new users.

4. Predictability – User expectations are met.

5. Efficiency – Supports frequent user actions with minimum effort.

🔹 Evaluation Techniques

• Usability Testing – Observing users while they perform tasks.

• Heuristic Evaluation – Expert reviews based on usability principles.

• A/B Testing – Comparing two versions of a design to find which performs better.

• Surveys and Feedback – Direct user input on the experience.

🔹 Key Metrics to Track

 • Task success rate

• Error rate

• Time on task

• User satisfaction (via SUS or Net Promoter Score)

🎨 Module 3: Applied Design Fundamentals

Duration: 5 hours

🔹 Layout and Composition

• Use of grids, alignment, and white space to guide the user’s eye.

• Visual hierarchy ensures important elements are noticed first.

🔹 Typography

• Typefaces must align with brand identity and readability standards.

• Consider font pairing, size, line spacing, and contrast.

🔹 Color Theory

• Colors influence mood and perception.

 • Use contrast for readability, and follow WCAG standards for accessibility.

🔹 Iconography and Imagery

• Use icons for quick recognition and images to support content.

• Ensure icons are intuitive and universally understandable.

🔹 UI Patterns and Components

• Reusable solutions for common design problems (e.g., navigation bars, modals).

• Enhance consistency and efficiency in design systems.

🧑‍💻 Module 4: Designing Your UI

Duration: 5 hours

🔹 Wireframing

• Low-fidelity representations of screens and layouts.

• Helps define information architecture and navigation paths.

🔹 Prototyping

• Interactive mock-ups that simulate user interaction.

 • Used for early user testing and stakeholder feedback.

🔹 Design Tools

• Figma, Sketch, Adobe XD, InVision

• Support collaboration, versioning, and handoff to developers.

🔹 Design Systems

• A collection of components, standards, and guidelines.

• Promotes consistency across teams and products.

🔹 Accessibility in UI Design

• Follow WCAG guidelines.

• Ensure content is usable by people with disabilities (color contrast, keyboard

nav).

🔹 Mobile-First and Responsive Design

• Start with mobile layouts, then scale up.

• Use flexible grids and media queries for responsiveness.

📘 Module 5: Course Summary and Final Assessment

Duration: 3 hours

🔹 Summary of Key Learnings

• UX is about how it works, UI is about how it looks.

• Great UX/UI design is user-centered, tested, and iteratively improved.

• The design process includes research → design → prototype → test → refine.

• Accessibility and responsiveness are non-negotiable in modern design.

🔹 Preparation for Final Assessment

• Review principles: Usability, Accessibility, Feedback, Affordance

• Practice creating wireframes and basic interactive prototypes.

• Be ready to evaluate a UI design for usability and accessibility flaws.

Let me know if you want these notes in PDF format or tailored for exam revision
sheets.
 12.

CONCLUSION

This report has covered the basics, understanding and deep knowledge and
applications of the UX/UI Design and used along with it, and indicates us how this
process is revolutionizing the world by creating better experience for billions of
users across the globe every day. The shift of design without the proper knowledge
of tools and process is happening in almost every field of making something from
scratch and designing. As a result, it is becoming more and more important to gain
expertise in the design and construction of such workflow techniques and to
explore their various applications. I have undergone my Training at Coursera . The
report is based on the knowledge, which I acquired during my training.