• Poštovani posjetitelju, za korištenje svih mogućnosti koje InternetZarada Forum omogućuje, predlažemo ti da se registriraš. Besplatno je i tvoja privatnost je potpuno zaštićena. Registracija ti omogućuje pristup svim kategorijama i temama, mogućnost pristupa privicima u postovima (slike, video, tutorijali, uputstva itd), pristup malom oglasniku (Tržnica), direktnu komunikaciju s članovima putem privatnih poruka, automatsko praćenje tema od interesa i još mnogo toga. Veselimo se tvojoj prijavi! ❤️

Web dizajn Kako prepoznavati i naucit radit dobar web dizajn

Davor Bomestar

Legenda
Tu od
27 Lis 2008
Postova
3,697
S obzirom da je internet danas uglavnom orijentiran na "web" tako su i web stranice postale jako vazne a izrada web stranica nije tako lak posao kako se ponekad cini. Da, postoje gotove teme ali velika vecina ozbiljnih firmi ima svoj vlastiti "custom" dizajn. Svima koji rade veoma ozbiljne projekte isto preporucam originalan i kvalitetan dizajn. Dizajn vase web stranice govori puno o vama. Losije pripremljeni web dizajn salje dojam kako je firma neprofesionalna.

Ali nije stvar samo u "profesionalnom" izgledu. Los dizajn i ubija konverzije. Naprimjer ako imate web shop s lose odradjenim dizajnom vas postotak prodaje moze biti katastrofalan s jednakom kolicinom posjete. Ako samo jedna promjena "buy" tipke s lijeve na desnu stranu moze udvostruciti prodaju, onda mozete zamislit koliko vam los dizajn moze upropastiti prodaja. Preskupo je imati jeftini dizajn.

Web stranica je kao trgovina, netko tko ima ruzan izlog, ruznu trgovinu salje dojam da je mala, nevazna, amaterska firma i zato trebate dizajn web stranica shvatit kao izlogom vase trgovine. Ma i puno vaznije, jer vas web dizajn i elementi na stranici govori o vasoj kredibilnosti na jako puno nacina.

Jos jedan razlog zasto je dobar web dizajn dobar..

Trebate se trudit imati affiliate projekt koji nimalo ne lici na affiliate projekt. Ako netko moze na prvi pogled utvrdit da vas website je affiliate/adsense website to je onda ono sto bi se moglo nazvati MFA ili Made For Adsense. Manje vise 95% mini-niche websiteova se daju u 1 sekundi prepoznat. I zato pozivam clanove da razmisle o vaznosti web dizajna. Prije Google Panda nadogradnja dizajn je bio vazan ali nakon Panda nadogradnje web dizajn je postao jednako vazan element za SEO kao i bilo koji drugi faktor koje svakodnevno koristimo. Nejasno mi je da netko moze sagradit stotine linkova, objavite stotine tekstova a imati jedan te isti genericki dizajn koji jednostavno vice da se radi o MFA websiteu. Ne zaboravite, Google sve sajtove koji su napravljeni "samo kako bi zaradjivali" smatra spamom. Ako ubacite neki obican wordpress dizajn koji ima jos pola weba, nabacite 3 reklame odmah na prvom pogledu webstranice (above the fold), dodate exact match domenu poput www.luxurywatchesreviews.com mozete biti sigurni da je vas projekt strasno lako moguce detektirati kao spam i nekvalitetan website.

Da bi to izbjegli potrudite se maximalno imati dizajn kao da se radi o nekom pravom web shopu, pravom blogu, website od prave firme. Kada netko tko bude posjetio vasu stranicu ne bude mogao to zakljucit onda cete imat puno kvalitetniji dizajn.

Evo jedan kratki primjer kako je lako prepoznati MFA sajt. Ja a i sve firme manje vise koje nude usluge imaju kontakt formu jako istaknutu na pocetnoj, imaju veliki broj telefona u headeru i call to action, s druge strane MFA sajtovi tj. vecina affiliate projekata ne da nema kontakt formu, ne da nema broj telefona, contact stranicu nego vecina nema ni "About Us/O nama" stranicu a i ako ima na njoj nema nista.

Google koristi ljude za pregledavanja sajtova i svatko tko treba ustanovit jeli sajt dobar ili los ce to lako prepoznat ovakve razlike.

