”Creare site web” – desi fraza aceasta poate suna putin cam complicat, in ziua de azi nu mai este asa de intimidant. De fapt, este foarte simplu si distractiv.
Poti sa-ti manifesti creativitatea, sa creezi un site la care visezi si in plus, sa te distrezi!
Daca esti o persoana careia ii place sa lucreze la detalii, atunci activitatea de realizare site web iti va aduce placere.
Nu este de loc ceva complicat! Din contra.
In special cand stii cum sa abordezi sarcina. Si daca nu stii, vei gasi aici o lista de aspecte importante legate de proiectarea site-urilor web care te vor ajuta sa stii cum sa abordezi sarcina. :).
In plus, cand te apuci sa lucrezi in programul pentru creare site-uri, WebWave, realizarea unei paginii web devine si mai rapida.
Realizare site web – ce inseamna?
Cel mai important este sa definesti scopul – ce trebuie ”sa spuna” site-ul Tau? Ce trebuie sa gaseasca utilizatorii pe site? Sunt lucrurile cele mai importante. Un site nu se face doar pentru a crea imagine.
Paginile web care pur si simplu arata bine, poate ca creeaza o impresie buna, dar când incepi sa cauti ce-ti trebuie, … in acel moment incep greutatile.
In astfel de situatii, privesti la aceasta pagina si te intrebi ”care-i ideea site-ului asta?”
Nu forta utilizatorii sa-si puna astfel de intrebari. Atrage-i cu raspunsuri gata pregatite!
Scopul site-ului Tau este sa ofere raspunsuri utilizatorilor. Vezi cum sunt proiectate motoarele de cautare. De indata ce accesezi sitemul, vezi câmpul functiei de cautare. Sunt si alte chestii, dar primul lucru pe care-l vad utilizatorii este câmpul functiei de cautare … Intelegi despre ce vorbesc?
Primul ecran – cheia proiectarii unui site web
Primul ecran – ceea ce vad utilizatorii de indata ce acceseaza site-ul. Este foarte important.
Cand treci pe site-ul programului WebWave, ai un mesaj clar: ”Salut, avem un program pentru crearea site-urilor, cu care vei crea o pagina uimitoare, gratuit. Vrei sa incerci?”
Deodata intelegi care-i treaba.
Scopul site-ului trebuie sa fie clar din start. Ai un cabinet stomatologic sau administrezi site-ul unei scoli?
Amplaseaza cele mai importante informatii pe primul ecran. Tine minte ca meniul site-ului sa fie vizibil – ii va ajuta pe utilizatori sa gaseasca ceea ce cauta.
Definirea scopului site-ului iti va ajuta sa urmaresti calea pe care trebuie s-o parcurga utilizatorul pentru a-si atinge scopul.
Cu alte cuvinte – de câte click-uri are nevoie utilizatorul pentru a-si realiza scopul? Corect – cu cat mai putine, cu atat mai bine.
Respectiv, atunci cand adaugi si amplasezi elementele pe site gandeste-te daca acestea directioneaza utilizatorul spre scopul acestuia.
User Experience in proiectarea site-urilor
Cu alte cuvinte, sa tii cont de interesele utilizatorului. Site-ul Tau trebuie sa creeze o impresie buna.
Cand utilizatorul acceseaza site-ul, vede ce-l intereseaza si apoi trece la realizarea scopului sau. Cunoaste totul despre ce are nevoie utilizatorul pentru a-si realiza scopul lui propriu.
User Experience este influentat de aceea de cum realizezi site-ul propriu. Gândeste-te, care-i scopul fiecarui element pe site-ul Tau si in ce mod conlucreaza cu celelalte elemente. Fiece element amplasat pe site, trebuie sa aiba un scop bine definit.
Desi suna destul de complicat, te asigur ca de fapt, nu arata asa. Arata in felul urmator: deja la etapa crearii site-ului trebuie sa ai un scop bine definit pentru site-ul Tau. Daca inca nu cunosti care este scopul unui element anumit, atunci poate … mai bine ar fi sa nu adaugi elementul respectiv!
Apoi adaugi si aranjezi elementele urmatoare. In programul WebWave este foarte simplu.
Retine: orice element care nu are un scop bine definit, distrage atentia utilizatorilor.
Proportiile, regula de aur in realizarea site-urilor
Proportiile sunt foarte importante. Creeaza o impresie. Deci uneori iti pare, ca un anumit site ”este inclinat spre stanga”, cu alte cuvinte are mai multe elemente in partea stanga. Sau anumite elemente sunt amplasate asimetric.
Chiar daca nu observi acest lucru, la sigur ”creierul Tau” si utilizatorii Tai vor observa aceasta.
Imagineaza-ti – intri pe un site, care la prima vedere arata bine, dar peste o clipa ai impresia ca are prea multe elemente, sau ca acele elemente sunt amplasate nu tocmai simetric.
Atunci, apare dorinta sa parasesti acest site, (chiar daca nu constientizezi aceasta), sau nu te poti concentra, pentru ca in subconstient intelegi ca ceva nu este in ordine – e aiurea.
Este doar un detaliu, dar acest detaliu este foarte important pentru a realiza scopul stabilit. Daca utilizatorul simte ca ceva nu-i ”place” ramane doar un pas de la parasirea site-ului si cautarea unei alte pagini web cu care utilizatorul isi poate atinge scopul.
Desigur – daca utilizatorul este hotarat, atunci foarte probabil ca va ramane pe site-ul Tau, dar asa ceva nu se intampla des. Cu cat mai mult ceri de la utilizator, cu atat mai mult il descurajezi sa-si realizeze scopul pe site-ul Tau si sa se intoarca dupa o noua doza de informatii.
Frontierele site-ului si liniile de ghidaj – elemente importante in crearea site-urilor web
Doua lucruri care iti vor ajuta sa rezolvi problema cu proportiile. Liniile de ghidaj – liniile care te ajuta sa aranjezi elementele pe site pentru a pastra armonia si echilibrul.
Frontierele sunt doua linii, care definesc marginile site-ului web – ”de la – pana la”. Incepe de la stanga si se termina la dreapta. Spatiul intre aceste frontiere include continutul site-ului. Foarte rar cand latimea site-ului depaseste 1200 de pixeli (in versiunea desktop).
Liniile de ghidaj iti vor permite aranjarea elementelor pe fiece subpagina, in asa mod incat sa creeze un tot intreg. Suna destul de abstract, dar in realitate daca cunosti unde sunt marginile, unde este mijlocul, este mult mai usor sa aranjezi elementele site-ului.
In programul WebWave vei gasi linii de ghidaj foarte usor de folosit. Datorita lor, procesul de creare site web este si mai simplu si mai placut.
Imagini bune pe site – de ce nu merita sa exagerezi
Partea grafica trebuie sa fie estetica. Si aici importanta este regula ”Mai putin inseamna mai mult”, cu alte cuvinte elementele grafice estetice si naturale, fara exces de culoare vor arata perfect pe site-ul Tau.
Partea grafica nu trebuie sa ia din functionalitatea site-ului. De exemplu, daca avem imagini frumoase, dar care ingreuneaza incarcarea site-ului – nu sunt tocmai potrivite.
Din aceasta cauza merita sa folosesti imagini din bazele de imagini gratuite. Multe din ele sunt intr-adevar uimitoare. Iar uneori merita sa acorzi timp suplimentar pentru a gasi imaginea perfecta in retea.
Important este ca imaginile sa se potriveasca tematic si sa nu arate artificial. In acest caz partea grafica nu va incurca la realizarea scopului site-ului.
La sigur ai intâlnit site-uri pe care imaginile dau o senzatie de artificialitate. Pentru a intelege mai bine, iti propun sa cauti in retea niste imagini in Google. La sigur vei gasi niste imagini care arata artificial. Sa stii ca nu merita sa amplasezi asa ceva pe site.
Tine minte ca in WebWave, ai acces la câteva sute de mii de imagini gratuite si pictograme. Este suficient sa deschizi Biblioteca Media, si vei gasi imaginile care se potrivesc la site-ul Tau si care sa ii impresioneaza pe cititorii Tai.
Culorile
Desi estetica este o chestie foarte subiectiva, exista anumite seturi de culori care pur si simplu se potrivesc. Privesti la ele si intelegi ca se completeaza.
Desigur, pentru a alege aceste culori este nevoie de un simt grafic, pe care nu-l detine fiecare. La sigur nu eu 😉 Dar aceasta nu inseamna ca trebuie sa folosesti doar culoarea alba si neagra.
In retea exista câteva tool-uri bune pentru crearea paletelor de culori. Indici o culoare, care reda cel mai bine ideea site-ului Tau, iar algoritmul selecteaza culorile care se potrivesc cel mai bine.
Dureaza doar o clipa, dar iti permite sa creezi scheme de culori, care subliniaza profesionalismul site-ului Tau. O functie comoda in WebWave este folosirea codurilor HEX (care seteaza exact fiecare culoare). Lipesti sirul de caractere, si ai culoarea potrivita pe site-ul Tau.
Tipografia – cireasa de pe tort in realizarea site-urilor web
Textul de pe site este rezultatul alegerii fontului potrivit (sau a fonturilor), dimensiunilor fontului si asa mai departe. Din aceasta cauza este important sa aplici formaturi de text potrivite. Si sa folosesti subtitlurile.
Cele mai bune fonturi sunt cele care nu sunt „Serif”, cu alte cuvinte acele fonturi care nu au ”liniute” la capetele literelor. De exemplu fontul Times New Roman apartine familiei Serif, iar Open Sans sau Lato nu apartine acestei familii (sunt Sans Serif).
Alegerea fonturilor si dimensiunilor caracterelor este foarte importanta. Textul nu trebuie sa fie mic (cea mai mica dimensiune pe care o utilizezi pe site-ul Tau este de 20 de pixeli), iar sirurile de text nu trebuie sa fie prea largi – evita capitolele de text largi, (ca in Wikipedia). Lungimea unei linii de text nu trebuie sa depaseasca 80 – 100 de caractere. Tine minte, in WebWave poti adauga fonturile Google in câteva click-uri :).
Dupa cum vezi, proiectarea unui site web nu este deloc complicat 😉 Folosind programele pentru realizarea site-urilor, vei putea crea un site frumos si functional.
Autor: Bartek Raducha
Comentarii recente