You are on page 1of 1

UX and UI

High degree Wii Remote


of freedom Finger
ng ball print S
Tracki input devices canne
r
am
d P rogr ard 3D S
cann
te bo
Ligh ion Key er
ct
Fun
MID
U p (dig I Key
ign i b
S Jog dial /Shuttle Bar ins tal mu oard
creen code tru

concentric circle
(knob) Webca me sical
Touchs m scan
ner nts
)

ve Di
git
g ati e al
Ne pac Pe
n
S
re
n Mo
r s
Lea utton
B bo ard Paddle Ima
ge S AR
ns Key ouse (game controller) Micros cann
tto Ga ming M oft Kin er &
VR
u
rB Senso ect Sy
le r st
al em
Sm s

al
Input Device
es Tri ns
g
rin
c ipl Bu
tto
Gamepad 360
De
We
a ra
b les
An input device is a piece of hardware used to provide data and control signals to an
P Portab Cam gree
in

Pr
uchpad (joypad) le Med
information processing system such as a computer or information appliance.
st

To

oj
era
Player ia
ra

ec
Mic
nt

to
rop
Co

r
hone Sm
ar
tp
w
Do tton
ad
nlo s ho
ne Output Device
Bu
er Digi A output device is a hardware used to provide data and control signals to an information

He
Key Cam al
t
ic

ad
ns
processing system such as a computer or information appliance.
if

era Sm
ec

ph
to
ut ar
Sp

3D

on
B Joystick tW
ed

e
TV
iz at
rs Mouse controller Digital ch
e nd Camer es
Ov ou a We
ar a
VR rab User controls
ct

e
ac Ge le
re

Sp art ar
Di

to c s
g d
Ad tton
Eye
Ga
Trac ze
A User Control is a separate, reusable control element users can interact with to control
ra s
in
nt es

bu
st

Ta
d

ker
L
gn -

something.

Plo
ize

b
y

le
Re asil

ts

tte
Co
e
pl
E
co

r
m
Si

Visual design

Sp
Sc

ea
Composite

re
g
Pointin

ke
Vide

e
Device o inp To

ns
ards
Visual design is the use of imagery, color, shapes, typography and form to enhance usability

rs
ld

bo Device Devi ut Sc uc
Bo

Key ce re h

Com Micro )
Au en
hes

s
Typ
e d
Inp io and improve the user experience. Visual design as a field has grown out of both UI design

put
Pin

dev tu
ket

ve

(CO

er O m
ati e ice Ot
and graphic design.
UX

he

Pr
g
rS

Me arify

f
Ne pac rs
ing

il
M

utp
int
e

S
an
Pap

re

er
Cl

ut
Ou In/
e
Axu

ze
rg

Si

AR
app

De tpu
La

vi t
Collaboration

Sys
ce
.P
P.O

tem
n

rs

Vi spl ts
Input D 1+1=2, When working together you can achieve much more than when you work alone.
isio

Di i
su ay
lo

s
Co

al
evice

Un
Inv

cont
When you collaborate you will come to unique ideas which you wouldnt think of if you where

Shar ls
tch
e

e
Adob

Au
Ske

Divid sily
e

ua

ro
s
rsaf

e
d
ng

working on your own.

io
n
ate

Dro

ea
La

tto

e wo
Edit once
Colo

Pix

.cc
line

ne
ce
am

s
Pr
Bu
Im n and

at

rk
all p
o

vi
es

int

Test
Phot

efr

De
ag
ch

er
Sketching

ages
Ico

n
Wir

debu
pu

, opt
ral
Sket

Ou
it o

a
ut
Mu

n
/O
Many designers underestimate the power of sketching. Sketching is much more efficient, it
Ac

tp

imiz
d
gg it
in
ts

Oth
and g
fra ire

In
UX P
Hangou

min
rder

ut

over r

Web Pa
e

e
Use d
e

typ to

rs
ing

keeps you from getting caught up in technology, and instead focuses you on the best possible
fy M

ove
pro

De
UX Reco

Morae

an
it
Usabilla

Styli
Google

Control
Custom
solution, freeing you to take risks that you might not otherwise take.

vic
p

rts
gnin
sting
p

Pro
Verify A

e
rm

Desi
User Te

Control
s

s
User-
TypeFo

Wufoo

ck

User satisfaction

Differen
Lookba

Control
h

kinds
Researc

s
User
User

Testing
and
User

User satisfaction is a measure of how products and services should be supplied by a


Optimal Sort

t
MindMeister

Typography
Tools
Coggle.it
Xmind

Images
s
Lucid Chart

company to meet or surpass customers expectations. Its defined as the number of customers
Organizing

Shapes
Colors
Parts
info

Visual Design
or percentage of the total
Collaborati
Analytics

on
Metrics

generation
Pros
and

r biases,
Sitemapping

Ideation
Crazy Egg

and idea

Divergent

d
Good Data

thinking

mistakes an

load
blindspots
A Sitemap is a page or document containing links to all website pages, sorted on subject or
KISS Metric

g
chin

Checking fo
Mix Panel

Lighter Work
l
Pros

ng
Digita
Wire-
Daily
Tasks

relevance. Handy for visitors and search engine machines to get to specific page.

Sket

frami
Redp

shari usly
s

Icebe

o
ng
n.io

ntane
Asan

User testing

n
r.gs

Tex
Code

ls
tio
Co

Too
Goog

tion
add in n easily
Insta
t
a

ac
nt

User testing is a technique to evaluate a product by testing it on users. A technique that gives

al
pen.i

Mur

terac
isf
en
le Dr

late
Slack

g
at
Im
o

you direct input on how real users use the system and how they like it.

a
rin
Sho et

e.cc
t

You c
Prezi

ag
ive

Swe

Pixe
asu
Dash

rt &

er

m
ry

Me

efra
Us
lane

tch
No uage

Wir
Lan

Co

se
Pr
Data analytics

Ske
Pa ack
Wro

ea
lor

Fe dd a
oto g

sion
g

in
Rig e

cr
typ
ing

pp

b
ge
Siz

In
ng

ed
A
ing a Analysis of data is a process of inspecting, cleansing, transforming and modeling data with
ht

Invi

app
em

sig tisti tify


Don aste

pa ific ally
and

Data an S i

.P
Vi

User

rn t
n
the goal of discovering useful information, suggesting conclusions, and supporting

tte an
sta . Ide
c
de
t C

alytics

P.O
b ce
s
P

qu

re

s
o

Testing
Us y ima

Pa ack

tche
Fe ervi
es
ut

ali

Axu
SE

n
Avo s Lock

decision-making.
eh

as

ge
t

SE O &
Cap

Ph

s
ed

Ske
igh ges

In-
id u

to wc to
A

Pin
ge
rts se ta
ch h
-

nse
Sh

er
sing

Re tive
pa hoo e da
y

an

UX
er
utt

Pap
spo
To

ov
es
Ch me Vie

c
Us
o
e

Prototyping

Vo ntera
sc
p
Po

ls
Ca t of
rst

Ty
an ra w

Di

2.
in

ge

c
ock

ice
(P use es o se

ost
Pr os
A prototype is a simulation of the final product, its like an interactive mockup. The main

e
ro rs n
os Pr

an th
Ad ck

yp
Sto

e)
ch est
ob

Key

yb
Too ) n