Razlozi za kvalitetan originalan web dizajn pa cak i vasih affiliate projekata su mnogi. Ali kljuc je da vas website ne izgleda kao affiliate ili made for adsense website, kljuc je da izgleda realno i legitimno kao website kakav imaju ozbiljne firme.

E sad nakon sto smo objasnili vaznost web dizajna (a moglo bi se napisat knjigu o tome) samo bi htio navesti 2 nacina koja sam ja koristio kada sam kretao sa web dizajnom.

Ja sam pregledavao websiteove na template sajtovima kao sto je template monster: http://www.templatemonster.com/
Tamo sam provodio dane i dane, proucavao sam korporativne stranice tj. dizajne, proucavao sam starije, nove, wordrpress ma svakakve web dizajne i kljucna stvar, gledao sam sta mi se svidja na njima, zasto mi se svidja, analizirao sam po cijele dane u najmanje detalje. Naprimjer, samo formatiranje teksta na stranici vecina web dizajnera zanemaruje a pravilno formatiranje teksta na stranici moze drasticno utjecat na sam izgled i dizajn web stranice. Margine i white space, za te stvari treba tocno podesavat omjere da bi izgledalo lijepo, stvari moraju biti poravnate itd. Vecina web dizajnera to ne zna. Zato ja cesto kazem za ljude koji te stvari ne znaju da nisu web dizajneri nego ekipa koja radi u Photoshopu. Pravi web dizajner mora znati kako taj dizajn se ponasa u interakciji s korisnicima, tj. mora predvidjet kako ce korisnik gledati na taj dizajn. Zato su ti maleni detalji strasno vazni.

Jos jednom ponavljam, proucavajte templateove, proucavajte najsitnije detalje. Kada vidite neki website ili element na nekom websiteu kad surfate, zastanite i zapitajte se sto vam se svidja, zasto vam se svidja taj element, kako ga mozete vi napraviti i ubaciti u neki vas dizajn. S praksom se postaje sve bolji i bolji. Tko god se bavi web dizajnom trebao bi dnevno barem 30 minuta ama bas svaki po godinu dana proucavati druge websiteove.

Drugi nacin je pregledavanje CSS Galerija. Isti princip vazi kao i sa template monsterom. Tu su vise kreativni dizajni, koji su dobri za ucenje sta je sada popularno, ali nemojte pretjerivat, najbolji dizajn je najcesce negdje izmedju templateova sa template monstera i dizajnova sa CSS galerija. Gledajte da ta 2 stila ukombinirate i jako puno cete naucit. Proucavajte i kod CSS galerija sto vam se svidja, sto je dobro napravljeno, kako to napravit kod dizajna koji vi radite.

Veliku listu CSS galerija mozete pogledati ovdje: http://www.cssgallerysubmission.com/css-gallery-list/

One koji su zainteresirani za SEO, ne moram ni napomenuti da kada imate vlastiti originalan i stvarno lijep dizajn (sto ipak nije pretesko postic) mozete prijaviti vas website na CSS galerije. Iako na ovoj listi gore ima 250 CSS galerija, neke dozvoljavaju samo zasebnu vrstu websitea, bez obzrira na to 100-150 linkova mozete dobit tj. linkove sa 100 do 150 kvalitetnih websiteova. To je vrlo solidan broj linkova, npr. u Hrvatskoj vecina websiteova ima linkove sa manje od 50 drugih websiteova sto znaci samo sa linkovima sa CSS galerija mozete biti debelo iznad prosjeka u Hrvatskoj.

Nemojte zanemarivati dizajn vase web stranice. Visestruko je koristan i za vasu posjetu, za to da vas projekt izgleda legitimno i ne dobije kazne ali i za vase link building napore. Umjesto samo o tekstovima, razmisljajte vise o dizajnu vase web stranice jer Textovi, SEO, Dizajn sve su to elementi koji vam poboljsavaju iskoristivost tj. potencijal vaseg web projekta.


____________

Da bi shvatili koliko vas web dizajn utjece na SEO proucite ovaj thread o Google Panda nadogradnji:

Google Panda kroz Slike (Infografika)
https://internetzarada.org/google-panda-kroz-slike-infografika-t-5623.html
 
Dobar osvrt,
po meni treba bacit oko na .themeforest.net i malo proučavati.
 
Slažem se sa svime navedenim.

Iako ima jako puno stranica na internetu koje katastrofalno izgledaju, i nabacane su, i uz sve to imaju duplicate content, ali su svejedno ispred konkurencije. Nadam se da će se to uskoro promijeniti.

Što se dizajna tiče, treba samo uporno vježbati, pregledavati razne galerije, ali i pratiti stranice koje pružaju korisne savjete oko dizajna, raznih grafičkih tehnika, usability-a i slično. Jedino na taj način se može poboljšati problem sa "netalentiranosti" ili bezidejnosti.

Osobno nisam nešto talentiran za web dizajn, više mi leži programiranje. Ja nikad ne uspijem napraviti dizajn u PS-u s kojim sam zadovoljan, pa obično napravim tek neku skicu, odnosno kostur stranice kako bih volio da izgleda. Imam drugačiju tehniku. Nakon što sam koliko toliko definirao izgled u PS-u, napravim to isto sa HTML/CSS. Onda počinjem ubacivati tekstove sa slikama, stiliziram headinge, podesim margine i sve što je potrebno. I onda svako malo se zabuljim u web stranicu i zamišljam si koji bi element mogao dodati, bio to grafički element ili nekakav widget ili nešto. Na taj način se obično dešava da mi se ispočetka stranica ne sviđa ali što vrijeme više odmiče, dobivam kompletniji izgled i na kraju obično budem zadovoljan.
 
Dobar osvrt na dizajn.

Meni je uvek bio favorit "grid based design", a kao dobar resurs moze da posluzi ova stranica
http://960.gs/
 
Volim dizajn!

Inače u povijesti umjetnosti i umjetničkom osvrtu na neku sliku postoje samo dvije vrste odaziva mozga - ili će nam se predočeno svidjeti .. ili neće - što je dosta subjektivne prirode. Ono što pomaže u razumijevanju dizajna je činjenica da "oko ne voli kaos". Čak i kada gledamo nešto što je "načičkano" s puno detalja a dobro igleda primjetit ćemo da je geometrijski balans i balans boja dobro postavljen. Mišljenje je subjektivno. To me podsjeća na bounce rate kod google analytics-a (uvijek će postojati određen broj ljudi koji čim vidi stranicu odlazi s nje).

Kažu da se u današnje vrijeme ne može biti orginalan; što je na neku ruku točno. Kada vidim dobar dizajn pokušavam upamtiti sve detalje i kompoziciju kako bi bolje shvatio što je točno to što mi se kod te stranice svidjelo. Mi dizajneri smo posebna vrsta koja se baš ne slaže najbolje s programerima. Ovo je zdrava logika stvari jer programer vidi sve u kodovima i operacijama, a kada mu dizajner predoči dizajn posvađaju se jer jedan ne shvaća drugog "zašto to nije izvedivo". Teško je prikupiti kompletno znanje iz pravljenja web stranica jer se granaju na mnoge programske jezike i podloge.

Ono što kontrira dobrom vizalnom dojmu je informacija koja je predočena na stranici. Format informacije i način osobnog pristupa predočavanja informacije može čak u potpunosti "opčarati" posjetitelja i navesti ga da kopa po sajtu satima (ako je sajt opremljen dobrim i korisnim informacijama). Taj primjer me najviše podsjeća na sam Google koji je baš zbog svog minimalističkog izgleda, funkcionalnosti i nafutrovanosti informacijama korisnim za korsinika postao tražilica broj jedan na svijetu.

Onako kako ja to shvaćam da bi nešto bilo ugodno oku i imalo efekta mora biti dobro predstavljeno. Tu griješi većina IM-ovaca jer ne razmišlja kakvu poruku odašilje njegov sajt.

To bi bilo moje mišljenje o dizajnu web stranica i generalno o dizajnu

"have a niche day"
 
U prethodnom odgovoru zaboravio sam postaviti jedan link, nadam se da nije problem stoi ovako naknadno ubacujem!

Rad se o besplatnom izdanju koje se moze naci online a odnosi se na osnovne dizajn principe za web stranice.

Web Style Guide
http://webstyleguide.com

a pod ovim linkom se nalazi literatura.
http://webstyleguide.com/wsg3/index.html

Ukoliko neko zeli da se bavi dizajnom, mislim da mora proci ove korake, kako bi razumeo ceo proces od ideje do resenja.
 
@moonlander - hmm. Iako se slazem da nesto treba biti dobro predstavljeno dizajnerski i da skoro svi IM-ovci grijese u tome. Ali moram reci da 5 godina vodim slicnu raspravu sa svojim prijateljem dizajnerom, malo sam utjecao na njega i njegov odnos prema web dizajnu ali jos uvijek znamo se po par sati raspravljat (u poz. smislu). On gleda to iz samo "web dizajn" perspektive dok ja gledam web dizajn u funkciji marketinga. Moze biti najljepsi dizajn ali ako lose prodaje onda je po meni "beskoristan". Zato tvrdim da je Conversion Rate Optimization industrija jako vazna jer ona upravo proucava utjecaj dizajna na korisnike i prodaju. Npr. bounce rate koji si spomenuo, tocno je, nekima se nece svidjet sajt ali isto tako mozes imat bounce rate 50 a mozes i 90, tako da onaj koji ima bounce rate taj po meni ima bolji dizajn bez obzira dal se on meni svidjao ili ne jer svidja se onome kome je namjenjen, posjetiteljima.
 
@dbomestar - Pa da... Mada u svim tim principima funkcionalnost nekada zna prevladati - tj. generalna ideja sajta i njegova tematika. Gledao sam prije par godina na šta je ličio youtube kada je krenio - bio je loše dizajnerski odrađen mada mu je funkcionalnost bila dobra i to ga je lansiralo u viral. Kao i ona priča da kada su pravili google naslovnicu nisu stavljali oglase ni slike jer "navodno" nisu imali onda znanja za to (više manje - neznam koliko je ovo više marketinški trik). Recimo opet kod affiliate marketinga u kojem se prodaju skuplji proizvodi je dosta bitan vizualan dojam jer razlike između logo-a za 5$ i logo-a za +200$ ima.
 
Mislim da je istina ovo što kaše dbomestar, dizajn u funkciji nečega.
Jer web dizajn u osnovi nije umjetnost, nego "obrt". Nije to slikanje isl.

Tu mislim da nije loše isto pratiti generalno trendove, jer ako nešto izgleda "so last year", može ljudima biti odbojno.
Srećom u zadnje vrijeme, osim gotovih template-a ima i css-frameworka sa gotovim ui elementima
i naprednim CSS3 / HTML5 kombinacijama.
Tako postoji Preboot.less, Twitterov bootstrap, Zurb Foundation.

Također i na osnovi Twitterovog Bootstrapa postoje razne besplatne teme.

To rješava neke temeljne "nemam ideju kako da nešto napravim" dileme, a ostavlja i dosta prostora za prilagodbu prema vlastitom ukusu.

Ima i nekih čisto matematičkih "mjera" koje se u dizajnu i umjetnosti smatraju estetski optimalnima, mislim da dosta blogova i dizajna slijedi "Zlatni Rez" omjer (0.613), pa čini mi se i YouTube.

"Tamo sam provodio dane i dane, proucavao sam korporativne stranice tj. dizajne, proucavao sam starije, nove, wordrpress ma svakakve web dizajne i kljucna stvar, gledao sam sta mi se svidja na njima, zasto mi se svidja, analizirao sam po cijele dane u najmanje detalje."

Upravo to.

Čitao sam prezentaciju od jednog lika iz Izraela o web dizajnu, i slažem se s njim.
Ukratko, poruka je bila "Iterate, iterate, iterate".
Na naški, to bi bilo, ponavljaj i popravljaj, i dotjeruj detalje dok ne uhvatiš x-factor.

Mislim, u biti, da kad ti već razne kombinacije u dizajnu počnu izlaziti na uši i počneš ih sanjati po noći,
onda imaš pretpostavke da "uđeš u zonu" i napraviš nešto što je i originalno, i trendy, i ne-pretjerano.

U biti, mislim da je kad se počinje sa dizajnom, jedan od klasičnih početničkih pogrešaka pretjerivanje.
Pretjerivanje sa detaljima, sa dotjeranošću, sa natrpanošću sadržajem (nedostatkom praznog prostora na stranici),
i sa onim da ne znaš da je "manje više".
 
