Web dizajn (Web Design)

Dizajn web stranica nevjerojatan je posao.

Prilikom izrade web stranice vidite mnoge stvari na koje svakodnevno ne obraćate pažnju.

Dizajn web stranica kombinira web dizajn (dizajniranje izgleda web stranice), korisničko iskustvo i mnoge druge stvari.

Koliko god komplicirano zvučalo, nije. kako dizajn web stranica možete pretvoriti u izvrsnu zabavu koja će vam pružiti veliko zadovoljstvo i primatelje vaše web stranice?

Što je web dizajn?

Web dizajn je relativno nov pojam, pa postoji neslaganje oko toga koji je to smjer i tko se može nazvati web dizajnerom. Pokušajmo pojasniti.

Koncept web dizajna u širem smislu odnosi se na postupak stvaranja web stranica, koji uključuje tehničke aspekte razvoja, strukturiranje informacija, stvaranje vizualne ljuske i prijenos informacija na web.

Faze

Da biste cjelovitije razumjeli kako izgleda stvaranje web stranice, morate zamisliti kroz koje faze prolazi stranica od njenog osmišljavanja do početka svog funkcioniranja na mreži.

• Izrada tehničkih specifikacija: Početak rada karakterizira detaljno planiranje ciljeva i funkcionalnosti stranice, izrađuju se procjene za njezinu strukturu i dizajn, a zatim se izrađuje detaljan popis radova koji odobrava kupac. Za to je zadužen voditelj projekta.

• Upotrebljivost: U ovom trenutku određuje se prilično širok spektar pitanja, od toga kakva će biti struktura stranica na planiranom mjestu, do toga koja će u ovom slučaju biti najprikladnija opcija za predstavljanje informacija. To zahtijeva suradnju menadžera i dizajnera.

• Grafička umjetnost: Dizajner stvara vizualni prikaz web stranice, uključujući razne elemente dizajnirane da stranicu učine funkcionalnijom i jednostavno je ukrase. Nakon toga odobrava se raspored web mjesta u obliku grafičkog crteža.

• Izgled: Radeći zajedno kao programer, dizajner svoju ideju provodi u obliku koda koji će omogućiti prikaz slike u pregledniku.

• Web ovladavanje: Posljednja faza, kada je web lokacija postavljena na hosting, ispunjena informacijama i nastavlja s promocijom na vrh pretraživača. Stranica je već dostupna korisnicima.

Gdje započeti web dizajn?

Dizajn web stranica započinje definiranjem uloge koju bi web stranica trebala igrati, odnosno njezine svrhe.

Dobro ste pogodili - postoje sve vrste web stranica koje vam dobro dođu u druge svrhe. Razlikujemo tri najpopularnije: odredišne ​​stranice, jednopageri i klasične web stranice.

Postoje naravno velike web stranice (portali i tako dalje), ali to je sasvim druga tema.

Najjednostavnije web stranice su odredišna stranica i jedna stranica.

Iako su obično mali (samo jedna stranica), imaju prilično puno sadržaja. Međutim, razlikuju se u namjeni.

Što je odredišna stranica?Koji se najčešće koristi za prikupljanje kontakata ili koncentraciju na promet povezan s nekom akcijom. Sadržaja na odredišnim stranicama obično nema puno, ali možete jasno vidjeti svrhu stranice. Odredišne ​​stranice obično nemaju izbornik.

Jednostraničnici su "razvučene" obične web stranice. Sve informacije nalaze se na jednoj vrlo dugoj web stranici.

Najvažniji sadržaj uvijek je na vrhu. Dakle, ukratko. Jednostranici imaju izbornike koji se odnose na slijedeće naslove odjeljaka.

Dizajn i izrada web stranica ove vrste zahtijeva specifičan pristup. Iako se čine jednostavnim, vrlo su zahtjevni i bolje je započeti avanturu stvaranjem stranica od nečeg drugog.

