Uxd01 uxd fundamental

Muhammad Bakri | FTIK | Universitas Teknokrat Indonesia © 2021
User Experience Design
UXD Fundamental
1
FAKULTAS TEKNIK DAN ILMU KOMPUTER
UNIVERSITAS TEKNOKRAT INDONESIA
Muhammad Bakri, M.T.

‫ر‬
َ
‫ب‬
ِّ
‫ز‬
ِ
‫د‬
ْ
‫ﻧ‬
ِ
‫ﻲ‬
‫ﻋ‬
ِ
‫ﻠ‬ْ
‫ﻣ‬
ً
‫ﺎ‬
‫و‬
َ
‫ا‬
‫ر‬
ْ
‫ز‬
ُ
‫ﻗ‬
ْ
‫ﻧ‬
ِ
‫ﻲ‬
ْ
‫ﻓ‬
َ
‫ﮭ‬
ْ
‫ﻣ‬
ً
‫ﺎ‬
‫و‬
َ
‫ا‬
‫ﺟ‬
ْ
‫ﻌ‬
َ
‫ﻠ‬ْ
‫ﻧ‬
ِ
‫ﻲ‬
ْ
‫ﻣ‬
ِ
‫ن‬
َ
‫ا‬
‫ﻟ‬
‫ﺻ‬
‫ﱠ‬
‫ﺎ‬
‫ﻟ‬ِ
‫ﺣ‬
ِ
‫ﯾ‬
ْ
‫ن‬
َ
Robbi zidnii 'ilman warzuqnii fahmaa, waj'alnii minash-
shoolihiin
2

Learning the
concepts of User
Experience Design
3
Learning Objectives

4
1.Definition
2.UX Design Phases
Outlines

Google Classroom
UXD-SI19C
5
shq774w

What is UX Design?
6

7
Don Norman

“I invented the term because I
thought human interface and
usability were too narrow. I wanted
to cover all aspects of the person’s
experience with the system
including industrial design,
graphics, the interface, the physical
interaction, and the manual”
8

The creation and synchronization
of the elements that affect users’
experience with a particular
company, with the intent of
influencing their perceptions and
behavior.
9
Definition

Good UX design creates
a positive experience for
your user by
anticipating—and
fulfilling—their needs
10
Why UX matter?

UX Phases
11

12

13
1.Understand
2.Research
3.Analyze
4.Design
5.Launch
6.Analyze Again

Understand
14

As the old saying goes: If
you have four hours to
chop down a tree, spend
the first three hours
sharpening your axe.
15

1. User
2. Brand
16
Understand your:

What’s their
problem?
17
Answer this question

18

How does this
project align with
your brand?
19
Answer this question

Research
20

1:1 interviews
21

22

User/Focus groups
23

Surveys
24

Usability testing
25

Analyze
26

User personas
27

Designers use them to
help understand a
number of things
about their customers
including their:
28

29
1. Goals
2. Background
3. Age
4. Gender
5. Behaviors
6. Spending habits
7. Pain points
8. Needs

30

31

32

33

34

User journey maps
35

36

Design
37

Site map
User flow
Mockups
Images
Icons
Colors
38

wireframe
39

A wireframe is like the
prototype of your
product—a bare
essentials
representation of your
product.
40

41

42
1. Presents information that
will be displayed on the page
2. Gives an outline of the
structure and layout of the
page
3. Conveys overall direction
and description of the user
interface

Launch
43

That means it’s time to
implement; pass everything to
the development team who
will create a high fidelity
version of the user interface.
44

Like the usability test,
this involves you
observing your target
audience using the
actual program.
45
User testing

This is a limited release of
your product to a small
amount of people with the
goal of finding issues and
cleaning them up before you
launch it to the world.
46
Beta launch

When your own team
uses the product and
tests out each facet of
it.
47
Internal testing

Analyze (again)
48

Some questions you
might ask yourself:
49

50
1. Where did our process go right? And
why?
2. Where did we struggle? And why?
3. How are our users responding to the
product?
4. Did it solve their issues and pain points?
5. Where can we improve the product?
6. What lessons can we take away from this
process for future products?

Conclusions
51

• Your UX process is going to be
entirely unique to your
business and product.
• The important thing is that you
find a process that works for
you, your team, and—most
importantly—your users.
52

“People often say that
motivation doesn't last. Well,
neither does bathing -- that's
why we recommend it daily.
_Zig Ziglar”
53

Thank You
54

Uxd01 uxd fundamental

Recommended

Recommended

More Related Content

Similar to Uxd01 uxd fundamental

Similar to Uxd01 uxd fundamental (20)

More from MuhammadBakri13

More from MuhammadBakri13 (9)

Recently uploaded

Recently uploaded (20)

Uxd01 uxd fundamental