Ju bëni gjithçka që mundeni krijoni një faqe në internet që do t'i çojë vizitorët drejt konvertimit. Kur studioni analitikën, jeni të emocionuar kur shihni se udhëtimi i përdoruesit që keni krijuar mbështetet nga vizitorët e tij, herë pas here. Megjithatë, ka diçka që i pengon ata të konvertohen.

Le formularin e kontaktit është një pjesë thelbësore e udhëtimit të vizitorëve tuaj. Edhe nëse në të vërtetë keni pothuajse gjithçka që një faqe interneti mund të ofrojë, a formularin e kontaktit mund të prishë përvojën nëse nuk përdoret si duhet. Butonat "të thyer", fusha konfuze, shumë hapa, një ndërfaqe e çorganizuar… madje edhe vendosja e formularin e kontaktit mund të prishë përvojën e përdoruesit.

Ka shumë gjëra që mund të shkojnë keq.

Rregulla 5 për ndërtimin e formës së përsosur të kontaktit

Një studim i gjurmimit të syve të Google i publikuar në vitin 2014 tregoi se ndjekja e udhëzimeve më themelore të përdorimit për dizajnim format do të përmirësojë ndjeshëm përvojën e përdoruesit. Në mënyrë të veçantë, kur një formular kontakti plotëson të gjitha rregullat, 78% e përdoruesve mund t'i plotësojnë ato dhe t'i dorëzojnë ato në një përpjekje të vetme. Kur një formular kontakti shkel këto rregulla, megjithatë, vetëm 42% mund ta bëjnë këtë me një përpjekje.

Kurioz se cilat janë këto rregulla? Vazhdoni të lexoni.

Rregulla # 1: Përqendrohuni në shtrirjen

Siç do ta shihni në rregulla të tjera këtu, njerëzit shpesh shqetësohen për gjatësinë e format e kontaktit, gjë që shpesh çon në zgjedhje të dobëta të projektimit. Merrni për shembull çështjen e shtrirjes.

Ju mund të shihni një formë si kjo në faqen e internetit të BrainTraffic dhe të mendoni: Hmmm… por a nuk është kjo shumë e gjatë për tu plotësuar?

plotësoni formularin.png

Një mënyrë për të menduar për zgjidhjen e këtij "problemi" është lëvizja e etiketave në të majtë dhe vendosja e fushave të përgjigjes në të djathtë. Sidoqoftë, ekspertët e UX do t'ju tregojnë se kjo është një jo-jo e madhe pasi rrezikon aftësinë për të skanuar formularin. E njëjta gjë vlen edhe nëse keni menduar të vendosni fushat pranë njëra-tjetrës horizontalisht.

Nëse dëshironi tuajat format kontaktet plotësojnë standardin e shtrirjes, ja çfarë duhet të bëni:

  • Rreshtoni majtas të gjitha etiketat, fushat e formës dhe butonin kryesor thirrje për veprim.
  • Asnjëherë mos i rreshtoni fushat përkatëse horizontalisht. Ju mund ta strukturoni formularin logjikisht, por secila pyetje ose fushë duhet të grumbullohet vertikalisht.
  • Do fushë me pyetje me zgjedhje të shumëfishtë (me më pak se gjashtë opsione) duhet të shfaqet në një listë vertikale të pikave ose kutive të kontrollit, jo në një menu drop-down.

Rregulla 2: Përfshini të gjitha fushat përkatëse

Kur bëhet fjalë për hartimin e formave të kontaktit, ju mund të mendoni se sa më e shkurtër aq më mirë, apo jo? Jo gjithmonë është kështu. Ajo që ka më shumë rëndësi është që t'u siguroni përdoruesve të gjitha fushat e nevojshme dhe përkatëse.

Michael Aagaard, Optimizues i Lartë i Konvertimit për Unbounce, bëri një prezantim në vitin 2015 i cili adresoi këtë çështje. Ai dhe ekipi i tij donin të dinin se çfarë do të ndodhte nëse do të shkurtonin këtë formë kontakti:

Shembull i formularit të kontaktit court.png

Siç mund ta shihni, ata hoqën ato që ata besonin se ishin fusha të panevojshme në mënyrë që të drejtonin procesin e plotësimit të formularit. Sidoqoftë, pas përfundimit të testit, ata gjetën një rënie prej 14% të konvertimeve me formën më të shkurtër.

Rregulla # 3: Thjeshtoni fushat

Nuk ka rëndësi nëse përdoruesit tuaj po ndërveprojnë me formën tuaj të kontaktit duke përdorur një desktop ose pajisje të lëvizshme, ose nëse ata kanë nevojë për teknologji ndihmëse për t'i ndihmuar ata, formulari duhet të jetë i pajisur. për të thjeshtuar procesin e hyrjes.

Këtu janë disa teknika që duhet të dini:

hedhje në tabelë
Për përdoruesit e desktopit dhe ata me probleme të hyrjes, sigurohuni që forma juaj e kontaktit të ketë të mundur rregullimin logjik të skedave.

