Šta je web dizajn?

Web dizajn

Web dizajn se odnosi na izgled, funkcionalnost i dizajn sajtova i svih njegovih stranica. Umesto razvoja softvera, web dizajn se obično odnosi na korisničko iskustvo i aspekte sajta koji se nalaze na delovima koji su vidljivi korisniku. Najprostije rečeno je da je web dizajn proces kreiranja web sajtova. Međutim, ovaj proces obuhvata nekoliko različitih aspekata uključujući i raspored web stranica, kreiranje sadržaja i grafički dizajn.

Razvoj web dizajna

Početak 21. veka je vreme kada je web počeo da poprima izgled kakav mi danas poznajemo.

Dizajneri su dobijali priliku da dodaju interaktivnost, navigaciju i multimedijalne aplikacije svom dizajnu. Dok je sam početak razvoja web-a u svom fokusu imao estetiku, ovo je period kada je postajao orijentisan prema samom korisniku. Dizajneri su sada više pažmje davali rasporedu i odabiru boja, tipografiji, kao i upotrebi ikonica umesto tekstualnih linkova.

Ova evolucija interneta dovela je i do razvoja SEO optimizacije.

Tehnike poput ključnih reči, dolazećih i odlaznih linkova koriste se i danas. Web dizajn je prepoznao značaj SEO optimizacije, tako da je on zapravo i postao glavni prioritet web dizajna.

Responsive web dizajn

Pre par decenija niko nije mogao da pretpostavi da će korisnici moći da pregledaju web sajtove na malim ekranima poput ekrana mobilnih telefona. Bilo je više nego očigledno da mobilni telefoni nisu stvoreni za to. U samom početku misije otvaranja svakog web sajta na mobilnom uređaju, dizajneri su kreirali sajtove namenjene samo za mobilne. Nešto starija populacija se seća perioda kada su ti sajtovi ispred svog domena imali oznaku slova m. Tada bi ovaj sajt namenjen za mobilne glasio m.biljanajo.com.

Kako je upotreba mobilnih telefona rasla, bilo je jasno da se stvari na webu moraju menjati u skladu sa trendom. Tako se pojavila ideja za nov pristup web dizajnu, koji je podrazumevao način dizajniranja prilagođen i mobilnim i desktop uređajima. Ideja je bila da se koristi isti sadržaj samo sa drugačijim rasporedom u odnosu na veličinu ekrana.

To je ono što zovemo responsive dizajn.

Realnost je da će većina ljudi gledati ono što objavite na mobilnom telefonu, pa se oslonite na to.

WEB Design: Multimedijalni kurs

Ovaj kurs će vam pomoći da samostalno kreirate svoj WEB sajt i pri tome iskoristite Photoshop i Dreamweaver. Početne lekcije su posvećene planiranju i optimizaciji sadržaja a zatim sledi njihovo prebacivanje u HTML. U nastavku kursa ćete savladati upotrebu CSS-a, primenu šablona, proveru koda…

Šta radi web dizajner?

Web dizajner, stoga, radi na izgledu, rasporedu, izgledu, strukturi i sadržaju web stranica, tj. stvara sve elemente jednog sajta. Neki elementi pomažu korisniku da se kreće kroz web sajt (navigacija sajta), drugi prenose informacije, ali ono što je najznačajnije je da svi ti elementi poseduju potencijal koji unapređuje korisničko iskustvo. Izgled, korisnički interfejs i druge vizuelni elementi služe zapravo tome da bi web sajt bio vizuelno privlačniji i lakši za korišćenje.

Da li sadržaj tvog sajta radi za ili protiv tebe?

Ne vidiš napredak u razvoju svog sajta ili on nije posećen? Nemaš dovoljno sadržaja ili ne znaš kog kvaliteta je postojeći? Da li znaš da se sve to može promeniti uz dobru strategiju i veštinu pisanja?

To je upravo ono što mogu da učinim tvoj sajt.

Šta je bitno u web dizajnu?

Dobar veb dizajn je isto što i dobar dizajn uopšte. Ako razumete šta čini nešto dobrim dizajnom, moći ćete da primenite ta pravila na svoj sajt. Osnovni elementi su: boja, navigacija, fontovi, multimedija, tipografija i sadržaj.

Izbor boja u web dizajnu - šema boja

Izbor boja web sajta

