SlideShare uma empresa Scribd logo
1 de 40
Baixar para ler offline
E-trgovina 2011
Palić, 06-08.04. 2011.
Web Design Workshop




3 pitanja            o web dizajnu

autor: @ivancosic
Šta želim da
korisnik uradi
kada dođe
na moj sajt
                 1
poziv
    osmisli dobar

     na akciju
* call to action / CTA
Poziv na akciju
     nije ekskluzivan
     samo i jedino za sajtove
     koji se bave eTrgovinom

* koristi ga uvek i svuda
Popunjavanje kontakt forme




* primeri
Popunjavanje kontakt forme

    Prijava na newsletter




* primeri
Popunjavanje kontakt forme

    Prijava na newsletter

    Konvertovanje povremenog
     posetioca u trajnog


* primeri
Dobar poziv na akciju

    zadržava pažnju
    korisnika na stranici

* zapamti
Dobar poziv na akciju

    je način da merimo
    uspešnost sajta

* zapamti
Dobar poziv na akciju

    usmerava korisnika


* zapamti
anatomija
     kvalitetne
     stranice
* najlakši način da pridobijemo korisnika
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
10.
uvek
testirajte!
komunikacija
     benefitima
     klijent često ne kupuje bušilicu
     već rupu koju će njom napraviti



* korak dalje
dodaci i popusti
     ako nešto korisnik dodatno
     dobija istaknite to odmah
     i na vidnom mestu



* korak dalje
ključne reči
     don’t make them think!
     » kupi
     » pozovi
     » prijavi se
     » registruj se

* korak dalje
dodatne reči
     iskoristi svoje šanse
     » koliko je vremena
       potrebno za akciju
     » koliko traje akcija
     » šta se dobija ako se
       akcija uradi odmah

* korak dalje
učite
     na dobrim
     primerima

* nikad nije bilo lakše
Poseta sajtu se u većini slučajeva
     može smatrati neuspešnom
     (beskorisnom) ukoliko posetilac

     nije obavio
     očekivanu akciju
* mislite o tome
kako da
izborom boja
utičem na
raspoloženje
posetilaca
               2
uticaj boja
uticaj na donošenje
       odluke o
       kupovini
93% vizuelni utisak
85% uticaj boja
* osnovna značenja u zapadnim kulturama
* boje koje koristi prvih 100 Internet brendova
kakav web
dizajn želim?
dobar / jeftin / brzo završen
                                3
web
 design
                                DOBAR
                                              FREE



                       JEFTIN           BRZ



aspekti izrade sajta
web
 design
                                          DOBAR
                                                        FREE



                           JEFTIN                 BRZ



aspekti izrade sajta se uvek preklapaju
web
 design
                                       DOBAR
                                                          FREE
                                      UVEK
                                      KASNI




                          JEFTIN                    BRZ


dobar i jeftin uvek kasni jer dobar dizajner nema
vremena da se posveti samo vašem projektu
web
 design
                                         DOBAR
                                                              FREE
                                       UVEK
                                       KASNI



                                               KOLIKO
                           JEFTIN               PARA
                                               TOLIKO   BRZ
                                               MUZIKE




jeftin i brz često gotovo nikad nije dovoljno dobar
web
 design
                                        DOBAR
                                                                   FREE
                                      UVEK
                                      KASNI            SKUP



                                              KOLIKO
                          JEFTIN               PARA
                                              TOLIKO       BRZ
                                              MUZIKE




dobar i brz je najčešće skup, jer tim koji ga radi mora da se posveti samo njemu
web
 design
                                           DOBAR
                                                                   FREE
                                         UVEK
                                         KASNI            SKUP
                                                 UTOPIJA

                                                 KOLIKO
                            JEFTIN                PARA
                                                 TOLIKO      BRZ
                                                 MUZIKE




dobar, jeftin i brz je utopija o kojoj sanjaju mnogi...
web
 design
                                        DOBAR
                                                                   FREE
                                      UVEK
                                      KASNI            SKUP     SMEĆE
                                              UTOPIJA

                                              KOLIKO
                          JEFTIN               PARA
                                              TOLIKO       BRZ
                                              MUZIKE




brz i besplatan obično ispadne loše, jer mu nije posvećeno ni vremena ni resursa
web
 design
                                         DOBAR             URBANA
                                                           LEGENDA
                                                                      FREE
                                       UVEK
                                       KASNI            SKUP      SMEĆE
                                               UTOPIJA

                                               KOLIKO
                           JEFTIN               PARA
                                               TOLIKO        BRZ
                                               MUZIKE




