Topic 4

User Interface (UI) &

User Experience (UX) Methodology
 Content

User-centered Design Thinking Design Sprint Methodology

Design Approach benefits
 Introduction

• UX is NOT an alien
concept for UI.
• In fact, UI is part of
UX.
• Putting these two
things against each
other implies that they
can live independently
which is not the case.
 Introduction
UI is the final component (front-end) in any
Software Development.
We can produce the UI design or UI specification
document…but Now this is not only the case.
Before we proceed to development – we needs
to have both UX and UI documentation.
Few approaches/Methodology to produce a
good system with a positive UX.
 Question:
Which process (UI or UX) comes first? Why?
 User Centered
Design(UCD) Approach

• Trends change(new product, new

careers, new technology….).
• companies no longer push products to
the market. Instead, they focus on the
user to personalise a product and at the
end deliver what they, the client wants.
• No more sales position, but we see
more and more posts that relate to
human.
• or example, human-centered
innovation, user-centered design, and
the like.
 What is User-Centered Design?

• User-centered design (UCD) is an iterative

design process in which designers and other
stakeholders focus on the users and their
needs in each phase of the design process.
UCD calls for involving users throughout the
design process via a variety of research and
design techniques so as to create highly
usable and accessible products for them.
— Definition of user-centered design (UCD) by
the Interaction Design Foundation
 UCD
User-centered design
vs.
Human-centered design
Is it the same? Why?
 UCD
User-Centered Design Principles:

• There are five major UCD principles:

• A clear understanding of user and task
requirements.
• Incorporating user feedback to define
requirements and design.
• Early and active involvement of the user to
evaluate the design of the product.
• Integrating user-centred design with other
development activities.
• Iterative design process
 Design Thinking (DT)

WHAT IS DESIGN
THINKING?
 DT
• “Design thinking is a human-centered
approach to innovation that draws from the
designer’s toolkit to integrate the needs of
people, the possibilities of technology, and the
requirements for business success.”
— Tim Brown*, CEO of IDEO,an international
design and consulting firm
 DT
• Design thinking is a non-linear, iterative
process which seeks to understand users,
challenge assumptions, redefine problems and
create innovative solutions to prototype and
test.
 5 stages in DT

Image: https://uxdesign.cc/user-experience-is-design-thinking-
2428a0a360c2
 Benefits of Design Thinking

1. Feasibility Check

2. No alarms and no surprises

3. Clarity and transparency

4. Continuous improvement
 Design Sprint
• A design sprint is a design thinking method
used to solve complex problems throughout
co-creation, rapid prototyping, and
qualitative testing with targeted users.
5 stages of Design Sprint

Source: Google Ventures

 Benefits DS
• Problem discovery and idea validation
• Shared understating of problems.
• High productivity.
• Roadmap for the future.
Which approaches should we use
in this course? Justify.