UX/

UI
ROADMAP

UXDESI
GN?
:-
UXde s
ignisaboutmakingtheuser’se
x peri
encewiththeproduct
thebe stitc
anbe .I
taimstoattr
ac tpeopletoasitetheyare
i
nt e
re s
tedin;then,
oncetheyar
et here,tomaket hei
rjour
ne y
fromt hehome pagetopurc
hasi
ngt hepr oductaseasyandf unas
possibl
e .

WhyDoWeUs
eUXDe
sign?

Thebe
nef
itsofUX 
des
ign 
aret
wo-
fol
d:

1.UXdesi
gnimpr
ovestheexpe
riencef
ortheuserofthatproduct
.
2.Goodusere
xpe
rie
nceinc
reasestheadopt
ionofthatproduct.

Thegoal
sofUX 
des
igni
ncl
ude
:

1.Tounder
standthegoal
sandc
ont
ext
-of
-us
eofpot
ent
ialus
ers
orcus
tomers.
2.Tousethatunde
rstandi
ngtodesi
gnaproduc
t,ser
vic
e,
or 
app 
withi
ntheconstr
aint
sofbusi
nes
sandtec
hnology.

Thefir
stthingaUXde si
gnerthinksaboutishowtoali
gnthegoals
oftheuserwiththegoalsofthebus i
nes
s.E.g.
:i
fause
r’sgoali
sto
buyapr oduct,
thenthebusines
sgoalne edstobemakingthat
purchasea 
useful
,usabl
eandde l
ight
ful
 acti
on.
Usef
ul:
 
Youneedt
osol
veaus
er’
sne
ed;
apr
obl
emt
hatus
ers
ac
tuall
yhave
.

Usabl
e:
 Usabi
li
tyne
edst
obec
lears
othatus
ersunde
rst
andyour
pr
oduct/
servi
ce.

De
light
ful
:
 It
’snobadt
hingi
faus
ere
njoysus
ingyourpr
oduc
t.

UXDe
signe
r’sRol
eWi
thi
nTheTe
am

TheUXde s
igne
r’sr
olewit
hintheteami
stost
eertheteamthrough
theproc
esswehaveoutl
inedinthi
spos
tandgene
r al
lyint
hisorde
r,
too(wit
hplent
ymor ete
sting)
:

 Re
sear
ch
 De
sign
 Te
sti
ng
 I
mpl
eme
ntat
ion

Fi
rsts
tepEmpat
hie
s:-
Userr
ese
ar chhastocomefi
rsti
ntheUXde si
gnproce
ssbecause
wit
houtit,ourworkc
anonlybebasedonourowne xperi
encesand
ass
umptions;whi
charenei
therobj
ect
ivenorfromourtar
get
cus
tomers.

Inthefir
sts t
ageoft hepr ocess,t
heUXde s
ignerconne ctswith
productus e
rs(orpot enti
alus e
rs)tounde rs
tandt heirneedsand
goals
,andt oge tasens eofwhatpr oblemsorpainpoi nt
sc oulduse
somede si
gnt hi
nkingmagi ctosolve
.Muc hofthiss t
agec ons i
sts
of 
UXr esearch—userintervie
wsands urve
ys,aswe llasot herforms
ofresear
cht ohe l
pge nerateuser-ce
nt e
reddata.
 A.
UXRe
sear
che
r
Thepr
ocessofunde
rstandingus
erbehavi
ors
,needs,
andatt
itude
s
usi
ngdif
fere
ntobser
vationandfee
dbackcol
lec
tionmet
hods.

Re
sear
chP
lanni
ngandRe
crui
tme
nt:
-
1.Wr it
et heBac kgroundoft heResearch
2.WhatAr etheObj ective soft heRes
earch?
3.Def i
neSt ake holders
4.
 St
udyEx isti
ngSol utions
5.
 RecruitPar t
icipants
6.
 Es
t ablis
hKP IsandMe tr i
c sofSuccess
7.
 Out l
ineSc opeandFoc usofRe sear
ch
8.
 WriteRe sear chQue stions
9.Determi neYourBudge t
10. EstablishP r
ojectTime line
11. Deve l
opRe searchProt oc ols
12. Det erminet heRe se
ar chMe thods
13. Choos eUXRe sear
chTool s
14. DrawI nsightsandP res entyourRe se
archFi
ndi
ngs
15. Ethics

UXRe
sear
chMe
thod:
-

Qual
it
ati
ve
  Us
eri
nte
rvi
ews
 Foc
