3 pitanja o web dizajnu
TRANSCRIPT
![Page 1: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/1.jpg)
3 pitanja o web dizajnu
autor: @ivancosic
E-trgovina 2011Palić, 06-08.04. 2011.
Web Design Workshop
![Page 2: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/2.jpg)
Šta želim da korisnik uradi kada dođe na moj sajt
1
![Page 3: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/3.jpg)
osmisli dobar poziv na akciju
* call to action / CTA
![Page 4: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/4.jpg)
Poziv na akcijunije ekskluzivansamo i jedino za sajtovekoji se bave eTrgovinom
* koristi ga uvek i svuda
![Page 5: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/5.jpg)
Popunjavanje kontakt forme
* primeri
![Page 6: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/6.jpg)
Popunjavanje kontakt forme
Prijava na newsletter
* primeri
![Page 7: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/7.jpg)
Popunjavanje kontakt forme
Prijava na newsletter
Konvertovanje povremenog posetioca u trajnog
* primeri
![Page 8: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/8.jpg)
Dobar poziv na akciju
zadržava pažnju korisnika na stranici
* zapamti
![Page 9: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/9.jpg)
Dobar poziv na akciju
je način da merimouspešnost sajta
* zapamti
![Page 10: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/10.jpg)
Dobar poziv na akciju
usmerava korisnika
* zapamti
![Page 11: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/11.jpg)
anatomija kvalitetne stranice
* najlakši način da pridobijemo korisnika
![Page 12: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/12.jpg)
![Page 13: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/13.jpg)
1. Dobar i upečatljiv naslov
2. Jednostavno objašnjenje šta nudimo
3. Precizan opis, besprekorno sročen
4. Dobijanje poverenja
5. Jak poziv na akciju
6. Upečatljivost
7. Jednostavnost linkova
8. Slike ili video koji ima veze sa naslovom stranice
9. Da sve bude iznad „fold“-a
* objašnjenje prethodne ilustracije
![Page 14: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/14.jpg)
10. uvek testirajte!
![Page 15: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/15.jpg)
komunikacija benefitimaklijent često ne kupuje bušilicu već rupu koju će njom napraviti
* korak dalje
![Page 16: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/16.jpg)
dodaci i popustiako nešto korisnik dodatno dobija istaknite to odmah i na vidnom mestu
* korak dalje
![Page 17: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/17.jpg)
ključne rečidon’t make them think!» kupi» pozovi» prijavi se» registruj se
* korak dalje
![Page 18: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/18.jpg)
dodatne rečiiskoristi svoje šanse» koliko je vremena
potrebno za akciju» koliko traje akcija» šta se dobija ako se
akcija uradi odmah
* korak dalje
![Page 19: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/19.jpg)
učite na dobrim primerima
* nikad nije bilo lakše
![Page 20: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/20.jpg)
![Page 21: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/21.jpg)
![Page 22: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/22.jpg)
![Page 23: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/23.jpg)
Poseta sajtu se u većini slučajeva može smatrati neuspešnom (beskorisnom) ukoliko posetilac
nije obavio očekivanu akciju
* mislite o tome
![Page 24: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/24.jpg)
kako daizborom bojautičem na raspoloženjeposetilaca
2
![Page 25: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/25.jpg)
uticaj boja
![Page 26: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/26.jpg)
uticaj na donošenje odluke o kupovini
93%85%
vizuelni utisak
uticaj boja
![Page 27: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/27.jpg)
* osnovna značenja u zapadnim kulturama
![Page 28: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/28.jpg)
* boje koje koristi prvih 100 Internet brendova
![Page 29: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/29.jpg)
kakav web dizajn želim?dobar / jeftin / brzo završen
3
![Page 30: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/30.jpg)
web design
DOBAR
JEFTIN BRZ
FREE
aspekti izrade sajta
![Page 31: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/31.jpg)
web design
DOBAR
JEFTIN BRZ
FREE
aspekti izrade sajta se uvek preklapaju
![Page 32: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/32.jpg)
web design
DOBAR
JEFTIN BRZ
FREEUVEKKASNI
dobar i jeftin uvek kasni jer dobar dizajner nema vremena da se posveti samo vašem projektu
![Page 33: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/33.jpg)
web design
DOBAR
JEFTIN BRZ
FREEUVEKKASNI
KOLIKOPARA
TOLIKOMUZIKE
jeftin i brz često gotovo nikad nije dovoljno dobar
![Page 34: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/34.jpg)
web design
DOBAR
JEFTIN BRZ
FREEUVEKKASNI SKUP
KOLIKOPARA
TOLIKOMUZIKE
dobar i brz je najčešće skup, jer tim koji ga radi mora da se posveti samo njemu
![Page 35: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/35.jpg)
web design
DOBAR
JEFTIN BRZ
FREEUVEKKASNI SKUP
KOLIKOPARA
TOLIKOMUZIKE
UTOPIJA
dobar, jeftin i brz je utopija o kojoj sanjaju mnogi...
![Page 36: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/36.jpg)
web design
DOBAR
JEFTIN BRZ
FREEUVEKKASNI SKUP
KOLIKOPARA
TOLIKOMUZIKE
UTOPIJA
SMEĆE
brz i besplatan obično ispadne loše, jer mu nije posvećeno ni vremena ni resursa
![Page 37: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/37.jpg)
web design
DOBAR
JEFTIN BRZ
FREEUVEKKASNI SKUP
KOLIKOPARA
TOLIKOMUZIKE
UTOPIJA
SMEĆE
URBANALEGENDA
dobar i besplatan je priča o kojoj pričaju svi, ali retko ko zna da ga pokaže
![Page 38: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/38.jpg)
web design
DOBAR
JEFTIN BRZ
FREEBAJKA
UVEKKASNI SKUP
KOLIKOPARA
TOLIKOMUZIKE
UTOPIJA
SMEĆE
URBANALEGENDA
ako ste još uvek dovoljno mladi da verujete u bajke, samo nastavite...
![Page 39: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/39.jpg)
Anatomy Of A Perfect Landing Pagehttp://blog.kissmetrics.com/landing-page-design-infographic/
The 22 immutable laws of branding© 2002 Al Ries and Laura Rieshttp://www.amazon.com/22-Immutable-Laws-Branding/dp/0060007737
How do colors affect purchases?http://blog.kissmetrics.com/color-psychology/
Color of the Year 2010: By The People http://www.colourlovers.com/business/blog/2010/10/26/color-of-the-year-2010-by-the-people
The Most Powerful Colors in the Worldhttp://www.colourlovers.com/business/blog/2010/09/15/the-most-powerful-colors-in-the-world
How Would You Like Your Graphic Design?http://colinharman.posterous.com/how-would-you-like-your-graphic-design
reference
![Page 40: 3 pitanja o Web Dizajnu](https://reader031.vdocuments.net/reader031/viewer/2022021918/588adcf31a28abab6c8b4ad1/html5/thumbnails/40.jpg)
podeli ovu prezentaciju sa prijateljima!*potrebno ti je manje od 15 sekundi
Prati me na twitteru:
@ivancosic
poziv na akciju