UX Design process
Empathize, Define, and Ideate

What is UI/UX?

User Interface User Experience
Adalah apa yang kamu Lihat dan Gunakan
saat sedang menggunakan sebuah produk
adalah apa yang kamu Rasakan saat
menggunakan sebuah produk

Characteristics of
good UX

Usable Equitable
Useful
It means the design, structure, and purpose
of the product is clear and easy to use.
It means a design is helpful to people with
diverse abilities and backgrounds.
that means it solves user problems.
Enjoyable
It means the design delights the user
https://design.google/library/good-design/

Think like a UX designer
Learn more about different design process

User-centered design
Design thinking
The five elements of UX design
Lean UX
Double Diamond

Design thinking process

What Is Design Thinking?
Design thinking is a user-centered approach to problem-solving. It helps
designers create solutions that address a real user problem and are
functional and affordable.
Design thinking is an iterative process in which you
seek to understand
your users, challenge
assumptions, redefine problems and create
innovative
solutions which you can prototype and test.

Empathize
Research Your
Users' Needs
During the empathize phase, the goal is to understand users’ needs and how
users think and feel. This involves a lot of user research, such as conducting
surveys, interviews, and observation sessions

User Research
Get to Know the Guests You’re
Inviting
to the Party
Design Thinking: Empathize

Define your primary user groups.
This involves creating a framework that
describes the
main types of users you’re designing for—allowing you
to
focus your efforts in recruiting users for research.
Basic Steps of User Research

Choosing Research Techniques
User Interview
Contextual
Inquir
Survey
Focus Group
Card Sortin
Usability
Testing
Basic Steps of User Research

UserInterviews
Userinterviewsarestructuredconversationswith
currentorpotentialusers
ofyoursite.
BasicStepsofUserResearch
InterviewingTips
focusonparticipants’personalexperiences
Don’taskleadingquestions
Performatestrunwithsomeone
ifit’spossible,andtheparticipantconsentstoit,record
theinterview.

brilliant solution
to the wrong problem can be
worse than no solution at all:
solve the correct
problem.
Design Thinking: Empathize

Define
StateYour Users'
Needs and Problems
In the define phase, you’ll create a clear problem statement, or a description of
the user’s need that your designs will address, based on your research findings.

Personas
Pain point
Identify user types based on habits and goals of real
people, acquired through interviews and conversations.
A pain point refers to a very specific problem that
customers of your particular product or service are
experiencing.
Design Thinking: Define

Design Thinking: Define
Needs Statements
How Might We
Outline what users need in order to achieve their goals.
“[Our user] needs a way to [addresses this need] so that
they [benefit in this way.]”
Every problem is an opportunity for design. By framing your
challenge as a How Might We question, you’ll set yourself
up for an innovative solution.

Ideate
Challenge
Assumptions and Create Ideas
Once you land on a user problem and establish why it’s an important one to
solve, it’s time for the ideate phase. The goal of ideation is to come up with as
many design solutions as possible.

Think
outside the box
Design Thinking: Ideate

Design Thinking: Ideate
Brainstorming for Solution Idea
Affinity Clustering
Everyone has a unique perspective on the user and the
problem, so everyone should contribute ideas for solutions.
Affinity Clustering is a graphic technique for sorting items
according to similarity.

Design Thinking: Ideate
Wireframing
Crazy 8's
Wireframing uses nongraphical schematics of digital
interfaces and their structure to show how they fit together
and create alignment within the design team.
It is a fast sketching exercise that challenges people to
sketch eight distinct ideas in eight minutes.

Book

Create High-Fidelity
Designs and Prototypes
in Figma

What is User Interface?

Why UI Design can help humans in
operating the system?
Clear information
Guide
Feedback

What is UI Designer's job?
The UI Designer is responsible for creating what we
see and making us feel easy to use.
Creating display designs for mobile
applications, websites.

Visual Design Foundation
Typography, shapes, colors, line, form,
space, and texture.
Contrast, Repetition, Alignment, and
Proximity.
Element of Designs Principle of Designs

Contrast
Contrast in design means a stark
difference. This means that each design
element must be 'differentiated' from
the others.

Repetition
Repetition here means how we repeat
the same elements in the designs that
we make.

Alignment
Alignment determines how each element is placed in the design.
By using this alignment, our designs will look neater and easier to read or understand by
users.

Proximity
Proximity here means how the
relationship between the components of
a design must provide visual unity, so
that it can show consistency between
layouts.