typ
s
l is tio
purpose of building a prototype is to test whether or not the flow of the product is smooth

T
l Too
e

s Tech D

rve
c

a
( fa ys

3.

to
nolo -

ph
gies Buisines-
Big Data Tools tis ve

Al

Su
sa Sur
Ax
and consistent.

Sta bsite
Kinds

s
ur ses Value

ge an

tic
Ico

e
Zo

tis
an nt
ns

We
o

Tab

ch eme
s
m

Re le
d Pub au

in y
In

Ris uce

st lit

pl
lic

g
Te abi
k
Content

Im

ly ess
UX

Us
der

4.

lar oc
R or
e c

gu pr
Good content is key for running a good website. Content consists everything like text,
Zo

Mo Da

Re this

ct? es .
Mana ta
o

ef ng gs
P ck ve
m

ha he c n ra er
K op -u Ope geme Li

ve ha tin
ou

in eyw ula ps

s
Ref n nt
imagery and videos. Make sure your content is high quality and doesnt contain mistakes.
Us

ea

Do fact or u
t

s
W o r ine

p
ey
e M olor

eb rd

Re

t
rv

io
si s UX

tis ni
c

fe
at s

Su
te Te d

sa Mo
sti Moderate Pin an
ch

n kpl
g ting Slic
ing

User Tes

t
Cl
os

Ba sk
Tools
e-

Mo lsam Travel an s e
Kni d ap pd
up

ck iq me Hospitali m l
s

ty ite He
up
When your designing its important youre using the right tools from the very start of

ta
s Data S

Be
Minin L
g ctor XM
Cost Refle
in O
a e ptim
O
SE e your project. It will safe you time and frustration in the end.

in y
To iew

Reduction

st lit
Ju r
sti arl i
y s ze tt e rat

g
ta
V

Te abi
n Rap Be rch ia
l

Mi tad id Min a ed

Us
nd ium er Se M
ial
Remote oc
Ex
pe A
rie dob Goo
Moderate
st
d
in g
User
Testin
g
Dyno
m app
er S
Action buttons
nc e gle User Te
P
Ke op
u
eD
es
ign wi
Co
mm
F
Tab usion
les
Hado
op Health io
n Good call to action buttons or very important when improving your click through rate.
in ywo lar th
sta uni
s
us s
Ad rd
ds s
ke cate
ho
lde
Care
Egg
i sc rum
D Fo The button has to stand out against the rest of your website, something that can be achieved
UX rs Crazy
Pi
n by using the right colors, sizing and so on.
Nod
eXL Remote
rated
Re Unmode
In-M ting s
de cogn em User T s
e aps ap
Sk sig Anal ory t rite
M m
et
ch
i
n c ze fu ytics Ins pectle W ite
ha t
lle ure LS
Faster, Better M
ng
es Imp Decision Making HT
ort.
io
E
tim stim Governm ind
e t ate ent o rs f sily
izely it a
he ho
pro w m Optim s vis ore e
Goo l p m
jec an
t ta y gle Pred He tent
ke Ope Sear ic
Anal tive Eyetracking co n
s rato ch ytics
rs
e
Solv d Not
er
Us abilla Min
Tekst
Minin Zoom
g User
Retail New Produts A/B Testing
and Services

You might also like