(knob) al s) concentric circle - bankaibankai.eu/files/uxui-infographic/uxui-infograph.pdf · ux...

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