5 greșeli de navigare web care vă costă conversii

Dacă vizitatorii nu o găsesc, atunci nu există.

Agenții de marketing web sunt adesea prea implicați în estetica site-urilor web pe care le uită, făcându-le mai ușor pentru utilizatori să găsească ceea ce au nevoie.

Sigur, un aspect modern și profesional este esențial pentru a câștiga încrederea vizitatorilor web. Cu toate acestea, designul web ar trebui să sprijine sarcinile utilizatorului și să nu submineze capacitatea de utilizare și descoperirea.

Iată câteva greșeli frecvente care împiedică utilizatorii să navigheze eficient pe site-ul dvs.:

1. Navigare ascunsă pe ecrane mari

Pe dispozitivele mobile pe care aveți un ecran mic cu care să lucrați, este bine să ascundeți navigarea sub un meniu (de obicei pictograma hamburger). Acest lucru nu are sens, totuși, pe desktop, unde există mult spațiu pentru a afișa opțiunile de navigare.

Exemplu: WhySoCool.com

Un studiu realizat de Nielsen Norman Group și WhatUsersDo a arătat că, în comparație cu navigația vizibilă sau parțial ascunsă, navigația ascunsă este...

• folosit mai puțin și folosit mai târziu în sarcină (dacă persoana îl folosește) atât pe mobil, cât și pe desktop
• este mai probabil să fie folosit pe mobil decât pe desktop - Acest lucru s-ar putea datora faptului că...
  • pe ecranele mai mici, pictograma meniului este mai vizibilă
  • navigarea ascunsă este norma pe mobil
  • timpii de încărcare sunt mai lenți pe mobil, iar oamenii preferă să folosească meniul decât să deruleze pentru a găsi ceea ce au nevoie (din moment ce, de obicei, există mai puțin conținut deasupra paginii)

Studiul a mai arătat că experiența utilizatorului este afectată negativ de navigarea ascunsă atât pe dispozitive mobile, cât și pe desktop:

• Descoperirea conținutului este mai mică
• Evaluările de dificultate sunt mai mari
• Timpul pe sarcină este mai lung

Deci, expuneți opțiunile de navigare de nivel superior pe desktop. Ascunderea acestora sub un meniu nu ajută utilizatorii dvs. și nici conversiile site-ului dvs., în ciuda popularității „în primul rând mobilul”.

2. Fund fals

Atunci când utilizatorii nu devin imediat evident că există mai mult conținut dincolo de un anumit punct , aveți o problemă cu „fund fals”.

Iată câțiva vinovați pentru persoanele care cred că au ajuns la sfârșitul conținutului și, prin urmare, le este greu să găsească ceea ce au nevoie:

Imagini mari sau grafice care umplu întregul ecran

Fotografiile cu eroi sunt renumite pentru că strâng bunuri imobiliare superioare și împing în jos alte elemente importante, cum ar fi simbolurile de încredere și punctele de intrare clare pentru diferite segmente de clienți. În plus, atunci când imaginea ocupă întregul ecran, partea de jos a imaginii poate fi, de asemenea, confundată cu partea de jos a paginii.

Exemplu: NhoraOsorio.com

Dacă într-adevăr trebuie să aveți un ecran plin de imagine sau grafică, cel puțin să aveți un indiciu de direcție explicit .

WeAreMinimal.com, de exemplu, folosește în mod deliberat mișcarea, sub forma unei săgeți care sări, pentru a atrage atenția utilizatorului și pentru a semnala că există mai multe sub ori.

Exemplu: WeAreMinimal.com

Liniile orizontale

În general, liniile orizontale și regulile sunt interpretate de creier ca semne de stop.

Aveți grijă să nu plasați linii orizontale care acoperă întreaga lățime a paginii între secțiunile de conținut. Ele pot descuraja utilizatorii să exploreze mai departe. Este posibil ca utilizatorii să nu realizeze că separatorul semnalează sfârșitul unei secțiuni și nu al paginii.

Exemplu: StudioRakelShop.com

Anunțuri care întrerup fluxul de conținut

Reclamele mari, cele care fac tot ce se află sub ea greu de văzut, pot fi, de asemenea, interpretate greșit ca finalul conținutului.

Cosmopolitan.com pare să recunoască această problemă și încearcă să o atenueze prin etichetarea reclamei și direcționând utilizatorii către „Continuați să citiți mai jos”.

Exemplu: Cosmopolitan.com

Utilizarea excesivă a spațiului negativ

Spațiul negativ ajută la crearea unui accent vizual și a unei ierarhii pe pagină. Prea mult spațiu negativ între elementele de conținut, totuși, ar putea fi interpretat ca însemnând „nu mai este nimic de văzut”.

