conversion centered design

Post on 02-Nov-2014

169 Views

Category:

Technology

4 Downloads

Preview:

Click to see full reader

DESCRIPTION

Using psychology & persuasive design to increase conversions

TRANSCRIPT

Weboo18+

Conversion Centered Design (CCD)

Saša Stanković Head of client services Croatia Interactive agency mail: sasa@interactive.ag web: interactive.ag linkedin: linkedin.com/company/interactive.agency facebook: facebook.com/interactive.agency.hrvatska facebook.com/interactive.agency.slovenija

CONVERSION CENTERED DESIGN

Conversion Centered Design

• Trebamo li novu internet stranicu? (a tek smo završili postojeću)

Conversion Centered Design

• Trebamo li novu internet stranicu? (a tek smo završili postojeću)

• Korisnici dolaze kroz razne kanale komunikacije, ali broj konverzija je iznimno mali

Conversion Centered Design

• Dizajn kojem je cilj samo jedan - konverzija

Conversion Centered Design

KONVERZIJA

Dizajn Psihologija

Conversion Centered Design

• CCD se sastoji od 7 elemenata (7 elemenata u dvije skupine: dizajn & psihologija)

Conversion Centered Design

• CCD se sastoji od 7 elemenata (7 elemenata u dvije skupine: dizajn & psihologija)

DIZAJN PSIHOLOGIJA

Enkapsulacija Hitnost i oskudica

Kontrast i boja Isprobajte prije kupnje

Upute Društveni pokazatelj kvalitete

(social proof)

Bijeli/prazan prostor

DIZAJN CONVERSION CENTERED DESIGN

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

4. Bijeli/prazan prostor

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

Enkapsulacija – tehnika zaokupljanja/usmjeravanja pogleda korisnika u smjeru koji mi želimo

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

Kontrast i boja – tehnika naglašavanja CTA gumba na odredišnoj stranici korištenjem boja

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja koju boju koristiti?

Conversion Centered Design

Crvena - snažno, razdražujuće djelovanje, popravlja raspoloženje, ubrzava puls, disanje i mišićnu napetost. Žuta - djeluje poticajno, izaziva radost i veselje,i predstavlja nadu. Velike je vidljivosti i upotrebljava se u prometu. Narančasta - djeluje svečano, veselo, izaziva osjećaj zdravlja, životne radosti. Zelena - odmara, djeluje blago, stvara unutrašnji mir, odmara vid. Plava - djeluje smirujuće, suprotno od crvene, pasivno, hladno, potiče koncentraciju i umiruje. Ljubičasta - djeluje mistično, tajanstveno, očaravajuće i prigušuje strasti. Bijela - umara

Psihološko djelovanje boja: hr.wikipedia.org/wiki/Boja

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

Upute – korištenje vizualnih indikatora za usmjeravanje pogleda korisnika

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

4. Bijeli/prazan prostor

DIZAJN (PRIMJER IZ PRAKSE) CONVERSION CENTERED DESIGN

Enkapsulacija

Kontrast & boja

Upute

Bijeli/prazan prostor

PSIHOLOGIJA CONVERSION CENTERED DESIGN

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

3. Društveni pokazatelj kvalitete (social proof)

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

Hitnost – postavljanje vremenskog ograničenja dodatno potiče „hitnost” kupovine

Hitnost – postavljanje vremenskog ograničenja dodatno potiče „hitnost” kupovine (imamo maksimalno 4 minute za kupnju)

Oskudica – primjer „oskudice” sa „samo još tri sjedala”

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

3. Društveni pokazatelj kvalitete (social proof)

UKRATKO CONVERSION CENTERED DESIGN

Conversion Centered Design

• CCD se sastoji od 7 elemenata (7 elemenata u dvije skupine: dizajn & psihologija)

DIZAJN PSIHOLOGIJA

Enkapsulacija Hitnost i oskudica

Kontrast i boja Isprobajte prije kupnje

Upute Društveni pokazatelj kvalitete

Bijeli/prazan prostor

hvala na pažnji!

mail: sasa@interactive.ag web: interactive.ag linkedin: linkedin.com/company/interactive.agency facebook: facebook.com/interactive.agency.hrvatska facebook.com/interactive.agency.slovenija

top related