(knob) al s) concentric circle - bankaibankai.eu/files/uxui-infographic/uxui-infograph.pdf · ux...
TRANSCRIPT
User
Controls
Sket
chin
gUser
Testing
Prototyping
Keyboards
Types
Size
Action B
uttons
Oversized Butto
ns
Smaller Butto
ns
Colors
Lang
uage
Icon
and
Imag
es
Wir
efr
amin
gan
dpr
oto
typi
ng
Mur
alWir
efra
m.c
c
Pixa
te
Sket
ch
Invi
sionP.
O.P
appA
xure
UX
Pin
Pape
r Sk
etch
es
Des
igni
ngStyl
ify
MeUX
Pin
Sket
chPho
tolin
e
Col
orsa
fe
Ado
be
Use
rR
esea
rch
and
Use
r Te
stin
g
Tool
s
Look
back
Wuf
oo
Type
Form
Use
r Te
stin
g
Veri
fy A
pp
Usa
bill
a
Mor
ae
UX
Rec
orde
r
Goo
gle
Han
gout
s
Org
aniz
ing
info
Luci
d C
hart
Min
dMei
ster
Cog
gle.
it
Xm
ind
Opt
imal
Sor
t
Analytics
andM
etrics
Crazy E
gg
Good D
ata
KISS
Metrics
Mix P
anel
Daily
TasksText
Short &
Sweet
No W
rong
Language
Don’t Cut
and PasteAvoid using
Caps Lock
Imagery
Right
Size
Use high-
quality images
Shutterstock
Adobe
Stock
Icon’s
Coloring
Use Matching
colors
Video
Change
Camera
Point of View
Zoom In
Zoom out
Close-ups
Total
View
SEO &SEA
Tools
Axure
Mock-ups
BalsamiqMockups
JustinMind
Adobe
Experience Design
UX Pin
Sketch
Pro’s
ReduceRisk
Testing
Optimize
in a early stadium
Communicate
with stakeholders
Recognize future
design challengesEstimate how many
time the project takes
Tools
TableauPublic
OpenRefine
Knime
RapidMiner
Google FusionTables
NodeXL
Import.io
Google SearchOperators
Solver
KeyTech-nologies
DataManagement
DataMining
Hadoop
In-MemoryAnalytics
PredictiveAnalytics
TekstMining
Buisines-ses
Travel andHospitality
HealthCare
Government
Retail
Big DataValue
CostReduction
Faster, BetterDecision Making
New Produtsand Services
Popular
Keywords
in Website
Popular
Keywordsin Adds
Redpen.io
Iceber.gs
Asana
Codepen.io
Google D
rive
SlackPrezi
Dashlane
Clar
ifyM
eani
ng
Easi
ly-
Reco
gniz
ed
Larg
e
Bold
Simpl
e
Direct
Speci
fic
LessContra
stin
g
Contrast
ing
Space around
Negative
Space
Principles
Negative
Space
Add to cart
buttons
Download
Buttons
Trial
Buttons
Learn More
Buttons
Sign Up
Pointing
Device
CompositeDevice
Input Device
Output Device
User s
atis
fact
ion
Data analytics
Content
Sitemapping
Video inputDeviceAudioInputdevice Others
In/ O
utput D
evice
Visual Design
Collaboration
Digital Pen
Wearables
In/OutputDevice
AR & VR Systems
Projector
Screens
Visual
Display
Units
Speakers
Headphone
Audio
Printer
Plotter
PrintersO
thersP
ro’sD
ifferent
kinds
User-
Controls
Custom
Controls
Web P
arts
Use it
over and
over
Test, optimize
and
debugg it
Divide w
ork
easily
Edit all pages
at once
Share
controls
AR
Systems
Computer O
utput
Microfilm
(COM
)
Touch Screen
Microphone
Wearable VR Gear
MIDI Keyboard
(digital musicalinstruments)
DigitalCamera
DigitalCamera
Portable MediaPlayer
360 Degree Camera
Microsoft KinectSensor
Image Scanner
Webcam
Eye GazeTracker
Barcode scanner
Fingerprint Scanner
3D Scanner
Joystickcontroller
Gamepad(joypad)
Paddle(game controller)
Jog dial /Shuttle(knob)
Mouse
Touchpad
Gaming Mouse
Touchscreen
TrackingballHigh degreeof freedom
input devices
Wii Remote
Keyer
Keyboard
Lighted Program
Function Keyboard
Par
ts
Col
ors
Sha
pes
Typo
grap
hy
Imag
es
Idea
tion
and
idea
gene
rati
on
Pro
’s
Pro
’sD
igit
alW
ire-
fram
ing
Inst
anta
neou
sly
shar
ing
UX
Pin
Pape
r Sk
etch
es
Axu
reP.O
.P a
ppInvi
sionSk
etch
Pix
elat
e
Wir
efra
me.
cc
Mur
al
You
can
easi
lyad
d in
tera
ctio
nTool
s
Mea
suri
ng
Incr
ease
Disco
very
Better SEO
Search rate
Helps visitors find
content more easily
Pro’s
Dynomapper
Slickplan
Tools
WriteMaps
MindNote
Alpha
Usabili
tyTe
stin
g
Usabili
tyTe
stin
g
Surveys
Beta
Phases
(Dis)
satisfactio
n
Surveys
Live
Types
ToolsKinds
A/B Testing
Eyetracking
Moderated
User Testing
Remote
Moderated
User Testing
Remote
Unmoderated
User Testing
UX
Recorder
UXPin
Reflector
User Testing
Crazy Egg
Inspectlet
Optimizely
Usabilla
User Zoom
XML Sitemaps
HTML Sitemaps
Helpdesk
Social Media
Discussion
Forum
s
1. Id
entif
yst
atis
tical
ly
sign
ifica
ntpa
ttern
s
2. U
se d
ata
to
choo
se w
ch
part
s to
cha
nge
3. T
est t
hese
chan
ges
onus
ers
(Pro
toty
pe)
4. Im
plem
ent a
ny
chan
ges
Repe
at th
is p
roce
ss
Regu
larl
yM
onito
r use
r
satis
fact
ion
ratin
gs.
Do th
e ch
ange
s
have
effe
ct?
Add
aFe
edba
ckPa
ge
In-s
ervi
ceFe
edba
ckPa
ge
Inte
ract
ive
Voic
e Re
spon
se
Surv
ey b
y po
st
Web
site
Stat
istic
s
Div
erge
ntth
inki
ng
Che
ckin
g fo
r bi
ases
,m
ista
kes
and
blin
dspo
ts
Ligh
ter
Wor
kloa
d
3D TV
UX and UIconcentric circleInput DeviceAn input device is a piece of hardware used to provide data and control signals to an information processing system such as a computer or information appliance.
Output DeviceA output device is a hardware used to provide data and control signals to an information processing system such as a computer or information appliance.
User controlsA User Control is a separate, reusable control element users can interact with to controlsomething.
Visual designVisual design is the use of imagery, color, shapes, typography and form to enhance usability and improve the user experience. Visual design as a field has grown out of both UI design and graphic design.
Collaboration‘1+1=2’, When working together you can achieve much more than when you work alone. When you collaborate you will come to unique ideas which you wouldn’t think of if you where working on your own.
SketchingMany designers underestimate the power of sketching. Sketching is much more efficient, it keeps you from getting caught up in technology, and instead focuses you on the best possible solution, freeing you to take risks that you might not otherwise take.
User satisfactionUser satisfaction is a measure of how products and services should be supplied by a company to meet or surpass customers expectations. It’s defined as ‘the number of customers” or percentage of the total
SitemappingA Sitemap is a page or document containing links to all website page’s, sorted on subject or relevance. Handy for visitor’s and search engine machines to get to specific page.
User testingUser testing is a technique to evaluate a product by testing it on users. A technique that gives you direct input on how real users use the system and how they like it.
Data analyticsAnalysis of data is a process of inspecting, cleansing, transforming and modeling data with the goal of discovering useful information, suggesting conclusions, and supporting decision-making.
PrototypingA prototype is a simulation of the final product, it’s like an interactive mockup. The main purpose of building a prototype is to test whether or not the flow of the product is smooth and consistent.
ContentGood content is key for running a good website. Content consists everything like text, imagery and videos. Make sure your content is high quality and doesn’t contain mistakes.
ToolsWhen your designing it’s important you’re using the right tools from the very start of your project. It will safe you time and frustration in the end.
Action buttonsGood call to action buttons or very important when improving your click through rate. The button has to stand out against the rest of your website, something that can be achieved by using the right color’s, sizing and so on.
Smart Watches
Smartphone
Tablets
Drones