Un site web de succes de la conceptualizare la lansare

TreeWorks
Blvd. Coposu nr. 4 bl. 105 A sc. A ap. 1 Bucureti, Romnia Phone: +40.213.260.602 Fax: +40.213.267.233 www.tree.ro office@tree.ro

Cuprins

Definiia website-ului Planificarea website-ului Arhitectura unui site

_________________________3

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _4

_________________________5 _ _ _ _ _ _ _ _ _ _ _5 _ _ _ _ _ _ _ _ _ _ _ _ _ _8

Meniul n cascad vs navigare pe baz de index Optimizarea pentru motoarele de cutare Web Site Design

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _9

Concluzii

_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _11

Definiia website-ului:
Un website este o colecie de pagini web tipice unui domeniu particular sau unui subdomeniu din World Wide Web.
Pn n prezent, exist peste 81 de milioane de situri cu domenii nregistrate n lume. O pagin web este un document HTML/XHTML care este mereu accesibil prin HTTP. Toate siturile accesibile publicului larg sunt vzute ca pri informaionale care intr n componena World Wide Web-ului. Toate paginile unui website vor fi accesate de pe o rut comun URL, numit homepage care de obicei aparine aceluiai server. URL-ul organizeaz paginile ntr-o ierarhie, chiar dac link-urile dintre ele controleaz cum percepe cititorul ntreaga structur. La unele situri trebuie s fii abonat pentru a accesa o parte din coninutul lor. Exemple de astfel de situri sunt: pri din majoritatea siturilor de tiri, siturile de jocuri, forumurile, serviciile de e-mail etc.

Planificarea website-ului
Planificarea coninutului web este prima faz n construirea unui website de succes cu un potenial ridicat.
1.Alegerea niei potrivite Descoperii nia cea mai potrivit pentru situl tu. Scopul este de a gsi un subiect despre care s tii cu adevrat c va avea succes. Pasiunea dumneavoastr va face realizarea sitului plcut i uoar. 2.Gsirea cuvintelor cheie 4. Structuralizarea sitului Gsii cuvintele cheie cele mai potrivite i alegei cel mai avantajos concept. Realizai un tabel de cuvinte cheie care sunt frecvente n cutri i care s poat aduce traficul pe care vi l-ai propus. Dac avei mai multe concepte dintre care s alegei, analizai cuvintele cheie potrivite fiecruia i alegei cel mai profitabil concept. Construii cea mai potrivit structur de site care s corespund n tabelul dumneavoastr cu cele mai profitabile cuvinte cheie. O structur bun va face situl uor de folosit att pentru utilizatori, ct i pentru motoarele de cutare. 3. Analizarea concurenei Alegei cel mai bun concept analiznd concurena. Rolul acestui pas este s dezvoltai lista de cuvinte cheie, s gsii mai multe idei pentru coninutul web i posibili parteneri (firme care ofer programe afiliate sau publicitate cu plata pe click).

Arhitectura unui site

Dup ce ai hotrt scopul sitului, trebuie s determinai elementele de care avei nevoie pentru a le ndeplini. Majoritatea siturilor sunt mprite n subseciuni, iar fiecare categorie cuprinde pagini cu link ctre pagina principal, dar le permite vizitatorilor i s navigheze de la o pagin la alta fr s se ntoarc la meniul principal. S-au fcut multe studii psihologice care s determine unde ar fi cel mai indicat s fie plasat bara de navigare. n mare, nu are importan att timp ct este vizibil i arat bine. Dup ce v-ai decis cum se vor lega paginile una de alta, gndii-v la titlul fiecrei pagini. Pstrai numele scurte i relevante pentru coninutul paginii. Numele paginii va deveni numele domeniului, iar acesta este primul lucru pe care l vd motoarele de cutare, aa c trebuie s alegei cele mai eficiente cuvinte. Modul n care motoarele de cutare interpreteaz cuvintele este foarte important. Dac n link-ul din bara de navigare de la seciunea about us scrie acelai lucru, motorul de cutare actioneaz n consecin, iar dac pe acelai link scrie our design team nseamn cu totul altceva.

Meniul n cascad vs navigare pe baz de index

Exist dou modaliti comune de prezentare a meniurilor: cascada ierarhic (itemii din meniu apar cnd mouse-ul se afl deasupra) sau plasarea itemilor ntr-un index categoric. Meniurile n cascad au avantajul c cer puin spaiu pe monitor, dar au alte dezavantaje. n primul rnd sunt mai greu de folosit deoarece utilizatorul trebuie s controleze bine micrile mouseului pentru a selecta meniul corect. n al doilea rnd, meniurile n cascad ascund informaii pn n momentul n care utilizatorul se duce cu mouse-ul deasupra lui. Pe de alt parte, meniurile tip index tind s ocupe ct mai mult spaiu. De asemenea, ele pot s prezinte o cantitate mare de informaii dintr-o dat. Din pcate s-au fcut prea puine cercetari empirice care s compare cele dou tipuri diferite de layout de meniu. Un studiu realizat n 2003 de profesorii Laboratorului de Cercetare a Uzabilitii Aplicaiilor (Software Usability Research Laboratory) a comparat performana pe care o au aceste categorii de meniu. Deoarece utilizatorii au motive i modaliti diferite de a cuta pe net, acest studiu i propune s examineze i performana celor dou tipuri de cutare: cutarea direct i cutarea implicit. Performana utilizatorilor a fost nregistrat folosindu-se soft-ul Ergobrowser. Participanii au cutat n 3 tipuri de meniu. Primul a fost un meniu de tip index (Index, vezi Figura 1), altul era un meniu cascad drop-down (Horizontal, vezi Figura 2), iar al treilea un meniu n cascad vertical (Vertical, vezi Figura 3). Link-urile meniurilor aveau aceeai mrime (Verdana, 10 pt.) pentru toate cele trei variante.

Figura 1

Figura 2

Figura 3

La studiu au participat 18 persoane (8 brbai i 10 femei) cu vrsta cuprins ntre 20 i 49 (media de vrst fiind 36). 89% din participani folosesc calculatorul zilnic i cei mai muli (72.2%) folosesc Internetul minim 25 de ore pe sptmn. Participanilor le-au fost expuse 3 situri, fiecare dintre ele cu un tip de meniu diferit. Pentru fiecare variant li s-a cerut s caute o informaie anume prin ntrebri implicite i explicite. Pentru ca ntrebarea s fie considerat corect, timpul de acordare a rspunsului nu trebuia s depeasc 5 minute. Folosind butonul Back participanii puteau s repete cutarea pn gseau informaia corect sau pn la expirarea timpului.

Condiiile layout-ului, domeniul web i ntrebrile au fost echilibrate printr-un design cartezian. Dup terminarea ntrebrilor pentru fiecare variant, participanii au rspuns la un chestionar de determinare a gradului de satisfacie. Chestionarul avea o scar de 6 variante pentru rspunsuri: 1 = sunt de acord i 6 = nu sunt de acord. ntrebrile au fost de genul: M-am simit pierdut, dezorientat n timp ce cutam informaia, Situl a fost simplu de navigat, Structura meniului era greu de folosit.

Rezultate: Un test individual a fost folosit s investigheze performana real (referitoare la timpul realizrii task-urilor i la eficiena cutrii) i s observe performana pentru cele 4 tipuri de meniu. Cercetarea comparativ a fost fcut folosind testul Bonferroni. Preferina pentru fiecare condiie a fost msurat de Friedman 2 . Timpul realizrii task-ului Evaluarea timpului necesar realizrii cutrii a demonstrat importana semnificativ a layoutului. Astfel, cei care au cutat n meniul de tip index au gsit mai repede informaia. Participanii care au folosit ntrebri explicite au gsit informaia mai repede dect cei care au folosit ntrebrile implicite. (Vezi Figurile 4, 5, si 6.)

Layout-ul meniului de tip orizontal a fost perceput ca cel mai dezorientant dintre cele trei. Meniul de tip index a fost considerat de majoritatea participanilor ca fiind cel mai uor de folosit. Acetia i-au motivat alegerea afirmnd c toate subcategoriile sunt vizibile i c meniul era aezat n centrul paginii, factori care l fac mai performant.

Figura 5

Figura 4

Figura 6

Optimizarea pentru motoarele de cutare

nainte s ncepei s scriei coninutul sitului, este esenial o optimizare a motorului de cutare, astfel nct s dezvoltai tabelul de cuvinte cheie aplicabile pentru site i s descoperii structura corespunztoare. Scopurile principale ale sitului: 1. Ofer informaie de valoare cititorilor; acetia trebuie s primeasc exact ceea ce caut. Vine n ajutorul problemelor i ntrebrilor acestora. Le satisface motivul pentru care au performat cutarea. Pentru a bifa toate condiiile de mai sus, subiectul ales trebuie s v fie cunoscut i s v pasioneze. Optimizarea website-ului Paginile sunt optimizate pentru cuvinte relevante i furnizeaz coninut de calitate utilizatorilor; Avei grij s alegei cuvintele targetate; Fr pagini false, link-uri invizibile sau orice altceva care nu este normal pentru un coninut web; Nu creai mai multe versiuni ale aceluiai site, cte una pentru fiecare motor de cutare. Mai bine concentrai-v pentru a construi o variant de site care s se potriveasc bine cu majoritatea motoarelor de cutare, pentru cele mai multe cuvinte.

Fiecare pagin trebuie s cuprind un coninut care s se refere la unul dintre cele mai importante cuvinte cheie. Acesta este 2. Convinge fiecare motor de cutare c este cuvntul pe care dorii ca motoarele de cel mai relevant (cel puin n primele 30) cutare s-l afieze n primele rezultate. l rezultat pentru cuvintele targetate. Cuvintele cheie sunt unul din cele mai importante lucruri vom numi de acum cuvntul cheie principal. n cazul optimizrii pentru motoarele de De asemenea, exist i cuvinte cheie generale cutare. - cuvinte generice care sunt asociate cuvntului cheie principal. De exemplu, n Scopuri detaliate: cazul n care cuvntul cheie principal este 1. Potenialii vizitatori trebuie s gseasc optimizarea conceptelor de cutare, situl pe prima sau pe a doua pagin din cuvintele generice corespunztoare pot fi rezultatele cutrii pentru cuvntul cheie. ranking, scor, poziionare, Altfel, pur i simplu nu existai pentru acel promovare etc. cuvnt. 2. Potenialii vizitatori trebuie s citeasc titlul i descrierile listate n rezultatele de cutare i trebuie s le considere interesante i relevante pentru a intra pe situl tu. 3. Dac gsesc un coninut care i ajut s i rezolve problemele, vor avea ncredere n dumneavoastr i v vor urma sfaturile, chiar dac este vorba s cumpere produsul, s se nscrie la newsletter etc. Niciodat nu vei avea succes n optimizarea campaniei folosind numai cuvintele cheie. Competiia va fi prea mare. ns dac amestecai cteva cuvinte generale cu unele specifice, rezultatele vor fi vizibile atunci cnd utilizatorii vor folosi cuvinte combinate. Trebuie doar s le includei o dat sau de dou ori. Acest lucru v va aduce vizitatori care se afl n targetul dumneavoastr.

Web site design

Situl trebuie s fie clar, simplu i bine structurat. Oamenii folosesc internetul pentru a gsi informaie. Cel mai bun design web include un coninut informativ, un layout simplu, o navigare uoar i o ncrcare rapid a imaginilor. El permite utilizatorilor s caute i s gseasc informaia pe care o vor n cel mai rapid i convenabil mod posibil. Pe de alt parte, design-ul unui site este o reflectare a afacerii i calitii produsului dumneavoastr. Utilizatorii nu numai c vor o informaie corect, dar vor i o surs bun. Browserele Unul din cele mai importante lucruri pe care trebuie s le nelegei din punct de vedere al web designului este c situl va fi vzut ntr-o varietate de platforme i browsere. De cele mai multe ori acest lucru nu conteaz, dar ocazional se poate ntampla i asta. Browsere diferite afieaz aceeai pagin n moduri diferite (sau uneori nu o afieaz deloc). Versiunile mai vechi nu suport toate modificrile noi. Verificai-v mereu web design-ul pe cel puin ultimele versiuni i cele mai populare browsere, Internet Explorer i Firefox. Dac nici un site nu arat la fel pe toate monitoarele, browserele i computerele, putei s realizai situri diferite pentru fiecare browser n parte, ns doar dac acestea au fost testate. Timpul de ncrcare Una dintre cele mai semnificative probleme de care se lovesc designerii web este viteza redus de ncrcare, care adesea enerveaz utilizatorii pna n momentul n care acetia renun i se duc pe alt site. Aa c este extrem de important s construii paginile n aa fel nct s se ncarce ct mai repede posibil. Utilizatorii de net nu sunt de obicei persoane rbdtoare, iar dac situl este ncet, ei tiu c pot lua informaiile, produsele sau serviciile de care au nevoie i de pe alt site. Folosete mai puine imagini. Poi s scazi viteza de ncrcare a sitului tu folosind imagini care au mai aprut i n alte pagini ale sitului, deoarece acestea - aprnd o dat pe o pagin anterioar vor fi ncrcate din cache sau chiar din server. Aceast tactic de web design este folosit n special pentru casetele de titluri care pot fi sparte n imagini separate. Cnd o pagin nou se ncarc, elementele din pagina veche sunt ncrcate din cache, lsnd doar noile elemente s se ncarce. Consecvena Cnd dezvoltai un site profesionist, consecvena este cel mai important element pe care trebuie s-l avei n minte. Nimic nu este mai neprofesional n web design dect dou background-uri colorate diferit pentru dou pagini ale aceluiai site. Background-ul, culorile, fonturile, butoanele de navigare trebuie s aib un aspect unitar. Un site unitar nu numai c las utilizatorii s tie unde se afl, dar poate de asemenea s construiasc un brand, astfel nct situl dumneavoastr s fie recunoscut.

Navigarea Dac situl realizat nu este uor de utilizat, toat munca a fost n zadar. Pstrai o navigare simpl i asigurai-v c este unitar de la o pagina la alta. O navigare eficient ar trebuie s i permit utilizatorului s tie trei lucruri: unde se afl, unde poate ajunge i cum se poate ntoarce la punctul de plecare. Fiecare pagin trebuie s includ un link spre home. Fonturile Dac situl va folosi fonturi pe care nu le are toat lumea instalate pe calculator (gen Arial, Verdana, Times NR), vizitatorul nu le va vedea. Calculatoarele utilizatorilor vor afia situl tu cu fonturile lor default, aa c ncercai s rmnei n standarde. Putei folosi bold sau italic pentru a sublinia anumii termeni, ns nu trebuie s uitai c italic se potrivete fonturilor serif, n timp ce bold celor sans serif (serif sunt acele mici ornamente de la finalul fiecrei litere). Unele situri folosesc grafica pentru a se evidenia de fonturile commune. Dac este absolut necesar pentru designul sitului dumneavoastr, nu uitai s includei intregul text n Alt tag, astfel nct s poat fi vizualizat de toi utilizatorii. Textul ALT este important i pentru c poate fi indexat de motoarele de cutare.

Rezoluia Rezoluia cea mai folosit astzi este 1024x768, dei nc mai exist un numr mic de oameni care folosesc 800x600, mai ales pentru c nu tiu c au varianta unei rezoluii mai bune. Este o idee bun s realizai design-ul site-ului la 1024x768, dar s pstrai dimensiunea textului sub 800 de pixeli. Astfel i oamenii care au calculatoare mai vechi vor putea s citeasc coninutul chiar dac pentru unele zone din pagin va fi necesar folosirea scrolului. nva din alte situri O alt cale pentru a ajunge la un design bun este s privii n jur i s nvai din ceea ce vedei. Asta nu nseamn c trebuie s copiai, ci s studiai i s nelegei ce merge i ce nu merge. Punei-v n locul utilizatorilor dumneavoastr.

10

Concluzii:
Datorit creterii semnificative a interesului companiilor pentru dezvoltarea de strategii de comunicare bazate pe web, ct i a interesului general al publicului, simpla creare a unui website nu mai este suficient. Acesta trebuie s fie profesionist i s se ridice la nivelul ultimelor standarde. Pentru a avea sigurana unui site de calitate, clar, simplu i bine structurat, trebuie s acordai importan etapelor prezentate mai sus. Odat cu creterea complexitii unui site, structura acestuia trebuie s asigure o ierarhie clar a paginilor i o navigare uoar pentru utilizator. Un website bine structurat va grupa paginile astfel nct s permit vizitatorilor s acceseze imediat coninutul de care au nevoie i s navigheze uor prin submeniurile paginilor care le ofer informaii de ajutor.

11

Resurse: 1. http://www.buildwebsite4u.com/ 2. http://www.asiostudio.com/ 3. Software Usability Research Laboratory - http://www.usabilitynews.org

TreeWorks
Blvd. Coposu nr. 4 bl. 105 A sc. A ap. 1 Bucureti, Romnia Phone: +40.213.260.602 Fax: +40.213.267.233 www.tree.ro office@tree.ro