Volio bih vidjeti sajtove sa stopama konverzije 10%, 20%, ali na temelju mojeg iskustva (a webove radim od sredine devedesetih), razlika u stopi konverzije nije višestruka, dok razlika u dolascima ako si prvi ili treći na Googlu jest.

Ali hvala za popis CSS galerija.
 
Nisam nikakav strucnjak za konverziju i kad komentiram na tu temu to je uvijek onako "priuceno" usput uz posao koji inace radim. Smatram da je bolje dati i nekakav podatak i informaciju nego nikakav, ali da postoje ljudi koji znaju to stostruko vise nego ja to svakako.

Ali sjecam se da je na search engine landu bio izasao jedan clanak kako su neki likovi kroz par godina napravili 2 ili 3 redizajna i od pocetka su postigli 6 puta povecanje konverzija. E sad, to nije moje osobno iskustvo ali nekim publikacijama vjerujem vise nego drugima i recimo da za SEL mislim da su uglavnom korektni pa mislim da nebi bas objavili izmisljeni tekst.

Iako jest SEO ono cime se bavim ali 6 puta povecat volumen posla u SEO-u (ako je vec uhodan jaki biznis) mislim da stvarno nije lako.
 
Davore, evo primera o cemu govoris, i to tvoj komsija iz Rijeke:

http://igor-kostelac.com/

Ne znam odakle bi krenuo prvo, font, pozadina, java script, floater , zatim zabranio je desni klik i za urlove zbog kradje,layout,... Inace licno volim da ga citam ali uz izuzetan napor .

Inace on prodaje i knjige sto znaci da je blog i e-shop.
 
Covjek bi mogao dobit tuzbu za izazivanje epilepsije :)

Salu na stranu, da kod tog primjera zaista dizajn je totalno kakav nebi trebao biti. Bolje stavit jedan word dokument nego totalno nefunkcionalan dizajn. Crna pozadina znam da neki vole ali opcenito je prihvaceno kao veliki no-no u web dizajn svijetu.

No dobro, ovo je bas extreman primjer. Ovaj primjer sto sam spomenuo da su postigli 6 puta povecanje konverzija to je bilo sa vec dobrog websitea su uspjeli postici 6 puta poboljsanje.

Idem bas proguglat.

Evo ponasao sam, stari primjer ali i dalje koristan:
http://searchengineland.com/not-don...landing-pages-6x-conversion-improvement-39020

Savjetujem za procitat.



freemind kaže:
Davore, evo primera o cemu govoris, i to tvoj komsija iz Rijeke:

http://igor-kostelac.com/

Ne znam odakle bi krenuo prvo, font, pozadina, java script, floater , zatim zabranio je desni klik i za urlove zbog kradje,layout,... Inace licno volim da ga citam ali uz izuzetan napor .

Inace on prodaje i knjige sto znaci da je blog i e-shop.
 
Polozaj, boja, dugmica za akciju, sa samo malom rotacijom i izmenom moze cuda da napravi.
Secam se kada smo redizajnirali jednu landing stranu, i posle uspesnog testa , i dobre konverzije, nismo posle dirali ni naknadno uocene greske na strani.
 
Pozdrav, ja sam počeo tako što sam skidao gotove šablone i proučavao, menjao kod i slično. Sada živim od web dizajna.
 
Kao i uvijek, odličan tekst, ali zapalo mi je za oko ovo: "Preskupo je imati jeftini dizajn." Čovječe ovo ni Ivo Andrić ne bi umio reći :D
 
Planiram da se bavim web dizajnom ubuduće i mogu reći da je jako lepo ono gore napisano. S tim da smatram da se web dizajn ne može samo naučiti, treba se imati oko i smisao za to, isto kao i za pevanje, recimo. :)
 
Bolje receno ko crtanje... Mozes biti uporan i uz puno truda i vjezbe i postati jedan solidan web dizajner mada nemas bas previse talenta
 
Pa možeš, ali opet, moraš imati koliko-toliko oko za to, gledala sam radove nekih ljudi koji se trude ali tu uvek nešto fali, a isto tako, ne vredi ti ni samo talenat ako ne učiš dodatno.
 
Back
Na vrh