UI / UX ievades formu dizaina labā prakse

Uzņēmumi savās vietnēs izmanto veidlapas, lai apmeklētāji varētu reģistrēties, lai izveidotu kontu, iegādātos produktu, samaksātu par preci un veiktu citas darbības. Tāpēc tiešsaistes veidlapu dizains ir tik svarīgs. Ja jums nav vienkāršas, lietotājam draudzīgas, vizuāli vai estētiski pievilcīgas veidlapas, jūs, iespējams, nevarēsiet piesaistīt apmeklētājus veltīt laiku, lai sniegtu jums visu savu personisko informāciju.

Kas īsti ir formu dizains?

Veidlapu dizains ir tīmekļa veidlapas izveide, kurā vietnes apmeklētāji var ievadīt un iesniegt informāciju, vienlaikus paturot prātā izkārtojumu, formātu, lietotāja pieredzi (UX), izskatu un citus faktorus. Labi izstrādāta veidlapa uzlabo lietotāja pieredzi un palielina reklāmguvumu skaitu, kas nozīmē, ka jūs pārvēršat lietotājus par klientiem.

Veidlapas dizains ietekmē jūsu vietnes kopējo lietotāja pieredzi, ietekmējot apmierināto apmeklētāju skaitu un reklāmguvumus. Labi izstrādāta veidlapa parāda lietotājiem, ka jūsu uzņēmums ir izpalīdzīgs, pārdomāts, profesionāls, tehnoloģiski lietpratīgs un ar to patīkami strādāt.

No otras puses, slikti izstrādāta veidlapa var izraisīt lapas un vietnes pamešanu vai neapmierinātību, kā rezultātā samazināsies reklāmguvumu un pārdošanas apjoms. Piemēram, Expedia atklāja, ka viena sveša formas lauka kaste vien viņiem izmaksāja 12 miljonus USD peļņu gadā! Šajā rakstā jūs uzzināsiet par dažām veidlapu noformēšanas paraugpraksēm un vadlīnijām.

Veidlapu izstrādes paraugprakse un vadlīnijas

  • Saglabājiet veidlapas vienkāršas un saprotamas
  • Nepievienojiet nevajadzīgus laukus vai jautājumus.
  • Veidlapā iekļaujiet tikai nepieciešamo informāciju.

Izmantojiet vienu kolonnu
Ja iespējams, izmantojiet vienas kolonnas tīmekļa veidlapu izkārtojumu — tas ir īpaši svarīgi, veidojot garas daudzpakāpju veidlapas. Vienas kolonnas izkārtojumus apmeklētājiem ir vieglāk sekot, saprast, aizpildīt un iesniegt, nekā veidlapas ar vairākām kolonnām.

Skaidri iezīmējiet veidlapu
Piešķiriet savai veidlapai nosaukumu, lai apmeklētāji zinātu, kas notiks pēc tās iesniegšanas. Piemēram, vienkāršs veidlapas nosaukums, piemēram, “izveidot kontu”, skaidri norāda, ka, tiklīdz apmeklētājs būs iesniedzis savu informāciju, viņš būs izveidojis kontu.

Kārtojiet veidlapas laukus no vienkāršākajiem līdz sarežģītākajiem
Sāciet veidlapu ar visvienkāršākajiem lauka jautājumiem (piemēram, vārdu un e-pasta adresi), pirms pārejiet pie laikietilpīgākiem jautājumiem, piemēram, par norēķinu un piegādes informāciju. Kad apmeklētāji sāk aizpildīt jūsu veidlapu un domā: “Labi, es varu ātri pievienot savu vārdu un e-pasta adresi”, ir daudz mazāka iespēja pamest lapu, jo viņi jau ir nolēmuši uzņemties saistības.

Izmantojiet iekļauto veidlapas lauka validāciju
Iekļautā veidlapas validācija ir procedūra, kas reāllaikā pārbauda apmeklētāja informāciju, kad viņi aizpilda veidlapu. Pieņemsim, ka apmeklētāji laukā ievada nepareizu informāciju, piemēram, nepareizu kredītkartes numuru vai e-pasta adresi. Zem veidlapas lauka vai tā iekšpusē tiks parādīts kļūdas ziņojums, brīdinot apmeklētāju par kļūdu un ļaujot viņam to ātri izlabot un pāriet uz nākamo jautājumu.

Tekstam jābūt līdzinātam pa kreisi
Izlīdziniet visu savu tekstu, tostarp vaicājumus un iezīmes, veidlapas kreisajā pusē, lai apmeklētāji to varētu viegli lasīt un aizpildīt. Bāzeles universitātes pētnieki novēroja, ka teksta līdzināšana kreisajā pusē virs veidlapas lauka lodziņa samazina veidlapas aizpildīšanai nepieciešamo laiku. Šis izlīdzinājums samazina laiku, kas lietotāja acīm jāpārvietojas, padarot veidlapu vieglāk lasāmu.