Problema este mai gravă pe ecranele mici, unde decalajul dintre elemente devine mai pronunțat, făcând conținutul mai jos pe pagină și mai puțin vizibil.

Exemplu: ShopGraceGow.com

3. Lipsa semnificanților de affordance

Unul dintre motivele pentru care utilizatorii nu reușesc să găsească ceea ce ar trebui să facă în continuare este lipsa semnificanților de affordance. Lipsa unor indicii vizuale pentru a semnala elementele cu care pot fi interacționate duce la incertitudinea clicurilor – utilizatorii trec cu mouse-ul peste diferite elemente de pe pagină pentru a identifica pe care dintre ele se poate face clic.

Pe corpul paginii de pornire a BHLDN.com, de exemplu, elementele pe care se poate face clic nu sunt vizibile. Pagina folosește săgeți pentru a semnala că puteți interacționa cu elemente, dar elementele pe care se poate face clic nu seamănă cu elementele pe care se poate face clic, cum ar fi butoanele.

În schimb, veți obține un amestec aleatoriu de etichete pe care se poate face clic, etichete pe care nu se poate face clic și nicio modalitate bună de a le diferenția între cele două.

Exemplu: BHLDN.com

4. Etichete vagi de navigare

Etichetele sunt semnele rutiere ale site-ului dvs. – dacă sunt confuze, utilizatorii se vor pierde.

Asigurați-vă că etichetele dvs. sunt clare și precise. Ar trebui să poată spune utilizatorilor ce se întâmplă atunci când fac clic pe un element de navigare.

O versiune mai veche a paginii de pornire a Teforia.com, de exemplu, avea „Tea Transformed” ca îndemn la acțiune (CTA). Aceasta este o etichetă fără conținut – nu comunică cu adevărat nimic despre ce se pot aștepta utilizatorii dacă fac clic pe ea.

GorillaMovers.com, pe de altă parte, are opțiuni de navigare la nivel superior neclare. Există „Cumpără”, dar nu este clar ce este posibil să cumperi; și există „Aplicați la noi”, care poate însemna fie „aplicați la noi pentru a obține o ofertă”, fie „aplicați la noi pentru a obține un loc de muncă”.

Exemplu: GorillaMovers.com

5. Abatere de la convențiile web

Creierul uman se bazează foarte mult pe scurtături. Dacă site-ul dvs. web nu se potrivește cu modelul mental al utilizatorilor despre modul în care ar trebui să funcționeze un site web, veți crea mai multe probleme de navigare decât merită pentru mulți vizitatori.

Iată câteva exemple de modele de design la care utilizatorii au fost condiționați să se aștepte pe paginile web:

Plasarea logo-ului

Când utilizatorii web ajung pe o pagină, de obicei se orientează spre locul în care se află pe web, uitându-se în partea din stânga sus a paginii pentru logo-ul companiei. Sigla este, de asemenea, în mod tradițional un element pe care se poate face clic, care permite utilizatorilor să navigheze cu ușurință la pagina de pornire.

Așadar, aveți grijă să poziționați sigla în centrul sau în colțul din dreapta sus al paginii. Acest lucru ar putea funcționa pe ecrane mai mici unde distanța dintre colțul din stânga și colțul din dreapta este neglijabilă. Pe ecrane mai mari, însă, poate afecta negativ eficiența utilizatorilor în navigarea către pagina de pornire.

Culoare hiperlink corp

Oamenii își petrec cea mai mare parte a timpului pe alte site-uri, iar pe alte site-uri, hyperlinkurile din corpul paginii sunt de obicei identificate prin culori, astfel încât să nu se amestece.

Puteți folosi orice culoare, atâta timp cât apare și nu este folosită pe alt text de pe pagină. În acest fel, utilizatorii pot identifica imediat hyperlinkurile. Acestea fiind spuse, cel mai bun pariu este culoarea albastră, deoarece utilizatorii web au fost condiționați să asocieze acea culoare cu hyperlinkuri.

Punând totul laolaltă

Navigarea corectă poate fi dificilă atunci când aveți o lume cu mai multe dispozitive și mai multe canale. Acestea fiind spuse, doar scăderea elementelor fundamentale te poate duce destul de departe.

Dacă vă abțineți de la crearea de fund fals, urmați convențiile web, evitați ascunderea barei de navigare pe computere desktop și laptopuri, afișați semnificatori care le spun vizitatorilor ce elemente se pot face clic și etichetați clar opțiunile de navigare, veți face ca mai puțini vizitatori să plece fără a face nimic .