Uputstvo za procenu dizajna sajta

U ovom članku pomoći ćemo vam da se razjasnite u vezi sa pravilnošću dizajna i strukture sajta za njegove posetioce, kao i da shvatite da li su maksimalno prikazani jaki aspekti kompanije i kako brzo posetilac pronalazi potrebne informacije ili čak izvrši kupovinu.

Pre nego što počnemo sa analizom sajta, pregledajte ga kao običan korisnik sa strane — da li vam je sve udobno i jasno, lako je li pronaći put, odakle ste došli, rade li svi dugmići i linkovi, da li je informacija na sajtu pravilno postavljena, da li nešto bode oči, ima li nečega bespotrebnog ili ponavljajućeg se i šta biste dodali za veći publicitet kompanije i za udobnost boravka na web resursu. Često kompanije koriste sajtove-templete. Oni mogu izgledati lepo po dizajnu i strukturi, ali vrlo često zbog svoje univerzalnosti ne odražavaju specifičnost pravca kompanije i lišeni su svoje jedinstvenosti. Razlika između templatnog sajta i netemplatnog je u tome što prvi polazi od strukture, a ne od aktivnosti kompanije, dok kreiranje sajta od nule počinje sa detaljnim sastavljanjem tehničkog zadatka, u kojem se odražavaju principi kompanije, stavljen je akcenat na prednosti i usluge kompanije, a tek nakon toga formira se struktura sajta.

Kada smo analizirali sajt sa stanovišta udobnosti posetioca, prelazimo na deo dizajna i funkcionalnosti:

Početna stranica treba da sakuplja sve najvažnije sa sajta — jasno predstavi kompaniju kroz ključne tačke pomoću "jakih" fotografija, ikona, kontrastnih tekstova (važno je ne preterivati sa tekstovima na početnoj stranici). Takođe će biti veliki plus korišćenje na sajtu fontova i boja kompanije. Unutrašnje stranice treba da budu 95% slične po dizajnu (pozadina, dugmadi, tekst, naslovi, raspored i formatiranje fotografija), ali pri tome da sadrže informacije samo u skladu sa temom, bez dodatnih ukrasa koji su karakteristični za početnu stranicu. Ali ako govorimo o imidž sajtu, igra sa elementima dizajna je na njima prihvatljiva.

Takođe je prihvatljivo isticanje akcenata velikim fontom, drugom bojom (u skladu sa stilom kompanije) ili kurzivom. ALI! Najvažnije je u ovom slučaju ne preterivati, da ne bi došlo do efekta "razbijenih očiju".

Sajt mora odražavati stil kompanije. Na primer: salon lepote — stvoriti osećaj harmonije, luksuza i lepote; auto servis — negde u footeru automobil ide velikom brzinom, brojevi brzinomera, grafički oblici, oštre linije, muške sportske boje... Sve zavisi od tačnog stila brenda, jer je moguć i muški salon lepote i auto servis za ženske "bube".

Na sajtu je potrebno prisutstvo dinamike: okretni baneri, osvetljeni dugmadi (ali bez preterivanja, kao na starim sajtovima), izlaženje tekstova.

Obavezno! Korisnik ne sme da vidi gde počinje i gde se završava "body" sajta (radni deo, gde je smešten sajt). Najčešće to izgleda kao okvir svetle boje na tamnoj pozadini. To ne sme da bude! Sajt mora glatko preći iz body u pozadinu bez vidljivih granica. Ovo je veoma važno! (Posebno loše izgleda na širokim ekranima.)Veoma je važno da postoji kompletna navigacija, kao i potpuni footer: naziv kompanije, logo, kontakti, copyright, po želji društvene mreže, urađeni u stilu sajta! Takođe i forma za kontakt.

Kada uđemo na sajt, ne smemo da vidimo nikakve jasne spotičuće strukture, okvire, neprimerena isticanja. Na sajtu treba da bude harmoničan red, udoban za oči korisnika.

U slučaju online konsultanta, konsultant mora biti po defaultu zatvoren i otvarati se samo kada ga pritisnete ili izvučete.

Na sajt ne treba stavljati fotografije niskog rezolucije sa ličnog telefona. Ako je moguće, bolje je koristiti usluge profesionalnog fotografa ili uzeti kvalitetnije fotografije sa interneta. Lošim manirama se smatra postavljanje mini slika koje se pri otvaranju povećavaju samo za 20%. Najbolje rešenje je izbegavati situaciju kada, nakon što kliknemo na mini sliku, slika se prikazuje u iskačućem prozoru i ne znamo kako da je zatvorimo, ili na vrhu izlazi strašan krstić i strelice sa strane. Optimalno rešenje je prikazivanje slike u punoj veličini na vrhu ili sa strane i postavljanje prelaznih mini slika pored.