Pogotovo što je oblikovanje stranica najčešće povezano s "običnim" stranicama.Imaju početnu stranicu, podstranice s ponudom, vijestima i kontaktima. Moglo bi se reći da je to standard na Internetu.

Uz to, korisnici poznaju svoju strukturu poput vlastitog džepa.

Ako vam je potrebna posjetnica na mreži - dovoljan je jednostavan dojavljivač s jednim pozivom. Želite li na svoju web stranicu (ponudu, blog, itd.) Staviti malo više informacija i proširiti ih s vremenom? Klasična web stranica bit će sasvim u redu.

Sad kad znate što, vrijeme je da započnete kako, tj. Web dizajn.

Koja je svrha vaše web stranice - tu web dizajn započinje

Morate znati koja je svrha vaše web stranice. Zahvaljujući tome, stranica koju dizajnirate bit će razumljiva korisnicima.

Ako vodite posao, korisnik mora od početka znati što mu imate za ponuditi.

Na primjer - imate autoservis. Korisnik mora znati da je ušao na web mjesto autoservisa i da može koristiti određene usluge.

Svrha je takve web stranice informirati vas o tim uslugama i na taj način - privući nove kupce.

Imati jasno definiran cilj bitno je kada je u pitanju web dizajn. Stoga morate pažljivo razmisliti i jasno definirati svrhu svog web mjesta.

Jednom kada znate koja je svrha web stranice, morate razmisliti tko je publika.

Web dizajn - definirajte svoju publiku

Vaše web mjesto neće gledati samo roboti tražilice. Stoga morate razmotriti tko će biti (i jest) publika vašeg web mjesta.

Napokon, to je ono za čime želite posegnuti, zar ne?

Utvrđivanje publike vašeg web mjesta izravno je povezano sa svrhom vašeg web mjesta. Napokon, oni trebaju postići vaš cilj.

Dizajn web stranica definira takvo profiliranje kao "stvaranje osobe".

Stoga morate razmišljati o tome što će točno vaši korisnici željeti i tko će zapravo biti.Persone su samo "savršeni korisnici".

Svakako imate na umu neki korisnički profil vaše web stranice. Morate razmisliti o tome što mu točno treba, koje su njegove sklonosti, zašto je na vašoj web stranici i što bi trebalo biti na njoj kako biste mogli postići svoj cilj.

Primjerice, idealan korisnik web mjesta automehaničarske radnje bit će osoba koja treba popravak automobila.

Želi znati koje usluge radionica pruža, gdje se nalazi, u koje radno vrijeme radi i kako joj se obratiti. Oni će te podatke potražiti na web mjestu.

Na vašoj je strani da ih stavite na vidljivo mjesto.

Drugim riječima: stvaranje osobe omogućit će vam da svoje web mjesto bolje prilagodite potrebama svojih korisnika.

Zapamtite - (dobar) dizajn web stranica usko je povezan s odgovorima na potrebe određenih ljudi. To su vaši idealni korisnici.

Nakon što definirate svoju publiku, bit će vam lakše definirati što korisnik želi pronaći na vašoj web lokaciji.

Izrada web stranice za korisnika, tj. Ono što treba biti na vašoj web stranici

Nakon što saznate svrhu svog web mjesta i utvrdite tko je njegov idealan korisnik (ili korisnici), možete početi raditi s web mjestom.

Vrijeme koje potrošite razmišljajući o svrsi web stranice i potrebama korisnika isplatit će vam se.

Pogotovo što će tako dobro promišljena web stranica odgovoriti na potrebe vaših korisnika, a time i - postići vaš cilj.

Sljedeći korak u web dizajnu je jasno definiranje onoga što treba biti na web mjestu.

Dizajn web stranice u ovoj fazi odnosi se na organiziranje sadržaja.

Započnite tako da na stranicu zapišete što želite. To može biti dugačak popis, ne morate se brinuti hoće li odjednom postati na desetke predmeta.