usgr
oups
 Di
arys
tudi
es
 Shadows
ess
ions
Quant
itat
ive

 us
ers
tor
ies
 us
erf
lows
 onl
ines
urve
ys

Bot
hqual
it
ati
veandquant
itat
ive

 Car
dsor
ting
 Vi
sualaf
for
danc
eus
abi
li
tyt
est
ing

Conduc
tingUs
erRe
sear
chAnal
ysi
s:
-

1.Col
le
ctandor
gani
zeyourdat
a
2.Re
fert
oyourr
ese
arc
hobj
ect
ive
s
3.Ex
plor
eyourdat
atounc
ove
rfi
ndi
ng
I
. I
dent
ifyi
ngke
ythe
mes
I
I. Codi
ngyourqual
it
ati
vedat
a
I
II. Af
fi
nit
ymappi
ng
4.I
dent
ifyus
eri
nsi
ght
s
5.Shar
eyouri
nsi
ght
s

MOREI
NF:
htt
ps:
/
/www.
yout
ube
.com/
wat
ch?
v=z
GCRhd3r
4fE
Se
cond,
ste
pDe
fine
:
Thes econds tageofthepr ocessisallaboutorganizi
ngt heresearch
result
s,s orti
ngthrought hedat a,andlookingati tf
romvar ious
perspect i
ves.Thegoalistoide nti
fypat t
ernsandac ti
onableinsight
s
thatwi llhelptheUXde signert oformulatesol
utions.Thisi
swhe re
thingslike 
af f
ini
tydiagrams ,
 userpersonas,and 
journeymaps  come
i
nt oplay—amongot he rkeyde li
verables
.Thegoaloft hisst
agei sto
cle
ar l
yde f
inewhichprobl e
m( s)tofocusonf orthetimebe i
ng.

 St
oryboar
ding
 us
erpe
rsonas
  
aff
ini
tydi
agr
ams
, 
  
jour
neymaps
 

Thi
rds
tepI
deat
e:-
Asade s
igner,
youshouldbecomf ort
ablewit
hvisuali
si
ngand
sketc
hingideasonpaper.Thi
sinvolvestr
ansl
ati
ngc once
ptsintouse
r
fl
ows ,wire
framesandlow-fi
del
itymoc kupst
hatleadtointuit
ive
userexperie
nces.

A.t
ime
pox
ing
B.s
ket
chi
ng
C.br
ains
tor
ming
D.Wi
ref
rame
s

MOREINFO:https:
//
car
eer
foundr
y.c
om/
en/
blog/
ux-
des
ign/
how-
to-
cr
eat
e-your
-fi
rst-
wiref
rame/

Fur
ths
tepDe
signandpr
otot
ype
:-
1.Ske
tch
2.pr
otot
ype
3.P
enc
ilpape
r
Fai
ths
tepTe
standVal
i
dat
e:-
Conduc tingusabil
it
yt e
s ti
ngi simpor tanttogettingfeedbac kon
yourpr ototypebeforeitgoe sintode velopment.I
t ’
sess
e ntialt
owor k
withe ngineer
st ounderstandwhe theryourde si
gnsc anbe
i
mpl e
me ntedfromat echnicalpe r
spe cti
ve.Knowinghowt oanal ys
e
userdat aisalsokeytot hisroleasi tgivesyouanunde rs t
andingof
thepe rf
or manceofyourde s
ignsands houldeffe
c ti
vel
ydr ivethe
deci
sionsyoumakeasaUXde si
gner.

1.Hot
jar

#Us
abi
li
tyTe
sti
ng:
-
Usabi
li
tytes
tingi
sa res
earchme t
hod 
thathel
psyouunder
stand
howwe l
luser
sinter
actwithaproducti
nordertoimpr
ovethe
over
allex
peri
ence
.Tradit
ional
ly,
usabi
li
tytes
tingi
susedt
oac hi
eve
t
hef
oll
owi
nggoal
s:
7.
HowDoe
sUs
erTe
sti
ngWor
k?

Us
ert
est
ingi
sconduc
tedt
hroughavar
iet
yofme
ans
:

 Si
mpl
eobs
ervat
ions
 Que
sti
onnai
res
 Sur
veys
 I
nte
rvi
ews
 A/
Bte
sti
ng

MOREI NFO: htt

ps:
//
caree
rfoundr
y.c
om/en/bl
og/ux-
des
ign/
how-
to-
conduc
t -
usabil
it
y-t
esti
ng-a-st
ep-
by-st
ep-guide
/