dobar i besplatan je priča o kojoj pričaju svi, ali retko ko zna da ga pokaže
web
 design
                                         DOBAR             URBANA
                                                           LEGENDA
                                                                     FREE
                                                            BAJKA
                                       UVEK
                                       KASNI            SKUP     SMEĆE
                                               UTOPIJA

                                               KOLIKO
                           JEFTIN               PARA
                                               TOLIKO       BRZ
                                               MUZIKE




ako ste još uvek dovoljno mladi da verujete u bajke, samo nastavite...
reference
 Anatomy Of A Perfect Landing Page
 http://blog.kissmetrics.com/landing-page-design-infographic/

 The 22 immutable laws of branding
 © 2002 Al Ries and Laura Ries
 http://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 World
 http://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
poziv na akciju
  podeli ovu
  prezentaciju
  sa prijateljima!
  *potrebno ti je manje od 15 sekundi

  Prati me na twitteru:
  @ivancosic

Mais conteúdo relacionado

Destaque

Destaque (9)

Tratamiento
TratamientoTratamiento
Tratamiento
 
Seminario MacOSX
Seminario MacOSXSeminario MacOSX
Seminario MacOSX
 
Tercero y cuarto
Tercero y cuartoTercero y cuarto
Tercero y cuarto
 
Modul siti asrianti
Modul siti asriantiModul siti asrianti
Modul siti asrianti
 
170
170170
170
 
Mineduc me-2016-00020-a currículo básica y bgu
Mineduc me-2016-00020-a currículo básica y bguMineduc me-2016-00020-a currículo básica y bgu
Mineduc me-2016-00020-a currículo básica y bgu
 
Construcción de Fosa Septica
Construcción de Fosa SepticaConstrucción de Fosa Septica
Construcción de Fosa Septica
 
Class Discussion (ERP Vendors)
Class Discussion (ERP Vendors)Class Discussion (ERP Vendors)
Class Discussion (ERP Vendors)
 
Top1% Sales & Marketing Leader
Top1% Sales & Marketing LeaderTop1% Sales & Marketing Leader
Top1% Sales & Marketing Leader
 

Mais de Ivan Cosic

Trendovi u dizajnu
Trendovi u dizajnuTrendovi u dizajnu
Trendovi u dizajnuIvan Cosic
 
Proces izrade web sajta
Proces izrade web sajtaProces izrade web sajta
Proces izrade web sajtaIvan Cosic
 
Blogomanija na B-Link festivalu
Blogomanija na B-Link festivaluBlogomanija na B-Link festivalu
Blogomanija na B-Link festivaluIvan Cosic
 
Prezentacija o prezentacijama
Prezentacija o prezentacijamaPrezentacija o prezentacijama
Prezentacija o prezentacijamaIvan Cosic
 
Cvoriste101 - Zajednicki radni prostor
Cvoriste101 - Zajednicki radni prostorCvoriste101 - Zajednicki radni prostor
Cvoriste101 - Zajednicki radni prostorIvan Cosic
 
MotivaKcija @ BlogOpen 2010
MotivaKcija @ BlogOpen 2010 MotivaKcija @ BlogOpen 2010
MotivaKcija @ BlogOpen 2010 Ivan Cosic
 

Mais de Ivan Cosic (6)

Trendovi u dizajnu
Trendovi u dizajnuTrendovi u dizajnu
Trendovi u dizajnu
 
Proces izrade web sajta
Proces izrade web sajtaProces izrade web sajta
Proces izrade web sajta
 
Blogomanija na B-Link festivalu
Blogomanija na B-Link festivaluBlogomanija na B-Link festivalu
Blogomanija na B-Link festivalu
 
Prezentacija o prezentacijama
Prezentacija o prezentacijamaPrezentacija o prezentacijama
Prezentacija o prezentacijama
 
Cvoriste101 - Zajednicki radni prostor
Cvoriste101 - Zajednicki radni prostorCvoriste101 - Zajednicki radni prostor
Cvoriste101 - Zajednicki radni prostor
 
MotivaKcija @ BlogOpen 2010
MotivaKcija @ BlogOpen 2010 MotivaKcija @ BlogOpen 2010
MotivaKcija @ BlogOpen 2010
 

