conversion centered design

41
Weboo18+ Conversion Centered Design (CCD)

Upload: get-interactive

Post on 02-Nov-2014

169 views

Category:

Technology


4 download

DESCRIPTION

Using psychology & persuasive design to increase conversions

TRANSCRIPT

Page 1: Conversion centered design

Weboo18+

Conversion Centered Design (CCD)

Page 2: Conversion centered design

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

CONVERSION CENTERED DESIGN

Page 4: Conversion centered design

Conversion Centered Design

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

Page 5: Conversion centered design

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

Conversion Centered Design

• Dizajn kojem je cilj samo jedan - konverzija

Page 7: Conversion centered design

Conversion Centered Design

KONVERZIJA

Dizajn Psihologija

Page 8: Conversion centered design

Conversion Centered Design

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

Page 9: 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

(social proof)

Bijeli/prazan prostor

Page 10: Conversion centered design

DIZAJN CONVERSION CENTERED DESIGN

Page 11: Conversion centered design

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

4. Bijeli/prazan prostor

Page 12: Conversion centered design

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

Page 13: Conversion centered design

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

Page 14: Conversion centered design

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

Page 15: Conversion centered design

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

Page 16: Conversion centered design

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja koju boju koristiti?

Page 17: Conversion centered design

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

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

Page 19: Conversion centered design

Upute – korištenje vizualnih indikatora za usmjeravanje pogleda korisnika

Page 20: Conversion centered design

Conversion Centered Design

• DIZAJN

1. Enkapsulacija

2. Kontrast i boja

3. Upute

4. Bijeli/prazan prostor

Page 21: Conversion centered design
Page 22: Conversion centered design

DIZAJN (PRIMJER IZ PRAKSE) CONVERSION CENTERED DESIGN

Page 23: Conversion centered design

Enkapsulacija

Page 24: Conversion centered design

Kontrast & boja

Page 25: Conversion centered design

Upute

Page 26: Conversion centered design

Bijeli/prazan prostor

Page 27: Conversion centered design

PSIHOLOGIJA CONVERSION CENTERED DESIGN

Page 28: Conversion centered design

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

3. Društveni pokazatelj kvalitete (social proof)

Page 29: Conversion centered design

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

Page 30: Conversion centered design

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

Page 31: Conversion centered design

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

Page 32: Conversion centered design

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

Page 33: Conversion centered design

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

Page 34: Conversion centered design
Page 35: Conversion centered design
Page 36: Conversion centered design
Page 37: Conversion centered design

Conversion Centered Design

• PSIHOLOGIJA

1. Hitnost i oskudica

2. Isprobajte prije kupnje

3. Društveni pokazatelj kvalitete (social proof)

Page 38: Conversion centered design
Page 39: Conversion centered design

UKRATKO CONVERSION CENTERED DESIGN

Page 40: 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

Page 41: Conversion centered design

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