Weboo18+
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
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: [email protected] web: interactive.ag linkedin: linkedin.com/company/interactive.agency facebook: facebook.com/interactive.agency.hrvatska facebook.com/interactive.agency.slovenija