3 pitanja o Web Dizajnu

  • 1. E-trgovina 2011 Palić, 06-08.04. 2011. Web Design Workshop 3 pitanja o web dizajnu autor: @ivancosic
  • 2. Šta želim da korisnik uradi kada dođe na moj sajt 1
  • 3. poziv osmisli dobar na akciju * call to action / CTA
  • 4. Poziv na akciju nije ekskluzivan samo i jedino za sajtove koji se bave eTrgovinom * koristi ga uvek i svuda
  • 6. Popunjavanje kontakt forme Prijava na newsletter * primeri
  • 7. Popunjavanje kontakt forme Prijava na newsletter Konvertovanje povremenog posetioca u trajnog * primeri
  • 8. Dobar poziv na akciju zadržava pažnju korisnika na stranici * zapamti
  • 9. Dobar poziv na akciju je način da merimo uspešnost sajta * zapamti
  • 10. Dobar poziv na akciju usmerava korisnika * zapamti
  • 11. anatomija kvalitetne stranice * najlakši način da pridobijemo korisnika
  • 12.
  • 13. 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
  • 15. komunikacija benefitima klijent često ne kupuje bušilicu već rupu koju će njom napraviti * korak dalje
  • 16. dodaci i popusti ako nešto korisnik dodatno dobija istaknite to odmah i na vidnom mestu * korak dalje
  • 17. ključne reči don’t make them think! » kupi » pozovi » prijavi se » registruj se * korak dalje
  • 18. dodatne reči iskoristi svoje šanse » koliko je vremena potrebno za akciju » koliko traje akcija » šta se dobija ako se akcija uradi odmah * korak dalje
  • 19. učite na dobrim primerima * nikad nije bilo lakše
  • 20.
  • 21.
  • 22.
  • 23. Poseta sajtu se u većini slučajeva može smatrati neuspešnom (beskorisnom) ukoliko posetilac nije obavio očekivanu akciju * mislite o tome
  • 24. kako da izborom boja utičem na raspoloženje posetilaca 2
  • 26. uticaj na donošenje odluke o kupovini 93% vizuelni utisak 85% uticaj boja
  • 27. * osnovna značenja u zapadnim kulturama
  • 28. * boje koje koristi prvih 100 Internet brendova
  • 29. kakav web dizajn želim? dobar / jeftin / brzo završen 3
  • 30. web design DOBAR FREE JEFTIN BRZ aspekti izrade sajta
  • 31. web design DOBAR FREE JEFTIN BRZ aspekti izrade sajta se uvek preklapaju
  • 32. web design DOBAR FREE UVEK KASNI JEFTIN BRZ dobar i jeftin uvek kasni jer dobar dizajner nema vremena da se posveti samo vašem projektu
  • 33. web design DOBAR FREE UVEK KASNI KOLIKO JEFTIN PARA TOLIKO BRZ MUZIKE jeftin i brz često gotovo nikad nije dovoljno dobar
  • 34. web design DOBAR FREE UVEK KASNI SKUP KOLIKO JEFTIN PARA TOLIKO BRZ MUZIKE dobar i brz je najčešće skup, jer tim koji ga radi mora da se posveti samo njemu
  • 35. web design DOBAR FREE UVEK KASNI SKUP UTOPIJA KOLIKO JEFTIN PARA TOLIKO BRZ MUZIKE dobar, jeftin i brz je utopija o kojoj sanjaju mnogi...
  • 36. web design DOBAR FREE UVEK KASNI SKUP SMEĆE UTOPIJA KOLIKO JEFTIN PARA TOLIKO BRZ MUZIKE brz i besplatan obično ispadne loše, jer mu nije posvećeno ni vremena ni resursa
  • 37. web design DOBAR URBANA LEGENDA FREE UVEK KASNI SKUP SMEĆE UTOPIJA KOLIKO JEFTIN PARA TOLIKO BRZ MUZIKE dobar i besplatan je priča o kojoj pričaju svi, ali retko ko zna da ga pokaže
  • 38. web design DOBAR URBANA LEGENDA FREE BAJKA UVEK KASNI SKUP SMEĆE UTOPIJA KOLIKO JEFTIN PARA TOLIKO BRZ MUZIKE ako ste još uvek dovoljno mladi da verujete u bajke, samo nastavite...
  • 39. reference Anatomy Of A Perfect Landing Page http://blog.kissmetrics.com/landing-page-design-infographic/ The 22 immutable laws of branding © 2002 Al Ries and Laura Ries http://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 World http://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
  • 40. poziv na akciju podeli ovu prezentaciju sa prijateljima! *potrebno ti je manje od 15 sekundi Prati me na twitteru: @ivancosic