Nepieprasiet tālruņa numurus
Neiekļaujiet to savā veidlapā, ja vien apmeklētāju tālruņu numuru apkopošana nav ļoti svarīga, piemēram, piedāvājuma pieprasījums vai produkta demonstrācija. Jūsu apmeklētāju tālruņa numuru pieprasīšana var radīt aizdomīgu sajūtu, ja vien viņi nezina likumīgu pieprasījuma iemeslu. Ja iespējams, tā vietā pieprasiet e-pasta adresi un izmantojiet to, lai sazinātos ar apmeklētājiem ar viņu atļauju. Varat arī iestatīt tālruņa numura lauku savā veidlapā kā brīvprātīgu.

Izmantojiet pārlūkprogrammas automātisko aizpildīšanu
Konkrētu veidlapas lauku aizpildīšana tagad ir ātrāka nekā jebkad agrāk, pateicoties automātiskās aizpildīšanas funkcijām pārlūkprogrammās, kas izmanto iepriekš no apmeklētāja ierīces ievadītus datus, piemēram, vārdu un uzvārdu. Lai palīdzētu apmeklētājiem paātrināt aizpildīšanas procesu, vislabāk ir katram laukam piešķirt nosaukumu ar vārdu, ko pārlūkprogrammas atpazīs.

Izveidojiet mobilajām ierīcēm piemērotas veidlapas
Daudzi cilvēki pārlūko, iegādājas produktus un aizpilda veidlapas savās mobilajās ierīcēs, tāpēc mobilajām ierīcēm draudzīgs veidlapu dizains ir ļoti svarīgs. Tas palīdz jūsu vietnes apmeklētājiem ērti skatīt vietni jebkurā mobilajā ierīcē un nodrošina, ka visa veidlapas informācija atbilst ekrāna izmēram.

Kļūdu ziņojumiem jābūt pozitīviem
Veidojot tīmekļa veidlapu kļūdu ziņojumus, noteikti izklausieties pozitīvi. Tas ir lielisks veids, kā nodrošināt, ka tiek iesniegta tikai pareiza informācija. Nekad nevainojiet lietotāju; tā vietā izmantojiet skaidru un kodolīgu valodu un iekļaujiet informāciju, kas novirza apmeklētāju uz kļūdu. Tādā veidā viņi precīzi zina, kur tas atrodas un kā tas ir jālabo.

Iekļaut viedos noklusējuma iestatījumus
Viedo noklusējuma iestatījumu iespējošana ir vēl viens lielisks veids, kā palīdzēt paātrināt veidlapas aizpildīšanas procesu, vienlaikus saglabājot precizitāti. Viedie noklusējuma iestatījumi izmanto tādu informāciju kā jūsu lietotāja pašreizējā atrašanās vieta, lai uzreiz ievadītu tādu informāciju kā pilsēta vai pilsēta, tādējādi ietaupot laiku.

Garām veidlapām pievienojiet norises joslas
Vai esat kādreiz aizpildījis garu veidlapu vai aptauju un domājis: “Cik daudz citu jautājumu ir?” Progresa joslas parāda, uz cik jautājumiem apmeklētājiem ir jāatbild. Viņi sniegs viņiem nojausmu par to, cik ilgs laiks būs nepieciešams, lai pabeigtu uzdevumu, un var darboties kā motivācijas veids, lai pabeigtu uzdevumu. Tie ir īpaši noderīgi garās, daudzpakāpju veidlapās.

Izmantojiet reCAPTCHA, nevis CAPTCHA
Vai jums kādreiz ir lūgts apskatīt salīdzinoši sarežģītu attēlu ar cipariem un burtiem un pēc tam ievadīt šos ciparus un burtus veidlapas laukā, lai pēc veidlapas aizpildīšanas apstiprinātu, ka neesat robots? CAPTCHA tiek izmantoti, lai identificētu SPAM un robotprogrammatūras. Tomēr to pabeigšana var būt laikietilpīga un nomākta. Tie joprojām ir noderīgi; iespējams, vēlēsities iekļaut šo papildu drošības pasākumu savās veidlapās. Ja tas tā ir, veidlapās izmantojiet reCAPTCHA. ReCAPTCHA ne tikai veiksmīgi identificē viltotus kontus un robotprogrammatūras, bet arī pieprasa, lai apmeklētājs pirms veidlapas iesniegšanas atzīmē tikai lodziņu. CAPTCHA drošības nolūkos izmanto burtus, savukārt ReCAPTCHA lūdz lietotāju identificēt attēlu elementus.

Ļaujiet lietotājiem pēc cilnes pāriet uz tālāk norādīto veidlapas lauku
Nav iemesla, lai jūsu veidlapa neatbalstītu īsinājumtaustiņus, jo to ir daudz. Laba prakse ir ļaut apmeklētājiem izmantot tastatūras tabulēšanas taustiņu, lai pārietu uz tālāk norādīto veidlapas lauku, nenoņemot rokas no tastatūras.

Noslēgumā…
Iespējams, ka jūsu vietnē ir vismaz viena veida tīmekļa veidlapa. Šo UX UI veidlapu izstrādes paraugprakses ieviešana sniegs jūsu apmeklētājiem pozitīvu pieredzi. Tāpēc apsveriet, kādas veidlapas ir jāiekļauj savā vietnē, un sāciet ieviest dizaina padomus un ieteikumus, kas visvairāk atbilst jūsu vajadzībām un mērķiem.

Loading

Noderīgs raksts? Dalies ar citiem: