{"id":9158,"date":"2017-03-27T11:07:19","date_gmt":"2017-03-27T09:07:19","guid":{"rendered":"https:\/\/www.gpec.ro\/blog\/?p=9158"},"modified":"2017-03-27T11:21:57","modified_gmt":"2017-03-27T09:21:57","slug":"primele-criterii-de-evaluare-gpec-2017-intregul-website","status":"publish","type":"post","link":"https:\/\/www.gpec.ro\/blog\/primele-criterii-de-evaluare-gpec-2017-intregul-website","title":{"rendered":"Primele criterii de evaluare GPeC 2017 – \u00centregul Website"},"content":{"rendered":"
<\/div><\/div><\/div>

\"GPeC<\/a>Credem, cu t\u0103rie, c\u0103 orice magazin online ar trebui s\u0103 se \u00eenscrie \u00een Competi\u021bia GPeC 2017<\/strong><\/a> pentru a beneficia de un audit al propriului website<\/strong> at\u00e2t din punct de vedere al optimiz\u0103rii pentru Desktop<\/strong>, c\u00e2t \u0219i pentru varianta de Mobile<\/strong>. Anul acesta, auditul const\u0103 \u00een peste 150 de criterii de evaluare<\/strong> – toate actualizate la nivel de 2017 \u0219i \u00een concordan\u021b\u0103 cu recomand\u0103rile \u0219i bunele practici la nivel interna\u021bional, \u00eempreun\u0103 cu concluziile testelor de usability efectuate de companiile de renume din \u00eentreaga lume. Ele reprezint\u0103 piatra de temelie pentru site-ul unui magazin online<\/strong>, dar evident c\u0103 pot ap\u0103rea \u0219i particularit\u0103\u021bi \u00een func\u021bie de natura afacerii fiec\u0103ruia, unde recomand\u0103m s\u0103 testa\u021bi.<\/p>\n

Fiecare sec\u021biune \u0219i pagin\u0103 important\u0103 dintr-un magazin online va fi analizat\u0103 \u00een detaliu<\/strong>: de la homepage p\u00e2n\u0103 la pagina de categorie, pagina de produs, co\u0219ul de cump\u0103r\u0103turi, procesul de comand\u0103, pagina de confirmare a comenzii etc. precum \u0219i aspectele care \u021bin de Securitate, SEO sau chestiuni juridice, conform legisla\u021biei \u00een vigoare.<\/p>\n

Ast\u0103zi \u00ee\u021bi dezv\u0103luim primul grup de criterii, respectiv elementele pe care le reg\u0103sim \u00een \u00centregul Website<\/strong>. Am \u00eenso\u021bit criteriile de scurte explica\u021bii, exemple concrete \u0219i trimiteri c\u0103tre studii\/articole de specialitate pentru a \u00een\u021belege c\u00e2t mai bine de ce ar trebui respectate. Fii cu ochii pe noi pentru c\u0103 urmeaz\u0103 s\u0103 public\u0103m constant \u0219i celelalte grupe de criterii de evaluare!<\/p>\n

Criterii de evaluare GPeC 2017 – \u00ceNTREGUL WEBSITE<\/b><\/b><\/h4>\n

1. Design modern, atrac\u021bia vizual\u0103, prima impresie<\/b> (bunele practici \u00een e-commerce recomand\u0103 evitarea layout-urilor aglomerate \u00een beneficiul unui design \u201ccurat\u201d, cu multe spa\u021bii albe care au rolul de a eviden\u021bia informa\u021biile esen\u021biale, de marketing – f\u0103r\u0103 interferen\u021ba elementelor de tip \u201cnoise\u201d ce distrag aten\u021bia \u0219i confuzeaz\u0103 utilizatorul. Conform studiilor, decizia vizitatorilor de a r\u0103m\u00e2ne sau nu pe un website la prima interac\u021biune cu acesta, se ia \u00een aprox. 5 secunde – a\u0219adar, prima impresie conteaz\u0103 enorm. De asemenea, un layout \u201ccurat\u201d \u0219i modern denot\u0103 \u00eencredere, spre deosebire de un design ne\u00eengrijit \u0219i neactualizat – \u201cold school\u201d);<\/p>\n

2. Timpul de accesare al site-ului<\/b> c\u00e2t mai scurt;<\/p>\n

3. Informarea utilizatorului privind politica de utilizare a \u201ccookies\u201d<\/b> \u00eenc\u0103 de la prima vizit\u0103 pe site;<\/p>\n

4. No pop-ups<\/b> (de tip abonare la newsletter, online chat\/help etc.) de la prima afi\u0219are a unei pagini din site – cel mai devreme de la al 3-lea refresh \/ a 3-a pagin\u0103 vizitat\u0103 sau la scroll-down dac\u0103 site-ul este de tip \u201cinfinite scrolling\u201d;<\/p>\n

5. No banners \/ advertising<\/b> pentru website-uri externe<\/b> (dec\u00e2t dac\u0103 sunt operate de aceea\u0219i companie). Bunele practici recomand\u0103 s\u0103 nu faci reclam\u0103 c\u0103tre ter\u021bi pentru a nu defocusa utilizatorul \u0219i a-l determina s\u0103 p\u0103r\u0103seasc\u0103 site-ul t\u0103u;<\/p>\n

6. Trust Seals<\/b> (publicarea m\u0103rcilor de \u00eencredere de la ter\u021bi vizibile \u00een toate paginile din site<\/b> \u0219i mai ales \u00een procesul de checkout<\/b>. Exemplu de m\u0103rci de \u00eencredere, f\u0103r\u0103 a ne limita doar la acestea: Trusted.ro, Verisign, GeoTrust, PayPal, Verified by Visa, MasterCard Secure Code etc.);<\/p>\n

7. Co\u0219ul de cump\u0103r\u0103turi*<\/b>, zona de Autentificare sau Sign-up**<\/b>, un link c\u0103tre Contact sau Customer Support<\/b> ori un num\u0103r de telefon vizibil***<\/b> – toate aceste 3 elemente trebuie amplasate \u00een col\u021bul din dreapta-sus al ecranului, conform uzan\u021belor generale \u00een e-commerce;<\/p>\n

8. Co\u0219 de cump\u0103r\u0103turi informativ<\/b> – afi\u0219area permanent\u0103 \u00een dreptul iconi\u021bei\/simbolului grafic pentru Co\u0219ul de Cump\u0103r\u0103turi de informa\u021bii cu privire la cantitatea de produse aflate \u00een co\u0219 \u0219i valoarea total\u0103 a cump\u0103r\u0103turilor, precum \u0219i posibilitatea de quick view a informa\u021biilor esen\u021biale din co\u0219ul de cump\u0103r\u0103turi din orice pagin\u0103 \u00een care se afl\u0103 utilizatorul (nume produs, thumbnail produs, pre\u021b);<\/p>\n

9. Posibilitatea continu\u0103rii cump\u0103r\u0103turilor dup\u0103 ad\u0103ugarea unui produs \u00een co\u0219<\/b>;<\/p>\n

10. Culoarea de ac\u021biune<\/b> (bunele practici \u00een e-commerce recomand\u0103 utilizarea unei culori principale pentru butonale de ac\u021biune – ex.: butonul de \u201cadaug\u0103 \u00een co\u0219\u201d, butonul de \u201csearch\u201d etc. – \u00een contrast puternic cu restul de culori folosite \u00een site pentru a eviden\u021bia principalele butoane de ac\u021biune \u00een ierarhia vizual\u0103);<\/p>\n

11. Breadcrumbs<\/b> (lan\u021bul de navigare \u00een site) este extrem de important \u00een cazul magazinelor online care comercializeaz\u0103 multe produse structurate \u00een categorii \u0219i subcategorii. Breadcrumbs faciliteaz\u0103 navigarea \u0219i ajut\u0103 la indexarea website-ului \u00een motoarele de c\u0103utare, de aceea este important\u0103 amplasarea \u00een partea superioar\u0103 a paginii*<\/b>, vizibilitatea**<\/b> \u0219i, mai ales, buna func\u021bionare a lan\u021bului de navigare***<\/b>;<\/p>\n

12. Afi\u0219area produselor vizitate anterior de acela\u0219i utilizator la o nou\u0103 vizit\u0103 a acestuia pe site<\/strong>;<\/p>\n

13. Imagini calitative (high-resolution) \u00een \u00eentregul website<\/b> (de la fotografiile folosite \u00een zonele de marketing din homepage, p\u00e2n\u0103 la imaginile din paginile de categorie \u0219i produs) – studiile arat\u0103 c\u0103 imaginile low-quality transmit utilizatorilor sentimentul c\u0103 magazinul nu se \u00eengrije\u0219te de calitatea produselor comercializate sau chiar a propriilor servicii \u00een rela\u021bia cu clien\u021bii, determin\u00e2ndu-i pe poten\u021bialii cump\u0103r\u0103tori s\u0103 fie circumspec\u021bi dac\u0103 s\u0103 cumpere sau nu de la acel magazin. \u00cen schimb, c\u00e2nd imaginile folosite sunt de \u00eenalt\u0103 calitate, cre\u0219te percep\u021bia de \u201cownership\u201d a produsului, utilizatorii fiind mai predispu\u0219i spre achizi\u021bie. Recomand\u0103m lecturarea studiului \u201cThe Effect of Mere Touch on Perceived Ownership\u201d <\/i><\/a><\/p>\n

14. Imagini thumbnail c\u00e2t mai generoase \u00een listele de produse<\/b> (ex.: pe homepage sau \u00een pagina de categorie) care s\u0103 creasc\u0103 engagement-ul vizual \u0219i interesul utilizatorilor asupra produselor. Cu c\u00e2t imaginile thumbnail sunt mai mici sau sunt foarte multe produse pe acela\u0219i r\u00e2nd \u00een listele de produse (mici, \u00eenghesuite \u0219i aglomerate), cu at\u00e2t interesul utilizatorilor scade;<\/p>\n

15. Zonele promo\u021bionale din site sau serviciile\/beneficiile oferite clien\u021bilor nu trebuie s\u0103 arate ca ni\u0219te clasice ad-uri publicitare<\/b>. Pentru a evita efectul de \u201cbanner blindness\u201d, zonele promo\u021bionale trebuie s\u0103 respecte design-ul general al site-ului, s\u0103 se \u00eencadreze \u00een layout, s\u0103 p\u0103streze linia cromatic\u0103 general\u0103 a site-ului \u0219i font-urile folosite \u00een site.<\/p>\n

Exemplu: \u00cen print-screen-ul de mai jos, informa\u021biile importante despre metodele de plat\u0103 acceptate de magazin din coloana din st\u00e2nga (ex.: cump\u0103r\u0103turi \u00een 6 rate f\u0103r\u0103 dob\u00e2nd\u0103 prin Raiffeisen, credite prin CardAvantaj, BCR, BRD, Banca Transilvania ori chiar faptul c\u0103 se accept\u0103 plata cu Bitcoin) \u00eempreun\u0103 cu m\u0103rcile de \u00eencredere Trusted.ro \u0219i Comodo Secure risc\u0103 s\u0103 fie ignorate de privirea utilizatorilor (\u201cbanner blindness\u201d) pentru c\u0103 design-ul \u00eentregii zone arat\u0103 ca un ad clasic (culori \u021bip\u0103toare, neintegrare \u00een layout-ul general al website-ului).<\/i><\/p>\n

\"Ad<\/a>
\n16.<\/strong> Evitarea mesajelor de ac\u021biune imperative, care pun presiune pe utilizator<\/b> – ex.: testele A\/B la nivel interna\u021bional arat\u0103 c\u0103 utilizatorii sunt mai \u00eenclina\u021bi s\u0103 dea click pe butonul cu mesajul \u201cAdaug\u0103 \u00een Co\u0219\u201d dec\u00e2t pe cel cu mesajul \u201cCump\u0103r\u0103\u201d sau \u201cCump\u0103r\u0103 acum\u201d sau \u201cComand\u0103 acum\u201d. De asemenea, convertesc mai bine mesajele care \u00eel implic\u0103 pe utilizator (ca o ac\u021biune pe care acesta \u0219i-o dore\u0219te) – ex.: \u201cM\u0103 abonez la…\u201d sau \u201c\u00cemi doresc s\u0103…\u201d (sursa: ConversionXL Institute);<\/i><\/p>\n

17. Logo-ul magazinului online trebuie amplasat \u00een col\u021bul din st\u00e2nga-sus al ecranului, iar acesta trebuie s\u0103 fie clickabil cu link c\u0103tre homepage<\/b>. Studiile de pia\u021b\u0103 arat\u0103 c\u0103 este de 6 ori mai dificil pentru utilizatori s\u0103 se \u00eentoarc\u0103 \u00een homepage d\u00e2nd click pe logo-ul magazinului dac\u0103 acesta este pozi\u021bionat pe centrul paginii \u0219i nu \u00een col\u021bul din st\u00e2nga-sus. \u00cen plus, pozi\u021bionarea logo-ului pe centrul paginii are un impact negativ asupra re\u021binerii numelui magazinului de c\u0103tre utilizatori. Recomand\u0103m parcurgerea studiului realizat de Nielsen Norman Group \u00een Iulie 2016: \u201cCentered Logos Hurt Website Navigation<\/a>\u201d<\/em><\/p>\n

18. Meniul de navigare principal trebuie s\u0103 fie sticky<\/b> atunci c\u00e2nd utilizatorul scrolleaz\u0103 \u00een josul paginii \u0219i s\u0103 con\u021bin\u0103 cel pu\u021bin urm\u0103toarele elemente<\/b>:<\/p>\n