Zatim pokušajte grupirati te stvari zajedno - puno će vam pomoći u sljedećoj fazi.Ostavite pripremljeni popis nekoliko dana. Dvoje će učiniti, stvarno.

Nakon tog vremena ponovno pogledajte popis i tretirajte ga kao korisnika. Pogledajte koje su stvari relevantne iz perspektive svake osobe koju imate.

Svatko od njih tražit će malo drugačije informacije, pa to morate uzeti u obzir.Na primjer, netko tko traži autoservis potražit će kontakt, mjesto i radno vrijeme. Ovi podaci moraju biti jasno vidljivi na stranici.

Sada je pravo vrijeme da očistite svoj popis suvišnih podataka. Neki od njih mogu biti potpuno nepotrebni.

Možete ih ukloniti sa stranice ili dodati na samom kraju. Ovo grupiranje podataka u kategorije pomoći će vam da ih razdvojite na stranici. Vidjet ćete kako će vam to olakšati posao.

Kada podaci o vašoj grupi, numerirajte ih prema važnosti.

Najvažnije stvari na vrhu, najmanje - na dnu. Nakon što na ovaj način raščlanite informacije, pronađite ključne stvari u svakoj grupi.

Ti bi podaci trebali biti na početnoj stranici. Ne morate ih razvijati, oni samo trebaju obavijestiti korisnike što im nudite.

Ako žele znati više, sigurno će ići dalje.

U idealnom slučaju, trebali biste pružiti najvažnije informacije u obliku ključnih riječi koje su fraze za pretraživanje. Tada početna stranica dobro komunicira ono što nudite i dobro se pozicionira.

Koje podstranice trebaju vašoj web stranici?

Jednom kada znate kako možete dijeliti informacije, možete započeti s izradom podstranica. Razmislite još jednom ako su ove informacije duplicirane.Ako je tako - razmislite treba li tako (i trebaju li korisnici za postizanje vašeg cilja).Svaka od podstranica trebala bi odgovarati nekoj od grupa koju ste stvorili.

Ako imate tri ili četiri grupe - savršeno! Struktura vašeg web mjesta spremna je za praksu.

Ako ih imate više, razmislite o odnosu ovih grupa. Možda imaju zajednički nazivnik? Zapamtite da je bolje s manje elemenata.

Minimalizam je vrlo koristan pri dizajniranju web stranica jer omogućava korisnicima da odmah vide što se događa. Ne moraju tražiti potrebne informacije jer su odmah vidljive.

Strukturirane informacije na web mjestu imaju i psihološki učinak: ako se web mjesto učini pametnim, s druge strane postoje profesionalci kojima vrijedi vjerovati.

A odatle je samo korak do postizanja vašeg cilja od strane korisnika.

Papir i olovka - olakšavaju web dizajn

Dobro je ogrebati se. Pogotovo kad nemate ideju kako se baviti vizualnim web dizajnom (slijedeći trendove) Zapamtite: uvijek vrijedi biti nadahnut, pa

dobra je ideja pregledati nekoliko stranica koje vam se sviđaju i donijeti zaključke. Zato je dobro započeti s dizajniranjem web stranice s papirom.Jednom kada na njemu imate elemente koji ih trebaju nalaziti, možete ih rastaviti na sljedeće podstranice. Neka svaka stranica bude jedna stranica.

Postavite sljedeće elemente na svaku od "podstranica" (ne zaboravite zadržati hijerarhiju važnosti). Ne morate se bojati brisanja.

Testiranje - ključni element dizajna web stranice

Pomoć voljenih ne može se precijeniti. Prije nego što pokažete svoje web mjesto korisnicima - pitajte svoje prijatelje što misle o vašem projektu.

Ne zaboravite im postaviti ista pitanja.

To će vam olakšati pročišćavanje dizajna.

Naravno, vrijedi započeti s pitanjem kako im se sviđa stranica. Zatim pitajte jesu li razumjeli što želite prenijeti i mogu li lako postići svrhu stranice.