Mi idemo putem povećanja informacija i istovremenog pojednostavljivanja njihove prezentacije za korisnika. Zbog toga, što manje klikova, skrolovanja i nepotrebnih prelaza na prethodnu stranu (opcija sa kratkim novinskim zabeleškama koje se mogu promeniti pomoću naslova sa leve strane — potreba za stvaranjem stranice sa samo naslovima nestaje), to je bolje!

I poslednji trenutak — naftalin! Mnogi misle da je, ako su napravili sajt pre pet godina, on još uvek aktuelan. Ove jarke dugmadi sa okvirima i senkama, strašne isečene fotografije u okvirima, nejasne šarene tabele, ogromni tekstualni blokovi — sve je to već odavno prošlo.

Sad ćemo razmotriti neke trenutke stranica po stranica:

Početna stranica

Ovo je stranica opšte prezentacije kompanije, na kojoj treba da bude svega po malo sa svake stranice sajta kada je moguće, uz prelaze na unutrašnje stranice, bez potrebe za navigacijom (takozvani međusobni linkovi). Takođe, početna stranica treba odmah da "zadrži" osobu zanimljivim i konciznim dizajnom i da stavi akcenat na prednosti kompanije koje podižu njen rejting među drugim.

Šta mora biti obavezno na sajtu prema strukturi:

• prilikom klika na logo prelaz na početnu stranicu;
• prisutnost naziva stranice "Početna" u gornjoj glavnoj navigaciji;
• po potrebi prisutnost kontaktnih podataka u gornjem delu stranice + narudžbina povratnog poziva ili prelaz na formu za kontakt;
• gornji header, čak i sa velikim brojem informacija, treba da izgleda uredno i logično;
• prikazivanje dela informacija uz pomoć fotografija, mini slika ili ikona;
• ne pretrpanost sa tekstovima;
• raspored tekstualnih akcenata u obliku kratkih fraza, napisanim drugim fontom/većim veličinama/istaknutim drugim bojama/nerazmeštenim položajem na sajtu;
• dizajnerska dinamika;
• pristupačnost dugmića za poziv na akciju;
• jasna struktura koja ne opterećuje korisnika!

Stranica proizvoda

Vrlo često na ovoj stranici smo u mogućnosti da se konsultujemo sa nekim ili da potvrdimo želju za pozivom na akciju. Ove stranice treba da sadrže:

• kratak opis;
• informacije o dostupnim uslovima (garancija, dostava, popust, kupon i slično);
• kao i vizuelne akcenate u obliku veće slike.

Od velike je važnosti da svi dugmadi imaju odgovarajuće oznake i da postepeno uvode posetioca u svakodnevnu upotrebu proizvoda, kao i da ne zahtevaju previše dodatnog klika.

Stranica "Kontakti"

Ako je mapa potrebna i nije prisutna u footeru, bolje je da je postavite na stranicu "Kontakti" preko cele širine sajta i da je učinite interaktivnom, a ne u formatu slike. Ovo će pomoći posetiocu da se lakše orijentiše u okruženju i čak pregleda svoj put. Ako u footeru nema forme za kontakt, dobro je dodatno postaviti je na stranicu "Kontakti". Takođe, nije na odmet duplirati kontaktne podatke, čak i ako se ponavljaju u footeru. Ako je moguće, napišite o radnim časovima i danima, kao i dodajte pozdravnu poruku za posetioce, kao što su... "zahvaljujemo se na poseti sajtu", "odgovorićemo vam u roku od 24 sata", "bićemo radosni novim poznanstvima" i slično.

Ako imate online prodavnicu ili planirate da je napravite, važno je znati sledeće — potrebno je da maksimalno brzo prenesete informacije kupcu uz kvalitetne slike i prikazivanje osnovnih informacija (naziv, cena) kako na stranici sa listom svih proizvoda, tako i na unutrašnjoj stranici proizvoda sa detaljnijim opisom. Takođe je važan zgodan filter za proizvode kompanije i pretraga po nazivu i brendu proizvoda. Sve ovo će pomoći da se maksimalno smanji vreme provedeno u pretrazi, ubrza i olakša kupovina potrebne stvari.

To je to! Hvala na pažnji i srećno u izradi sajtova!