Da li vi kada ustanete ujutru obučete zelene pantalone, roze košulju, crvenu jaknu i izaberete da na nogama prošetate žute cipele. Naravno da ne, osim ako niste klovn. Svaki web sajt ima svoju šemu boja i pri biranju treba biti posebno obazriv.

Šta je šema boja?

To je više od boje vaše pozadine i vašeg logo dizajna. Šema boja sastoji se od paleta boja koje će se koristiti svuda na vašem sajtu, uključujući vizuelna sredstva, zaglavlja, tekst, CTA dugmad i još mnogo toga.

Šema boja je kombinacija boja koja je u skladu sa brendom i industrijom koju sajt predstavlja. Da bi to postigli, web dizajneri će odabrati dominantnu boju i nekoliko drugih da bi napravili paletu. Paleta boja može biti monohromatska (različite nijanse iste boje), analogna (boje bliske jedna drugoj) ili komplementarna.

Boje mogu izazvati određena osećanja i mnogo toga stoji iza psihologije boja.

Možda mislite da boje ne utiču na vas, ali biste se iznenadili kada biste videli razliku koju izbor boja može da učini na krajnji rezultat kompanije. U stvari, 85% ljudi tvrdi da boja ima veliki uticaj na ono što kupuju.

Kako da pronađem šemu boja koja odgovara?

Prvo morate dobro razumeti šta prodajete ili koje vrste usluga pružate. Ako pokušavate da postignete vrhunski, vrhunski imidž, onda je ljubičasta vaša omiljena, jer je ljudi povezuju sa kraljevskom bojom, visokim kvalitetom i intrigom.

Međutim, ako želite da doprete do šire publike, plava je ohrabrujuća, nežna boja koja se dobro uklapa za delikatnije teme, kao što su zdravstvo ili finansije. (i Facebook je u osnovi plavo beli).

Kratak pregled boja u web dizajnu

Narandžasta:

Povezuje se sa energijom- idealna za pića, sport i fitnes

Crvena:

Poziva na akciju, simbolizuje strast- idealna za modu, brend, hranu

Ljubičasta:

Povezuje se sa luksuzom i elegancijom- idealna za blogove, žensku populaciju

Crna:

Asocira na klasu i konvencionalnost- primenljiva za luksuznu robu, zlato i unikatne radove

Zelena:

Asocira na blagostanje, prirodu i mir – idealna za zdravstvo, zdravu hranu, ekologiju, inovativne ideje

Plava:

Simbolizuje inteligenciju- primenljiva svuda osim za prehrambene proizvode

Braon:

Većina ljudi izbegava ovu boju i možda je jedna od najređih u web dizajnu

Navigacija u web dizajnu

Navigacija

Elementi za navigaciju su alati koji korisnicima omogućavaju da izaberu gde žele da idu na sajtu. Oni mogu biti prisutni u meniju, sadržaju na dnu i vrhu stranice, u zavisnosti od izgleda i strukture sajta. Ovi elementi su od suštinskog značaja jer usmeravaju posetioce na informacije koje žele, što je brže moguće. Navigacija je način na koji se vaši posetioci kreću sa jedne stranice na drugu. Osim što omogućava puko kretanje ona daje posetiocima priliku da pronađu druge elemente vašeg sajta.

Morate biti sigurni da struktura vaše veb stranice (informaciona arhitektura) ima smisla. Takođe, sav sadržaj treba da bude izuzetno lak za pronalaženje i čitanje tako da posetioci ne moraju da se oslanjaju na funkciju pretrage.

Pokušajte da se stavite na mesto korisnika i testirajte navigaciju. Trebalo bi da ona bude jednostavna i logična. Krajnji cilj je da vaša navigacija i interne veze pomognu posetiocima da istraže vaš sajt. Što duže možete da ih držite, veća je verovatnoća da ćete ih naterati da kupe sve što prodajete.

Niko ne želi da luta po sajtu kao po lavirintu, i da ne zna ni gde je ušao, ni kako da se vrati ili izađe.

Fontovi i tipografija

FOnToVi I TiPoGRafIJa

Fontovi su način na koji vaš tekst izgleda na svakoj web stranici. Ovo je vitalni element jer većina sajtova ili blogova sadrži velike količine teksta. Tipografija je stil ili font pisanog sadržaja. Web dizajneri biraju jednu ili kombinaciju od par, koja je privlačna i laka za čitanje.

Formatiranje sadržaja je potcenjen alat za web dizajnere. Sadržaj je najvažniji element vašeg sajta, bilo da je u obliku postova na blogu ili opisa usluga i proizvoda. Na kraju, to je ono što želite da posetioci koriste. Svrha vašeg dizajna je da ga predstavi na način na koji to rade.