Mashtrime hyrëse
Në vend që t'i detyroni përdoruesit të gjejnë se si doni të formatohen disa fusha, mund t'i shtoni me maska ​​hyrëse që i formatojnë automatikisht.

formatimi i fushave html.png

Përfundimi automatik i Google
Në vend që të kodojmë secilën fushë ashtu që të jetë formate automatikisht sipas standardeve që duhen respektuar, aktivizoni plotësimin automatik duke përdorur shtojcën e plotësimit automatik të adresave të Google. Kjo jo vetëm që do t'ju shpëtojë nga trajtimi i gabimeve drejtshkrimore dhe adresave të plotësuara gabimisht, por do t'i shpëtojë vizitorët tuaj nga shtypja e shumicës së këtij informacioni.

Rregulla # 4: Dalja nga të gjitha

Ndërsa e kuptoj që ky rregull do të jetë në kundërshtim me bazat e minimalizmit, është një rregull të cilit duhet t'i kushtoni shumë vëmendje, në mënyrë që të shmangni zhgënjimin e panevojshëm të vizitorëve tuaj.

Më lejoni të shpjegoj: Ju keni një formë kontakti që duket mjaft e thjeshtë. Përdoruesit tuaj e plotësojnë atë bazuar në atë që sugjerojnë etiketat dhe ata klikojnë në butonin e dorëzimit. Pastaj ata marrin këtë mesazh të tmerrshëm të kuq: “Ju nuk e bëtë mirë! Kthehuni, korrigjoni formularin dhe dërgojeni përsëri! " 

Ju ndoshta e keni hasur atë si një përdorues dhe e dini se sa zhgënjyese mund të jetë, veçanërisht nëse disa nga informacionet që keni futur fshihen kur hidhet gabimi. Pra, në vend se të lini përdoruesit të hamendësojnë se çfarë duhet të rregullohet dhe si, mos e lini të shkojë në këtë pikë. Shkruaj gjithçka gjatë rrugës:

  • Siguroni një përqëndrim në terren (veçanërisht në celular) në mënyrë që përdoruesit të dinë saktësisht se ku po plotësojnë një formular.
  • Shkruani të gjitha kërkesat e formatimit nëse nuk përdorni maska ​​hyrëse për të formatuar automatikisht fushat.
  • Tregoni qartë kur një fushë është "Opsionale" (përdorni fjalën, jo yllin e kuq).
  • Jepni përdoruesve mundësinë për të treguar ose fshehur fushën e fjalëkalimit ndërsa ata hyjnë në të.
  • Shfaqni një mesazh gabimi sa më shpejt që përdoruesi të angazhohet në një fushë. Mos prisni deri në fund për ta bërë atë.

gabim wordpress.png wordpress

Rregulla # 5: Mos i fshihni këshillat

Teksti i tabelës në një formë kontakti duket si ky:

fushë me tips.png

Shihni se si Target i vendos etiketat në terren? Në disa forma kontakti, këto etiketa / indikacione thjesht zhduken kur një përdorues klikon në një fushë. Objektivi e trajton këtë pak më ndryshe dhe lëviz etiketën në krye të kutisë së fushës (shih "adresën e postës elektronike").

Pavarësisht se si trajtohet kjo, ekspertët e shfrytëzueshmërisë, si grupi Nielsen Norman, do t'ju tregojë se kjo është praktikë e keqe e dizajnit sepse:

  • Kjo është problematike për përdoruesit me shumë detyra, të shpërqendruar ose me ritëm shumë të shpejtë në fushën tjetër. Kur të dhëna zhduken, përdoruesit duhet të largohen nga fusha në mënyrë që të rizbulojnë atë që u nevojitet.
  • Këshillat që zhduken gjithashtu parandalojnë përdoruesit të kthehen në një formë për të kontrolluar punën e tyre ose të korrigjojnë një gabim pa fshirë plotësisht përgjigjen për të parë se çfarë është më poshtë.
  • Teksti gri më i lehtë i përdorur për këshillat e mbajtësve të vendeve nuk është ideal për lexim të lehtë.
  • Fushat me tekst aluzion mund të ngatërrohen me fushat që tashmë kanë mbushur të dhëna, duke i lënë përdoruesit t'i injorojnë ato, të paraqesin formularin dhe të marrin një mesazh gabimi.
  • Disa mjete për leximin e ekranit nuk janë në gjendje të lexojnë tekstin e aluzionit.

Sipas NNG, përdoruesit i shohin fushat boshe më tërheqëse sesa ato që përmbajnë tekst të dhënë. Edhe nëse format tuaja duken më të gjata për t'i vendosur këto etiketa ose përshkrues mbi fushë, kjo do të përmirësojë përdorshmërinë.

Kjo është për këto këshilla, shpresoj se do t'ju ndihmojnë të ndërtoni forma më të mira kontakti.