Creare de site-uri web user friendly

In acest tutorial vom vedea ce inseamna conceptul de user-friendly si ce presupune realizarea unui site web user-friendly. In primul rand acest termen tradus inseamna “prieten al utilizatorului” si se refera la acel set de practici care  fac in asa fel incat utilizatorul sa se simta in largul sau navigand pe site-ul nostru si sa i se permita sa gasesca in mod simplu si rapid continutul care il interesaza.

Regulile pentru realizarea unui site web user friendly prpouse mai jos sunt in numar de 12 si garanteaza o buna accesibilitate a site-ului nostru. Accesibilitatea site-ului este importanta atat din punctul de vedere al vizitatorilor cat si al motoarelor de cautare.

Proiectarea site-ului din perspectiva utilizatorului

1. Pentru a putea crea un site webfriendly va trebui ca in faza de proiectare sa gandim din perspectiva utilizatorului, nu a web designer-ului. Asta pentru ca utilizatorul nu stie unde este pozitionat in site un anumit continut pe care el il cauta. Trebuie deci sa anticipam operatiunile pe care utilizatorul va trebui sa le faca pentru a gasi continutul care il interesaeza. Va trebui sa facem in asa fel incat sa dam posibilitatea utilizatorilor care viziteaza site-ul nostru sa ajunga la continutul pe care vrea sa-l vada in cat mai putine clickuri. Aici vom lua in calcul un timp de atentie estimat la 7-8 secunde, acesta este deci timpul in care utilizatorul va trebui sa gaseasca continutul pe care il interesaza, altfel acesta ne va parasi site-ul cu posibilitatea de a nu se mai intoarce.

Homepage – un rezumat al site-ului

2) O alta regula este a scrie ceea ce ofera site-ul pe prima pagina pentru ca utilizatorii sa stie exact unde au intrat si ce pot gasi in site-ul respectiv.

Layout curat si imagini optimizate

3) Apoi trebuie sa fim atenti la curatenia layout-ului. Un site web poate fi consultat usor daca layout-ul este ordonat si are un sens logic. Un site web in care textele ies din divuri sau imaginile nu se incarca pentru nu au fost optimizate pentru web nu va putea fi consultat cu usurinta.

Evidentierea erorilor in formularele de contact

4) O alta regula este evidentierea erorilor si aici ne referim mai ales la acele elemente ale unei pagini cu care utilizatorul interactioneaza cum sunt formularele de contact. Daca utilizatorul greseste parola sau nu completeaza un camp care este obligatoriu acesta trebuie anuntat, trebuie sa i se specifice punctual ceea ce a gresit. Daca nu i se specifica si este retrimis la formularul initial necompletat utilizatorul va crede ca are de-a face cu o eroare de server si nu va fi sigur daca cererea sa a fost trimisa sau nu.

Navigarea

5) Meniurile de navigare trebuie sa fie utile si clare in asa fel incat sa conduca utilizatorul in timpul cel mai rapid catre continutul pe care il intereseaza. Este de preferat evitarea categoriilor foarte generice, de exemplu pentru un site care vorbeste despre programare este de evitat sectiunea generala programare si se vor insera categorii mai specifice cum sunt Php, Asp, Java, Jquery etc

Link home in logo

6) Pentru a facilita intoarcerea la prima pagina a site-ului nostru vom linka pagina home la imaginea de logo inserata in partea de header a fiecarei paginii. Astefel, in timpul navigarii vizitatorul nostru sa se poata intoarce in mod imediat la pagina home.

Footer

7) Apoi avem Footer-ul site-ului care nu trebuie sa fie doar de decor dar aici putem insera datele de contact si alte informatii utile.

Pagina 404

8) Realizarea unei pagini 404, adica pagina pe care utilizatorul o va vizualiza in momentul in care va incerca sa viziteze o pagina inexistenta a site-ului nostru. Aceasta eroare poate fi generata:
– de o greseala in inserarea url-ului in browser de catre utilizator,
– de un link nefunctionant,
– sau prin eliminarea unei pagini din site-ul nostru care a ramas in index-ul Google.

Aceasta pagina este numita 404 deoarece atunci cand se incearca vizualizarea unei pagini inexistente serverul web trimite un cod de stare http 404.
Acesta pagina va trebui sa aiba pe cat posibil acelasi aspect grafic si acelasi meniu de navigare ca oricare alta pagina din site-ul nostru si sa prezinte un mesaj  in care se specifica utilizatorului ca pagina pe care o cauta nu exista. Extensia cu care putem personaliza sau nu pagina 404 depinde de provider-ul nostru.

Pentru reducerea erorilor 404 se recomanda ca in cazul in care schimbam url-ul unei pagini sa configuram redirects permamente catre noul url. 

Publicitate

9) O alta regula pentru realizarea unui website user friendly are legatura cu bannerele publicitare, un site user friendly trebuie sa prezinte putina publicitate si mai ales publicitate la acele produse si servicii care au legatura cu obiectul site-ului. Prea multa publicitate deranjeaza utilizatorul si face mai greoaie navigarea in site.

Cautare in site

10) Pentru a facilita gasirea informatiilor in site-ul nostru se recomanda si inserarea unui motor de cautare intern site-ului. Acesta este indispensabil pentru site-urile care contin multe informatii si in cazurile in care aceste informatii nu pot fi toate gasite prin intermediul meniurilor de navigare.

Urmariti tutorialul nostru pentru inserarea unei cautari Google in site.

Breadcrumbs

11) Inserarea asa-ziselor “firmituri de paine” este o alta regula a site-urilor web user-friendly. Aceasta este o modalitate de navigare care are scopul de a furniza utilizatorului un mod de a urmari pozitia sa actuala in site.

De obicei firmiturile de paine apar in orizontala in partea de sus a paginii interne si reprezinta un fel de carare compusa din linkuri pe care utilizatorul le poate folosi pentru a se intoarce in interiorul categoriei sau la pagina principala a categoriei.

Testare

12) O alta recomadare este sa testam site-ul cu ajutorul personalelor care nu sunt in domeniu. Feedback-ul care vine din partea unui utilizator care nu este expert in acel domeniu are o valoare mai mare decat cel al unui expert in domeniu care poate naviga in interiorul site-ului in mod mai intuitiv.