Da biste to olakšali, naravno, možete im reći koji je vaš cilj. Tako će im biti lakše odgovoriti ako je svrha web stranice jasna.

Zatim prikupite ove komentare i razmislite kako ih primijeniti. I vrijedi li ih predstaviti? Napokon, ovo je vaša web stranica, ali vaši su prijatelji također dobri testeri - njihovo mišljenje vrijedi uzeti u obzir

Pozicioniranje web stranice i SEO - toga se morate sjetiti kad započnete s dizajniranjem web stranice

Ako želite doći do ljudi, morate se sjetiti pozicioniranja svoje web stranice.Dobre ključne riječi, alternativni opisi fotografija, naslov i opis svake stranice - to je najmanji minimum.

Morate se sjetiti i hijerarhije naslova - zahvaljujući njoj će se roboti tražilice lakše orijentirati na stranici.Ako djelujete lokalno - sjetite se takozvanog lokalnog SEO-a. Odnosno o dodavanju naziva mjesta odabranim ključnim riječima.

Grafika na web mjestu

Dizajn web stranice također se odnosi na odabir dobre grafike. Ako imate vlastite fotografije u dobroj kvaliteti, tema je gotovo zatvorena.Fotografije na web mjestu ne moraju biti u visokoj rezoluciji. U praksi - što su manji (tj. Što manje prostora na disku zauzimaju), to bolje.

Web stranica s velikim brojem velikih fotografija polako se učitava, što negativno utječe na njezino pozicioniranje i prisiljava korisnike na čekanje. Idealna širina fotografija ne smije prelaziti 1200-1400 piksela.

Uvijek ih je dobro stisnuti i dodati alternativne opise. Zapamtite: roboti preglednika ne mogu vidjeti grafiku, ali rado "čitaju" alternativne opise fotografija.

Najvažniji elementi - web dizajn ukratko

Tglavna stranica je uvijek najvažnija. Tu stavljate ključne informacije i elemente koje bi korisnici trebali pronaći na prvom mjestu.

Imajte na umu da će ih korisnici naći brže što su veći elementi na stranici. Početna stranica je ujedno i prva stranica koju korisnik vidi. Stoga mora biti čitljiv i sadržavati ključne elemente.

Na svakoj stranici mora postojati izbornik.

Pomaže u navigaciji korisnika na vašoj web stranici. Zapamtite da bi ovaj element trebao biti što razumljiviji.

Dakle, tipična i izmišljena imena podstranica u izborniku su ono što korisnici očekuju. Napokon, dizajn web stranica često se temelji na provjerenim rješenjima.Početna stranica, ponuda, cjenik, kontakt, povratne informacije kupaca itd. - takva struktura izbornika učinit će da korisnici brže pronađu ono što traže.

Interne poveznice također su važan element svake stranice.

Dakle, ako na svoju početnu stranicu stavite segment posvećen ponudi, dobro je u ovaj segment uključiti vezu koja će korisnike usmjeravati na podstranicu s ponudom.

Kada postavljate tekstove na stranicu, ne zaboravite održavati takozvanu hijerarhiju naslova. Zaglavlje se može prikazati kao podebljani veliki tekst.

Zapravo, zaglavlja igraju tri glavne uloge na stranici: informiraju o predmetu teksta u nastavku, organiziraju informacije na stranici i korisni su pri pozicioniranju (roboti tražilice pronaći će informacije u zaglavljima brže nego u tekstu).

Također, ne zaboravite na hijerarhiju naslova - zahvaljujući njoj korisnici će znati koji su podaci općeniti (koji se odnose na određenu skupinu podataka), a koji su detaljni.

Što je najvažnije, trebao bi postojati samo jedan naslov H1 po stranici; takvo zaglavlje treba sadržavati naziv stranice (tj. na stranici za kontakt to bi trebalo biti "[naziv vaše tvrtke] - kontakt" ili "Kontakt s [naziv vaše tvrtke]").