Web dizajn – 8 stvari koje morate znati

Web dizajn se često razmatra sa fokusom na tehnička pitanja, poput wireframe-ova, odnosno nacrta ekrana, kodova i upravljanja sadržajem. Ali odlika sjajnog web dizajna nije samo u tome kako integrišete dugmiće za društvene mreže ili kakve vizuale koristite. Poenta je da proces stvaranja web stranice bude usklađen sa vašom sveobuhvatnom strategijom.

Dakle, kratko i jasno – pre kreiranja sajta potrebno je znati zašto pristupate izradi web projekta i sa kojim ciljem. Da li je on prezentacioni, prodajni, edukativni, da li treba da informiše ili treba da vam donosi zaradu. Pitanja je mnogo, a odgovori postoje ukoliko temeljno analizirate konkurenciju u zemlji, ali i inostranstvu.

Dobro dizajnirani sajtovi nude mnogo više od estetike. Oni privlače posetioce i pomažu da shvate proizvod, kompaniju i brendiranje kroz mnoštvo elemenata, kao što su vizuali, tekstovi i interakcije. To zapravo znači da svaki element sajta treba da bude usmeren ka istom cilju koji ste vi postavili. 

Sada se sigurno pitate kako da postignete tu harmoniju elemenata? Jednostavno je, kroz web dizajn proces koji jednako vrednuje formu i funkciju.

Da pojasnimo, prema našem mišljenju web dizajn obuhvata 8 etapa:

1. Identifikacija cilja prilikom izrade web sajta:

Utvrdite prvo koje to ciljeve treba vaš sajt da ispuni, tačnije koja je zapravo njegova svrha. Pitanja kojima se vodite u ovoj etapi su: 

• Kome je web sajt namenjen?
• Šta očekuje neko da pronađe na vašem sajtu?
• Da li je primarni cilj sajta da informiše, proda ili zabavi?
• Da li sajt mora jasno da prenese osnovnu poruku brenda ili je deo šire strategije brendiranja? 
• Šta nudi konkurencija? Šta vas razlikuje od njih, a šta možete “pozajmiti”?

Ako se na ova pitanja ne odgovori jasno i precizno, uspeh celog projekat se dovodi u pitanje.

Korisno je napisati jedan ili vše jasno definisanih ciljeva ili rezime očekivanih ciljeva u jednom pasusu. Ovo može pomoći da se dizajn postavi na pravi put. Potrudite se da dobro istražite i razumete svoju publiku, ali i konkurenciju. 

2. Definicija opsega:

Kada znate ciljeve sajta, možete definisati njegov obim. To obuhvata, na primer, koje stranice i karakteristike treba da ima sajt, kao i rokove za njihovu izradu.

Bitno je da se držite jasno definisanog cilja i dobro organizujete svoje rokove za izradu. 

To možete učiniti na primer pomoću Gantograma. Postavite realne planove, koji sadrže sve bitne faze, sa rokovima koji su dostižni. Ovo pomaže da ceo tim ostane fokusiran na zadatke i ciljeve, kao i poštovanje rokova.

3. Kreiranje mape sajta i wireframe-a (nacrta ekrana):

Sledeći korak je da osmislite mapu sajta, odnosno kako će sadržaji i funkcije koje ste definisali u prethodnom koraku biti međusobno povezani.

Mapa sajta vam je osnova za dobro dizajniran sajt. Ovo pomaže web dizajnerima da imaju jasnu sliku o arhitekturi sajta i objašnjava vezu između različitih stranica i elemenata saržaja.

 

Jasna specifikacija pomaže i da imate tačan plan izrade kako bi se lako uradila procena posla oko izrade. Mnoge ozbiljne firme za izradu web sajtova neće sa vama ni pregovarati ako nemate jasan plan jer je svima bitno da znaju, da li se zida prizemna ili trospratna kuća kako bi dali procenu radnih sati.

Znači, pravljenje sajta bez mape sajta je kao zidanje kuće bez ikakvog nacrta i plana, dakle retko se završi kako treba.  Gomila stvari će da se podrazumeva, a u poslu se podrazumeva da se ništa ne podrazumeva.

Primer mape sajta za web shop možete videti na sledećoj slici:

U ovom slučaju bi se naslovna strana sadržala iz kategorija Shop, Blog, O nama i Kontakt.

Kategorija Shop bi se granala na potkategorije koje čine različite kategorije proizvoda koje se granaju u posebne proizvode koji mogu imati takozvane atribute (veličina, boja, sniženje, akcija i slično).

Nakon toga, treba da pronađete inspiraciju za dizajn i izradite wireframe. Wireframe predstavlja vizuelnu shemu stranice i rasporeda sadržaja na njoj. Ona može biti izrađena pomoću olovke i papira, na tabli ili pomoću raznih aplikacija.

Neke od aplikacija koje će vam biti od pomoći za mapiranje i kreiranje wireframe-ova:

• Balsamiq
• Moqups
• Sketch
• Writemaps
• Slickplan

4.  Kreiranje sadržaja:

Sada kad je stvorena “šira slika” o sajtu, možemo preći na konkretno kreiranje sadržaja za individualne stranice. U ovom koraku, bitno je imati SEO optimizaciju na umu, kako bi stranice bile fokusirane na jednu određenu temu. Od krucijalnog značaja je da imamo dobar sadržaj kako bi prešli na sledeće korake.

Sadržaj vašeg sajta važan je iz dva razloga:

• On podstiče angažovanje publike i akciju:

Pre svega, vaš sadržaj podstiče čitaoce i pokreće ih da preduzmu korake potrebne da se ostvari cilj vašeg sajta. Na to utiče sam sadržaj, ali i način na koji je predstavljen (primera radi, tipografija ili strukturni elementi).

 

Kratki, energični i intrigantni sadržaji privlače publiku i vuku ih da otvaraju i druge vaše stranice. Kada pišete duge tekstove “izlomite” ih na više kraćih paragrafa, dodajte fotografije, ilustracije, grafike, što će ih učiniti lakše svarljivim za publiku i zanimljivijim.

• SEO

Dobar sadržaj povećava vidljivost sajta na pretraživačima. Praksa stvaranja i optimizacije sadržaja za dobro rangiranje, poznata je i kao SEO optimizacija web sajta.

Dobro definišite i proverite koje ključne reči i fraze u tekstu treba da koristite, te ih rasporedite u samom telu teksta (koristite tu reč često), meta opisu i pri početku naslova.

Saznajte i kako analizirati konkurenciju na Google pretrazi?

5. Vizuelni elementi za web dizajn:

Kada su svi prethodno pomenuti koraci ispunjeni, potrebno je da se posvetite vizuelnom brendiranju. Jako je bitno da detaljno osmislite i definišete vizuelni identitet brenda. Alati poput inspirativne ploče, moodboard-ova i sličnih koncepata sa kolažima slika, predmeta ili tekstova složenih u kompoziciju vam mogu pomoći u ovoj etapi.

Vaš vizuelni identitet mora biti u skladu sa postojećim elementima vašeg brenda, kao što su logo i boje koje koristite. 

Fotografije su u današnje vreme nikada bitnije za vaš brend, njihov kvalitet odaje vaš nivo profesionalnosti, a pored toga one same po sebi nose određenu poruku i pomažu da se izgradi poverenje kod publike. 

Video i foto sadržaji će povećati broj klikova ka vašoj web stranici, angažovanje publike i prodaju. Takođe, vizuelni sadržaj čini da stranica izgleda manje glomazno i “teško svarljivo”, ali i pojačava poruku koju želite tekstom da pošaljete, a nekad i sama fotografija može biti jasna poruka.

Preporučujemo da koristite usluge profesionalnog fotografa i uradite kvalitetan i jedinstven sadržaj. Naravno, uvek možete koristiti i besplatne stok fotografije. Stalno imajte na umu da će velike fotografije usporiti vaš sajt, te  je potrebno da ih kompresujete.  „Teške“ fotografije usporiće rad vašeg sajta, što se posetiocima sigurno neće svideti.

6. Testiranje:

Sada kada ste pripremili sav sadržaj za vaš sajt, treba proveriti da li sve funkcioniše kako treba. Kombinujte ručno pregledanje sajta na raznim uređajima, sa automatskim web indekserima da biste identifikovali sve moguće probleme, od korisničkog iskustva, do neispravnih linkova.

Testirajte svaku stranicu ponaosob i uverite se da svaki link funkcioniše! Proverite kako se svaka stranica učitava na različitim uređajima i pretraživačima. Greške mogu biti rezultat sitnih omaški u kodovima i bolje ih je pronaći i ispraviti pre lansiranja sajta. Ne želite da se „osramotite“ i predstavite publici neispravan sajt.

Još jednom pogledajte meta naslove i opise stranica. Čak i redosled reči u meta naslovu može uticati na performanse stranice na pretraživaču.

Korisni alati za testiranje su:

• W3C Link Checker
• SEO Spider

7. Lansiranje

Kada sve funkcioniše kako treba, vreme je za planiranje i lansiranje sajta, vaš dan D!

Sada je potrebno da isplanirate vreme lansiranja i strategije komunikacije. Na primer, kada ćete lansirati sajt, kako ćete obavestiti javnost o tome i slično..

Kada je sve detaljno istestirano i zadovoljni ste sajtom, vreme je za akciju! 

Ovo najčešće neće proći savršeno, neke elemente ćete možda morati da ispravljate ponovo. Dakle, web dizajn je proces koji zahteva konstanto održavanje.

8. Održavanje sajta

Websajtovi su živi, fluidni entiteti i zahtevaju od vas konstantnu brigu i održavanje. Ubacivanje novog sadržaja, rešavanje neispravnih linkova, deo su maltene svakodnevnice. 

Naravno ovde mislimo na sajtove koji unapređuju poslovanje. Na njih gledajte jednostavno i pragmatično.

Ako želite prinos, morate da prskate korov.

Ono što je bitno da tokom čitavog procesa imate na umu jeste želja za ostvarenjem postavljenog cilja i za napretkom na kompetitivnom tržištu!

Web dizajn – zaključne reči

Kao što smo već rekli, svrha web dizajna je u pronalaženju prave ravnoteže između forme i funkcije.

Morate koristiti prave fontove, boje i motive. Međutim, u istoj je meri značajan način na koji se ljudi kreću kroz vaš sajt i kako ga doživljavaju. 

Tu sintezu, kao što vidite nije toliko lako postići. Ako vam se čini da je sve ovo previše komplikovano i zahteva mnogo vremena i truda, imamo rešenje za vas. 

Progressive media nudi usluge web dizajna i može vas rešiti svake glavobolje kada je u pitanju dizajniranje vašeg sajta!