conversion centered design (ccd)

41
Weboo18+ Conversion Centered Design (CCD)

Upload: sasa-stankovic

Post on 30-May-2015

276 views

Category:

Documents


2 download

DESCRIPTION

Prezentacija na temu "Conversion Centered Design (CCD)" održana 14.11.2013. u Hypo centru u Zagrebu.

TRANSCRIPT

Page 1: Conversion Centered Design (CCD)

Weboo18+

Conversion Centered Design (CCD)

Page 2: Conversion Centered Design (CCD)

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

Page 3: Conversion Centered Design (CCD)

CONVERSION CENTERED DESIGN

Page 4: Conversion Centered Design (CCD)

Conversion Centered Design

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

Page 5: Conversion Centered Design (CCD)

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

Page 6: Conversion Centered Design (CCD)

Conversion Centered Design

• Dizajn kojem je cilj samo jedan - konverzija

Page 7: Conversion Centered Design (CCD)

Conversion Centered Design

KONVERZIJA

Dizajn Psihologija

Page 8: Conversion Centered Design (CCD)

Conversion Centered Design

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

Page 9: Conversion Centered Design (CCD)

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

Page 10: Conversion Centered Design (CCD)

DIZAJN CONVERSION CENTERED DESIGN

Page 11: Conversion Centered Design (CCD)

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

4. Bijeli/prazan prostor

Page 12: Conversion Centered Design (CCD)

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

Page 13: Conversion Centered Design (CCD)

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

Page 14: Conversion Centered Design (CCD)

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

Page 15: Conversion Centered Design (CCD)

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

Page 16: Conversion Centered Design (CCD)

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja koju boju koristiti?

Page 17: Conversion Centered Design (CCD)

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

Page 18: Conversion Centered Design (CCD)

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

Page 19: Conversion Centered Design (CCD)

Upute – korištenje vizualnih indikatora za usmjeravanje pogleda korisnika

Page 20: Conversion Centered Design (CCD)

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

4. Bijeli/prazan prostor

Page 21: Conversion Centered Design (CCD)
Page 22: Conversion Centered Design (CCD)

DIZAJN (PRIMJER IZ PRAKSE) CONVERSION CENTERED DESIGN

Page 23: Conversion Centered Design (CCD)

Enkapsulacija

Page 24: Conversion Centered Design (CCD)

Kontrast & boja

Page 25: Conversion Centered Design (CCD)

Upute

Page 26: Conversion Centered Design (CCD)

Bijeli/prazan prostor

Page 27: Conversion Centered Design (CCD)

PSIHOLOGIJA CONVERSION CENTERED DESIGN

Page 28: Conversion Centered Design (CCD)

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

3. Društveni pokazatelj kvalitete (social proof)

Page 29: Conversion Centered Design (CCD)

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

Page 30: Conversion Centered Design (CCD)

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

Page 31: Conversion Centered Design (CCD)

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

Page 32: Conversion Centered Design (CCD)

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

Page 33: Conversion Centered Design (CCD)

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

Page 34: Conversion Centered Design (CCD)
Page 35: Conversion Centered Design (CCD)
Page 36: Conversion Centered Design (CCD)
Page 37: Conversion Centered Design (CCD)

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

3. Društveni pokazatelj kvalitete (social proof)

Page 38: Conversion Centered Design (CCD)
Page 39: Conversion Centered Design (CCD)

UKRATKO CONVERSION CENTERED DESIGN

Page 40: Conversion Centered Design (CCD)

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

Page 41: Conversion Centered Design (CCD)

hvala na pažnji!

mail: [email protected] web: interactive.ag linkedin: linkedin.com/company/interactive.agency facebook: facebook.com/interactive.agency.hrvatska facebook.com/interactive.agency.slovenija