Umesto da odmah krenu na čitanje sadržaja, većina posetilaca ga prvo skenira, zato obratite pažnju na formatiranje sadržaja kao i izbor fontova.

Multimedija

Dodavanje grafike i slika

Grafika je zabavan deo pravljenja web stranica. Kako se kaže slika vredi 1000 reči, a to važi i za web dizajn. Internet je veoma vizuelni medij i privlačne fotografije i grafike mogu zaista doprineti atraktivnosti vašeg sajta i privući korisnike. Mnogi ljudi misle da je web dizajn zapravo samo ovaj deo dizajna, ali kao što vidite to je mnogo više od toga.

Pri tom, sve slike moraju biti sa odgovarajućom alt oznakom da bi pretraživači poput Gugla znali o čemu je zapravo reč. Što znači da web dizajneri rade i osnovni SEO on page.

Bitan element u web dizajnu - sadržaj

Sadržaj web sajta

Posao pisanja sadržaja za web sajt nije posao web dizajnera niti klijenta, to je posao content creatora.

Kada se upuštaju u projekat izrade novog sajta, web dizajneri se fokusiraju na estetiku i funkcionalnost svog dela posla. To znači da je pisanje sadržaja zadatak koji se često gura pred klijentov nos u očekivanju da ga ispuni. Nesrećna posledica ove odluke je da sadržaj obično na kraju dolazi prekasno, u pogrešnom formatu i lošeg kvaliteta.

Najvažniji elementi u web dizajnu su dobra navigacija, efikasne stranice, ispravne veze, boja, grafika i tipografija i što je najvažnije, dobar sadržaj.

Raspoloženje i ton koji se koriste na wb sajtu moraju da budu prilagođeni poslovanju. Ako je sajt isključivo biznis, onda sadržaj mora biti profesionalan i da odaje utisak ozbiljnosti i stručnosti. Ne možemo na sajtu koji se bavi pogrebnom opremom napisati poziv na akciju u stilu „cool ponuda“.

Koliko god web dizajneri morali da se bave estetikom, pisani, odnosno tekstualni sadržaj je apsolutno neophodan za uspeh svakog dizajna. Ne samo da će to uveliko doprineti određivanju i zauzimanju boljeg mesta u rezultatima pretrage, već je i ono što većina korisnika traži kada dođu na sajt.

Želiš da pišeš prodajne tekstove?

Ne postoji formalno obrazovanje koje će ti dati zvanje copywritera ali postoje tehnike koje će te osposobiti da radiš posao koji je veoma tražen i dobro plaćen. Dobar deo tih tehnika je besplatan i dostupan u vodiču koji možeš preuzeti na sledećem linku.

Kako da proverite da li je web dizajn dobar?

Korisnici su uveliko navikli na visoke standarde što se tiče boravka na jednom web sajtu. To znači da se njihova tolerancija smanjuje za sajtove koji su spori u učitavanju, čiji je izgled prosto rečeno odvratan i na koji ne znaju gde su ušli ni kako da se vrate unazad. Osnovne stvari u proveri web dizajna su:

Upotrebljivost

Upotrebljivost testiramo pomoću nekoliko pitanja, kao što su:

Koliko je jednostavno za korisnika da ga prođe celog bez zastoja?
Da li može jednostavno da se vrati unazad ili ponovi sve korake ispočetka?
Koliko je lako zapamtiti gde je šta našao ako nekog uputi na taj isti sajt?

Pristupačnost

Proveriti da li je sajt responsivan, odnosno dostupan na svim uređajima bez problema za pregledanje
Proveriti da li svaki, ali bukvalno svaki link i dugme rade
Proveriti brzinu sajta
Baciti pogled na SEO sajta

Zaključak

Kada je u pitanju web dizajn, jednostavnost je jedna od osnovnih stvari koje treba imati na umu pri izradi sajta. Prvenstveno definišite šta je vašim korisnicima potrebno, onda im to pružite i to uz što manje muke, razmišljanja i što prostije. Ako ga pak radite za sebe onda prođite kroz ceo tekst pažljivo. Dodavanjem nepotrebnih elemenata koji ne rade ili nemaju funkcionalnost, ali su vama eto baš lepi, ne dobijate ništa sem negativnog iskustva. I ovde se držite onog „manje je više“.