Ülim juhend kujunduse kohta: kuidas kujundada veebivorme teisendavaid vorme

Kas olete hiljuti veebivormi täitnud?

Võimalik, et vastus on jaatav. Värskete uuringute kohaselt täidab 84% inimestest vähemalt ühe veebivormi nädalas.

Kuid te pole võib-olla mõistnud, sest veebivormide täitmine on muutunud meie elu kanga peaaegu lahutamatuks osaks.

Tegelikult on peaaegu iga veebiprotseduur, mis viib kasutaja punktist A punkti B veebipõhise veebivormi: ettevõttega ühenduse võtmine, rongi broneerimine, toote ostmine, hotellides viibimise korraldamine…

Veebivorme hakati esmakordselt veebimüügis kasutama 1994. aastal. Esimesed pukseerimisvormid ilmusid meie ekraanidele 2006. aastal. Sellest ajast alates on vormid muutunud veebisuhtluse alustalaks.

Nad on värav ettevõtte ja kliendi vahel. Alates väikelinnade ajaveebidest kuni globaalsete valitsusportaalideni on peaaegu võimatu ette kujutada veebisaiti ilma selleta.

Miks on veebivormidel nii halb rep?

Muidugi, väga vähesed inimesed armastavad vorme. Kuid enamik ei taha seda täita, kui see on selge, lühike ja hästi läbi mõeldud.

Ja selles peitubki hõõrumine. Liiga palju veebivorme on liiga pikad, segased või sissetungivad (ja mõnikord kõik kolm korraga).

Kui vorm segadusse ajab, pettumust valmistab või küsib rohkem, kui on vaja, on vastaja loobumise oht kõrge. Mõned inimesed loobuvad vormist täielikult. Teised loobuvad tellimusest. Mõlemal juhul ei saa te tõenäoliselt teist võimalust.

Kuidas saaksime vormi kujundamisel veenduda, et vastajad ripuvad kuni viimase klõpsamiseni sisse?

„Vormi on väga lihtne luua. Raske külg on see, et inimesed saavad selle tegelikult täita. ”

Pärast seda, kui oleme oma 4,5 miljonil kasutajal aidanud veebivorme luua, on JotFormis õpitud just see, et näiliselt peensused muudatused muudavad maailma erinevaks. Sageli eristab neid vorm, mis teisendab loobutud vormist.

Näiteks:

  • HubSpot leidis, et lugejad täitsid 17% suurema tõenäosusega 14-lehelise plii genereerimise vormi, kui see paigutati eraldi sihtlehele.
  • Marketo leidis, et mõned vähemolulised väljad suurendasid pliikulusid 25%.

Kujundate vormi? Tehke sellest intuitiivne, lihtne ja sõbralik kogemus. See juhend räägib teile, kuidas.

Vormi põhikomponendid

1. Tervitage oma vastajaid: pealkiri ja sissejuhatus

Kas tervitaksite oma sõpru ilma tere ütlemata? Me teame, kui head kombed on olulised, kuid veebisfääris eksivad nad sageli tõlkimisel.

Pealkiri ja tervitusleht on teie võimalus tutvustada oma vormi (ja ennast) selgel ja sõbralikul viisil - ning jätta hea esmamulje.

Küsige lihtsalt BettingExpertilt: nad said 31,54% rohkem registreerumisi, muutes vormi pealkirja, et rõhutada, miks inimesed peaksid registreeruma.

Teie pealkiri on lühim ja täpsem kirjeldus tulevast. Kasutajad kipuvad vormi sisu nüpeldama ja peaaegu keegi ei loe üksikasjalikku kirjeldust hoolikalt. Sellepärast on nii oluline tabada vormi eesmärk võimalikult väheste sõnadega.

Pealkirjale võib järgneda lühike kirjeldus selle kohta, mida vastaja võib vormilt oodata. Hoidke see võimalikult neutraalne: soovite veenduda, et teie vastajad vastavad ausalt, mitte ei peaks ootustele vastama. Isegi midagi nii lihtsat kui eesmärgi kirjeldamine võib teie vastajat tahtmatult meelitada selle eesmärgi saavutamiseks.

Nüüd on ka aeg loetleda kõik välised paberimajandus, mille vastaja peaks eelnevalt kokku koguma - keegi ei taha maja ümber ringi joosta, otsides oma P45 või passi pooleldi.

Kui teie vormi täitmiseks kulub kindlasti palju aega, teavitage sellest kasutajaid ette. Aga kui see on kiire ja lihtne? Las kasutajad on meeldivalt üllatunud (st ärge riskige igaks juhuks kellegi intelligentsust solvata.) Nad saavad seda ise järeldada, vaadates niikuinii edenemisriba või väljade arvu.

2. Paigutage seotud päised ja alapealkirjad

Lõbus fakt: inimesed loovad esmamulje 50 millisekundi jooksul. Spoiler: selleks pole piisavalt kaua aega, et nad saaksid teie koopiat hoolikalt lugeda.

Vormi vastajad loevad tõenäoliselt miinimumi ja ignoreerivad ülejäänuid. Võimalik, et nad on kiirustades, tähelepanu hajunud või üldiselt kannatamatud, et kogemusest üle saada ja sellega hakkama saada.

Piisavalt õiglane. Me ei saa neid peatada, nii et võime neid ka juhendada: kristallselge ja sisutiheda viitade postitamisega. Päised on teie uus parim sõber: nad selgitavad teksti, jagavad selle lahti, annavad selle ülesehituse ja hoiavad kasutajad kaasa.

Kasutajad peaksid saama päise heita pilgu ja kohe teadma, mida neilt oodatakse, ilma et nad peaksid ülejäänud teksti lugema.

Parim viis selle kontrollimiseks on lugeda päiseid eraldi - kas neil on ikka mõtet?

3. Jagage küsimused jagajatega

Jagajad on olulised. Traditsiooniliste vormide puhul on jagajate kasutamine parim viis ülekülluse vähendamiseks, visuaalselt lahustades küsimused. Visuaalseid erinevusi ei pea olema tohutult palju ja liiga suur kontrastsus võib tähelepanu kõrvale juhtida.

4. Otsustage, kas kasutate mitmelehelisi või ühelehelisi vorme

See sõltub sektsioonide arvust.

Kui teemasid on ainult üks või kaks, on teie parim valik üheleheline vorm. Kuid kui vormil on mitu jaotist, on vestluse katkestamiseks vaja mitu lehte. Mõelge esmamuljetele: kasutaja tunneb end tõenäoliselt hirmutatuna, kui ta seisab silmitsi üheleheküljelise vormiga, mis sisaldab sadu välju (mis näeb välja).

5. Rõhutage tegevusele kutsumist (CTA-d)

Edukad CTA-d rõhutavad osa TEGEVUST: mida see kasutaja teeb, klõpsates seda nuppu? Üldised sildid, nagu „saatmine”, „edastamine” või „töötlemine”, ei lõika seda. Mida kirjeldavam, seda parem.

Ebamäärasuse kõrvaldamiseks proovige vastata küsimusele „Ma tahan…” kasutaja vaatenurgast. Näiteks kui tegemist on teenuse päringuvormiga, võib see olla „Taotle minu tasuta konsultatsiooni”.

Kas vajate veenvamat? Selles uuringus leidis Unbounce, et isegi muutmine „alusta oma tasuta prooviperioodi” ja „minu prooviperioodi alustamine” suurendas tegevusele kutsumise klikke 90%.

6. Tuvastage oma vormi väljad

Praegu pole aeg väljamõeldiseks….

Raadioväljad, valimisväljad ja märkeruudud töötavad, kuna need on lihtsad ja tuttavad. Vormielementide standardvorming võrdub parema kasutatavusega.

Raadionuppe saab kasutada juhul, kui võimalusi on mitu, ja valida saab ainult ühe. Märkeruudud töötavad kõige paremini siis, kui saab valida mitu võimalust.

Võimalusel kasutage rippmenüüde asemel märkeruute ja raadionuppe, kuna nende töötlemine nõuab vähem kognitiivset koormust. Nagu Luke Wroblewski kunagi märkis: „rippmenüüd peaksid olema viimase abinõu kasutajaliides”.

7. Ärge kunagi unustage lehte „Tänu“

Pidage meeles, et teie vastajad on inimesed, kes on teile andnud oma aja. Nii et ärge lõpetage järsku - öelge alati aitäh.

Kuidas kirjutada, et inimesed kuulaksid

Allpool on mõned näpunäited vormide kirjutamise kunsti kohta, et inimesed neid täidaksid.

8. Räägi lihtsalt

Vormide osas eelistame kõik lihtsat keelt - isegi meie seas olevad teadlased, geeniused ja eksperdid. Miks kõlab nii palju veebivestlusi, nagu oleks nad tesauruse kaudu tahaplaanile pandud?

„Võtke vastu meie siiras vabandus. Sellest hoolimata tahaksime teada teie arvamust. Lisaks… “

Kirjutamine nagu teie vana kolledži professor võõrustab lugejaid ja paneb nende silmad üle klaasistama.

Lihtne ei võrdu loll - see võrdub loetav. See tähendab lihtsat inglise keelt maksimaalse selgusega. Iga sõna peaks olema võimalikult lühike ja arusaadav versioon - see tähendab sõna "siiski" asemel "aga". Ilma žargooni ja keerukate lauseteta.

Sidususe kontrollimiseks lugege oma tekst valjusti. Teie kõrvad võivad kuulda seda, mida teie silmad ei näe - eriti nurkades, kus teie kirjutus satub räpasele territooriumile.

9. Muutke see isiklikuks

Vorm peaks tunduma sõbraliku vestlusena teie ja vastaja vahel. Muutke see isikupäraseks, kasutades asesõnu nagu „mina“, „teie“ ja „teie“.

10. Kõrvaldage passiivsed laused

Kui kirjutamine on aktiivne, pakitakse rohkem punti, (kui John kirjutas kaebuse), mitte passiivne (kaebuse kirjutas John).

Passiivne kirjutamine kipub olema pikem ja vähem keskendunud.

Kuidas saab teada, kas lause on passiivne? Siin on kaks surnud kingitust:

  • Toimingu objekt on ebaselge (kirjutati kiri) või
  • Lauses kasutatakse tegusõna 'olema' (on olnud, oli ...), millele järgneb osaline (nt 'kirjutatud').

Kas te pole ikka kindel? Passiivide olemasolu saate kontrollida Microsoft Wordi loetavuse statistika või Purdue parameedikute meetodi abil.

11. Lõika võimalikult palju sõnu

Paljud kirjanikud satuvad lõksu mõeldes, et mida rohkem sõnu nad kasutavad, seda nutikamad nad kõlavad. Mitte nii. Vormikirjutamisel - või tegelikult igasugusel kirjutamisel - on sõnade lõikamine peaaegu alati tõhusam kui nende lisamine.

"Iga lõigatud sõna eest saate lugeja."

Pärast seda, kui on tarbetuid sõnu hoolikalt kontrollitud, ilmub tekst lahjemaks, sidusamaks, haaravamaks ja täpsemaks.

Kasulikke lõikekohti:

Määrsõnad (sõnad -ly lõppevad sõnad).

Tähendusetud kvalifikatsioonid (palju, palju).

Tühjad intensiivistajad (väga, üsna, pigem tõesti).

Sõna 'see'.

Mitteoluline teave.

Ebamäärased sõnad (asi, vähe, palju).

12. Kasutage sõnade lepingulisi versioone

Sõnade lepinguliste versioonide kasutamine (nt ei saa, ei ole) nende tõsiste, täielikult vormistatud alternatiivide asemel (ei saa, ei ole) hoiab kirjutamise kerge, sõbralik ja jutukas.

Lisaks säästate ruumi. Ja head vormid on alati avarad.

Mis on> mis on. Lihtne.

13. Lõpetage pikad laused

Pikad, keerduvad laused põhjustavad ülekoormamist. Nii tehke ka tihedaid tekstiplokke.

Enamiku lugejate jaoks on õige kuni 20 sõna lause kohta ja kuni kolm lauset lause kohta. Lõigake kõik pikemalt kaheks. Lühikesed laused ei ole halvemad.

Tühi ruum, täppjaotused, lauad - kõik muu, mis tungib läbi raskete juhiste udu - paneb teie lugeja kergendatult hingama.

14. Vaadake üle kirjutatud sisu

Kogu oma blogimise ajal olen õppinud (raske tee), et hea kirjutamine on 30% kompositsioon ja 70% toimetamine.

Kui olete oma küsimused täiustanud, sõnu vähendanud ja kõike pingutanud, pane vorm ära. Lase paar päeva haududa. Selle juurde naastes märkate lahtised otsad kinni, mida te poleks võinud esimest korda märgata.

Vormide psühholoogia

Enamik UX psühholoogia põhimõtteid on meie psüühikasse nii sisse ehitatud, et me ei pane neid tähele - kui neid just seal pole.

Kuid igal värvil, kirjas, real ja nupul on eesmärk.

Väikesemahuline igapäevane kujundus ei pruugi olla nii dramaatiline kui miljardi dollari väärtuses turunduskampaaniad. Kuid see ei tähenda, et see peaks olema vähem läbimõeldud. Ja psühholoogia mõistmine selle taga, mis inimesi linnukese teeb, on põnev - ja tasuta.

Siin on mõned peamised psühholoogilised põhimõtted, mis moodustavad kindla aluse hästi läbimõeldud vormidele.

15. Võrrelge kulusid ja tulusid

Iga otsus, mille me teeme - alates prügikastide väljavõtmisest kuni kaasamiseni - läbib meie mõtetes automaatse kulude-tulude analüüsi. Kas ülesande kulud on selle täitmise eelised?

Kujundaja ülesanne on tagada, et eeldatav kasu ületaks alati kulusid.

Muidugi on maksumus vs kasu subjektiivne ja vormide täitmine tuleneb tavaliselt kohustusest, mitte aga tegevusest, mida vastajad loodavad midagi saada. Me ei saa kasu tagada, kui me ei paku oma vastajatele tasu. Kuid kulusid saame minimeerida.

Mõned peamised strateegiad vastajate kulude minimeerimiseks:

16. Tükk tekst

+ 1–919–555–2743 vs 19195552743.

Milline telefoninumber teie ajus kleepub? Esimene muidugi. Seda seetõttu, et see on tükeldatud.

Tükeldamine on mugav mälutehnika: me kasutame seda oma panga PINSide, sotsiaalkindlustuse numbrite ja lukukoodide jaoks. See viitab teabe jaotamisele tükkideks, muutes sisu hõlpsamaks säilitamise, töötlemise ja meenutamise.

Teadus väidab, et kolm on võluarv, mis aitab inimestel teavet vastu võtta ja meelde tuletada. Nii et kasutage seda siis, kui saate: lõikude, loendite, peamiste toimingute jaoks ...

17. Määratlege vorminõuded

Kui vähegi võimalik, vältige meelevaldseid vormindamisreegleid. Kuid kui nad on vajalikud kurjad, kirjutage need punase markeriga. Vormi täites ei meeldi kellelegi aimamismängud. Paroolinõuded, süntaksireeglid, nummerdatud vahed: kui väli nõuab teatud sisestust, tehke see nähtavaks.

Hicksi seadus

Kui üritan õhtusööki korraldada, valin oma koostisosad alati väiksema toidupoe, mitte laialivalguva supermarketi asemel. Seda seetõttu, et kui teil on liiga palju võimalusi, on see sageli halvav. See on Hicksi seadus: selles öeldakse, et kuna meie valikute arv suureneb, kasvab ka meie otsustamiseks kulutatud aeg.

UX-ile rakendades on Hicksi seadus ode tahtlikuks kõrvaldamiseks: navigeerimisvalikute piiramine ja kasutajatele selgete, kuid piiratud võimaluste pakkumine. Kuna disaini paindlikkus suureneb, väheneb selle kasutatavus.

Vähem on tõesti rohkem.

Mõned viisid Hicksi seaduse rakendamiseks:

18. Lõika halastamatult (uuesti)

Mis eesmärki see link teenib? Või see nupp paremas ülanurgas? Kui see ei lisa, kulub see ära. Iga koopia, iga pilt, kelluke või vile, mis pole 100% vajalik, vähendab teie vormi konversioonimäära.

Neil Patel suutis oma kontaktvormi esitamise määra 26% võrra tõsta, eemaldades lihtsalt ühe välja.

Nagu Truman Capote kunagi ütles: "Usun rohkem kääridesse kui pliiatsisse."

19. Vähendage kirjutamise vajadust

Tippimine on veebivormide kõige aeganõudvam ja intensiivsem külg ning põhjustab sageli vigu - eriti mobiiltelefonides. Tekstikastide asendamine nuppude ja liuguritega ning automaatse täitmise kasutamine vähendab vaeva ja suurendab konversioonide arvu.

20. Lühendage oma vormi tingliku loogikaga

Marketing Insider Groupi andmetel suurendab 78% Interneti-kasutajatest kaubamärkide isiklikult asjakohast sisu nende ostukavatsust. Ja turunduskampaaniad on 83% vähem tõhusad, kui kogemus pole kasutaja jaoks oluline.

Nii et tänan tinglikku loogikat!

Tingimuslik loogika (või 'haru loogika') lihtsustab keerulisi protsesse, lubades konkreetsel vastusel põhinevaid lisakäsklusi - või „kui see on, siis see.“ nende varasemate vastuste alus.

Tingimusliku loogika kasutamine vähendab teie vormi täitmiseks kuluvat aega, kuna ei kuvata kasutaja jaoks ebaolulisi küsimusi, muutes nad vähem tõenäoliseks eesseisvast ülesandest loobumiseks (staatus loobumise kohta).

Jah, see kõlab nagu terve mõistus - kuid enamus moodustab papagoil samad küsimused igale kasutajale, olenemata sellest, kes nad on. Ja tingimusliku loogika kasutamine on kasulik, sest kasutaja segmente selgelt määratledes jäädvustate puhtamaid ja kasulikumaid andmeid.

Kahesuguse kodeerimise teooria

Ma ütlen: puu.

Näete: pagasiruumi, rohelisi lehti, oksi.

Meie aju on selline tark: seostab visuaale sõnadega.

See on kahesuunalise kodeerimise teooria põhiprintsiip, mille kohaselt mälust on kaks eraldiseisvat, kuid ühendatud süsteemi, üks verbaalse teabe (puu) ja teine ​​visuaalse teabe (pagasiruumi, rohelised lehed, oksad) jaoks.

Kui midagi on kodeeritud kahel viisil (visuaalselt ja verbaalselt), on suurem tõenäosus, et seda mõistetakse ja mäletatakse, kui siis, kui see on kodeeritud ainult ühel viisil (visuaalne või verbaalne).

Teisisõnu, sõnade sidumine piltidega muudab need paremini meelde. Lasteraamatud kasutavad seda kõige paremini. Siin on kaks viisi, kuidas duaalse kodeerimise teooriat vormi kujundamisel praktikas rakendada.

21. Visualiseeri teave

Meie ajud töötlevad visuaale palju kiiremini kui tekst. Näpunäidete, näiteks ikoonide, kujundite, kujundite kasutamine - mis iganes teie pilti illustreerib - muudab kasutajakogemuse intuitiivsemaks.

Vormi kujundus peaks olema ühtlane, kuid see ei tähenda, et see ei integreeriks väikeseid üllatusmomente. Kasutades mittestandardseid visuaalseid kasutajaliidese elemente (nt klõpsatavad pildid ja lülitatavad liugurid), saate vormide täitmise nauditavamaks ja intuitiivsemaks muuta.

22. Mõelge värvidele

Kas teadsite: 90% meie esialgsest hinnangust toote kohta põhineb ainult värvil?

Tegelikult on turundusguru Neil Pateli sõnul värvus „85% põhjusest, miks ostsite konkreetse toote.“ Õige kombinatsioon võib parandada lugejaskonda 40%, arusaadavust 73% ja õppimist 78%.

Te ei pea olema disainer, et teada saada, millised värvilahendused ja kontrastid kõige paremini sobivad. Olemas on käepärased programmid, nagu Adobe Color CC ja Paletton, mis aitavad teil valida paletti, mis kajastaks teie ettevõtte pilti.

23. Tee oma vorm ilusaks

Meie pinnapealsed olendid võivad meil uskuda, et atraktiivne disain on parem ka muul viisil: kiirem, nutikam ja hõlpsamini kasutatav. Seda nimetatakse esteetilise kasutatavuse efektiks. Ilus liides suurendab meie kannatlikkust ja lojaalsust ning muudab meid kujundusprobleemide suhtes isegi mõistvamaks.

38% inimestest lõpetab lehega tegelemise, kui sisu või küljendus pole atraktiivne. Teisisõnu, kui teie veebivorme pole ilus vaadata (ja neid on lihtne täita), on need ajaraiskamine.

Muidugi, ilu on vaataja silmis. Kuid lihtne liides, puhas font ja klanitud stiil võidavad (vormi) ilupanekaid.

Kindlustatud eduefekt

Oleme motiveeritud ülesannet lõpule viima, kui suudame visualiseerida edusamme, mida oleme selle saavutamiseks juba teinud. Kui me arvame, et meil on stardipauk, vähendab see seda tajutava töö mahtu, pannes meid suurema tõenäosusega veel suurema miili läbima.

See on tuntud kui „Endowated Progress Effect”, mille on kokku võtnud Ameerika professorid Joseph C. Nunes ja Xavier Dreze kui „nähtus, kus eesmärgi nimel kunstliku edasiliikumisega inimestel on suurem püsivus eesmärgi saavutamisel”.

Mõned näited õnnistatud eduefekti rakendamisest vormidel:

24. Jaotage küsimusi kergelt raskelt

Kui saate vabastada küsimused vormi lihtsast vormistamisest kuni raske lõpuni (loogilist järjekorda ohverdamata), läbivad kasutajad vormi algfaasid. See omakorda käivitab vöötiefekti: kiire edusammudest tulenev rahulolu ja hoogustunne, mis paneb kasutajad vastumeelselt seda vööndit katkestama. See tähendab, et neid jätkub ja nad ripuvad suurema tõenäosusega sisse, kui vorm muutub nõudlikumaks.

25. Illustreerige edusamme

Kajastage kasutaja edasiliikumist igal ajal. Mida lähemal on vastajad oma eesmärgile, seda tõenäolisem on, et nad suruvad end selle eesmärgi poole. Kui teie vorm on mitmeleheline, märkige, mitu lehte neil on täitmiseks jäänud.

Clutchi uuring kinnitas, et 90% inimestest eelistab veebivorme, mis kasutavad edenemisriba, et hallata ootusi valmimisaja suhtes.

Küsimused, vastused ja rühmitamine

26. Küsimuste ajurünnak

Kõik vormid tuginevad küsimustele. Ajurünnakuga seotud küsimuste puhul on kõige parem alustada lõpp-eesmärgist ja töötada tagasi.

Nii et teie esimene küsimus on: mis on teie vormi eesmärk? Kas see on lennuki pardal? Tagasiside Teadusuuringud?

Pange kirja võimalikult täpselt vormilt saada olevad teadmised. Sõnastage see küsimustena (lõpus küsimärgiga), mitte oma mõttekäigust pärit lõikudena. Andke endale piisavalt aega kustutamiseks ja alustamiseks uuesti.

Seejärel kirjutage üles mõned võimalikud vastused, mis annaksid teile selle, mida otsite.

Ja lõpuks, uurige ajurünnakuid küsimustele, mis viivad teid kõigepealt nende vastusteni.

Küsitlusjärgse ettevaatusabinõuna kirjutage üles vastuste protsent vanuse kohta, mida võiksite saada ühe küsimuse kohta. Kui võrrelda neid väärtusi tegelike tulemustega, ilmnevad pimedad kohad, millele järgmisel korral tähelepanu pöörata.

See uuringueelne protsess juhendab ka teie disaini ja säästab teie aega.

Valdkondade teadus

Vormi teisendusaruande kohaselt mõjutab vormi tüüp otseselt väljade arvu, mille peaksite kaasama. Mõelge väga hoolikalt, kui palju üksikasju vajate teie jaoks kasutatava konteksti jaoks.

Nüüd küsige endalt: kas tõesti, tõesti, tõesti, peate seda küsimust küsima?

Võimalik, et vastus on eitav. Isegi kui me teame vähemust, on kiusatus paluda palju, kui ta seisab silmitsi võimalusega oma kasutajate ajudesse piiluda.

Jah, vastus sellele küsimusele võib olla oluline. Kuid kas see on nii oluline, et tasub selle üle kaotada vormivastaja?

Te vajate oma kasutajate koostööd. Ja iga lisaväli muudab nad teie vormi täitmise vähem tõenäoliseks. Nii et kui olete loetlenud kõik võimalikud küsimused ja vastused, proovige lõigata nii palju kui võimalik. Mõelge muudele andmete kogumise viisidele ja mõelge, kas küsimust saab järeldada, edasi lükata või üldse välistada.

Kõrvaldage valikulised küsimused täielikult. Kui peate need lisama, loetlege need pärast vormi täitmist.

27. Rühmitage küsimused õigesti

Veebivormide struktureerimine on edu võti.

Kui olete ajurünnaku teinud, kärpinud ja lõplikku küsimuste loendit täpsustanud, on aeg need korraldada. Jaotage need rühmadesse ja alarühmadesse teema pealkirjaga, mis hoiab neid koos, nt. kontaktandmed, töökogemus jne.

Veelkord, kasutajal peaks olema võimalik skaneerida igat jaotist ja teada saada, mida ta vajab, ilma küsimusi lugemata.

28. Määratlege loogiline küsimuste jada

Järgmine nimekiri on küsimuste järjekord. Rusikareegel on, et mida lähemal on teemaküsimused, seda lähemale tuleks need füüsiliselt kokku panna.

Iga küsimus ja jaotis peaks vastajat järgmisele tüürima. Suured lüngad või edasiliikumine on segane, nii et mõelge välja viis, kuidas vorm samm-sammult äratuntavas järjestuses areneb.

Konditsioneerimise kaudu tunneme mõned voolu tüübid hõlpsamini ära kui teised. Näiteks „Mis su nimi on?” Tuleb enne sõna „kus sa elad?”, Mis omakorda saab sõna ette „Mis on teie töökogemus?”

29. Otsustage kas „kohustuslik vs valikuline vs“ kena, et oleks ”

Parim tava on piirata oma vorm ainult kohustuslike küsimustega. Valikulised küsimused pikendavad asjatult vormi ja ärritavad kasutajat: “Kust te meist kuulsite?” “Kas soovite saada turundusmeilisid?”

Aga kuidas on lood küsimustega, mis pole küll kohustuslikud, kuid mida oleks väga tore esitada? Pange need vormi lõppu valikulise järelmeetmena. Nii tunnevad nad end vähem invasiivsena ega mõjuta teie konversioonimäära.

30. Küsige ühte asja korraga

Kahepõhjalised küsimused tekitavad mitmetähenduslikkust. Ja - arvasite ära - kahemõttelisi vastuseid ei saa kvantifitseerida.

Vältige keerlevate küsimuste langemist, otsides neile sõnu „ja / või”. Kas olete näinud? Lõpetage küsimus pooleks.

Mida selgem küsimus, seda selgem on vastus. Mida selgem on vastus, seda selgemad on andmed.

31. Andke otsetee

Hea vorm annab selge tee valmimiseni, seejärel juhendab kasutajaid hoolikalt koos vihjete, näpunäidete ja suunaga. Mida lühem on see marsruut, seda suurem on selle läbimise võimalus. Nii et kui saate, pakkuge otseteid.

Mõned näited kasulikest otsetetest:

Postiindeksi otsing

Kui palutakse kasutajatel oma aadress sisestada, on hea tava paluda lihtsalt maja number ja postiindeks / postiindeks ning kasutada siis kogu aadressi otsimiseks otsinguteenust.

Kohatäite tekst on kerge tekst, mis ilmub vormi väljale, et kirjeldada selle eeldatavat väärtust. Seda tuleks kasutada ainult võimaliku mitmetähenduslikkuse korral.

Välja silt

Välja silt on välja kohal asuv küsimustekst. Need peaksid alati olemas olema ja neid ei tohiks asendada kohahoidjatega. Kiusatus on ruumi vabastada, tehes kohatäite teksti sildina kahekordistamiseks, kuid see põhjustab palju kasutatavusega seotud probleeme (siin kokku võetud).

Teisisõnu, teil võib olla silte ilma kohahoidja tekstita, kuid ilma sildita pole kohahoidja teksti.

Eelmääratud vastused

Kõik armastavad etteantud vastuseid. Need säästavad teie lugeja aega ja neid on lihtne hinnata.

Saate vastuseid eelnevalt määratleda, esitades küsimused Jah / Ei, ühe valikuga (raadio) või valikvastustega (märkeruut). Kui leiate vastuse, mida te ei oska ennustada, lisage tekstikasti Muu ja laske lugejatel sisestada kohandatud vastus.

Ennustav otsing

Kui paluda kasutajatel suure hulga etteantud võimalustega valida oma riik, amet või mõni muu asi, aitab see pakkuda ennustavat otsingufunktsiooni, et vähendada vajalikku masinakirja (ja kognitiivset koormust).

Vormi vaatajaskond, eesmärk ja kontekst

Teie vorm on vaid pool võrrandist. See on aktiivne, mitte passiivne. Ja selle tegevus sõltub teie vastajatest. Need tuleb algusest peale raamistikku kinnistada.

Vormid on suhtlusvahend. Selles osaleb kaks osapoolt.

Nii et vormi kujundamisel peate mõtlema ka oma kasutaja vaatenurgast ... Ja see algab nende eesmärgist ja kontekstist.

Miks peaks keegi teie vormi täitma? Mis on nende eesmärk? Kirjuta see üles.

Eesmärk on manustatud konteksti, nii et tehke oma silmis konkreetne kontekst. Kus ja kuidas nad vormi täidavad? Kodus? Sülearvutis? Mobiilil? Metroos?

Kontekst ei ole ainult keskkond. Teie osalejad peavad mõistma, mida teie vorm nende abiga saavutada võib.

32. Tea, kellega sa räägid

Vorm peab kaasama õige publiku tähelepanu - kes, kuhu see publik koosneb?

Mõtlemine laias uduses inimeste massis ei aita. Oma mõtte keskendumiseks lihvige ühte inimest - või „ostja-isikut”. See ütleb teile rohkem kui ükski üldine rühm suudab.

Kujutage ette fiktiivset ideaalset klienti, kellel on töö, isiksus, perekond, lootused ja unistused. Pange see inimene teravale fookusele. Kus nad elavad ja töötavad? Millised on nende arvamused ja väärtused? Kuidas need teie ettevõttega seotud on?

Kui saate teada, mis sellel kujutletaval inimesel tähendusrikas on, on teil parem positsioon koguda küsimusi, mis viivad tähenduslike andmete juurde.

See on inimene, kellele peate pidevalt tagasi viitama. See on inimene, kelle vastuseid vajate.

Vormi visuaal ja struktuur

Sünnipäevadel on üllatusi palju, kuid vormide täitmisel mitte. Kasutajad peaksid saama rütmitaju ja kordamise, kuna nad töötavad küsimuste kaudu, olles teadlikud, et nupud, sisestusväljad ja kõik muu on lehekülgedelt samad.

Järjepidevus toetab vormide sujuvat täitmist. See tähendab, et värvid peaksid olema ühesugused, visuaalid peaksid olema ühesugused, TOV peaksid olema samad.

Mis on teie ettevõtte isik? Millised laused ja sõnad seda jõuavad? Millised on teie väärtused?

JotFormis keskendume sellele, et oleksime kaasavad, sõbralikud ja maapealsed - ja meie kasutatav keel kajastab seda.

Kui olete oma brändi hääletooni määratlenud, säilitage seda kõigis oma vormides - teie klient peaks tundma, nagu nad suhtleksid igal sammul sama sõbraliku inimesega.

Sama oluline on visuaalne järjepidevus. Võtke kasutusele visuaalne identiteet ja stiil, mida säilitate kogu oma vormi (ja ülejäänud vormide, mida loote tulevikus) kaudu.

33. Joondage sildid vasakule ülaossa

Google'i UX-i teadlased leidsid, et siltide joondamine vasakpoolsel väljal asuvate väljade kohal pikendas vormi täitmise aega, kuna see nõuab vähem visuaalseid fikseerimisi.

34. Vältige küsimuste kõrvutamist.

Silmade jälgimise uuringud on näidanud, et lihtsad üheveerulised paigutused on paremad kui mitmeveerulised küljendused, kus küsimused on paigutatud kõrvuti.

Ainus erand sellest reeglist on kuupäevade (päev, kuu, aasta) või kellaaja (tunnid ja minutid) küsimine, kui eeldatakse, et ühel real on mitu välja.

35. Proovige üks asi lehe kohta

Üks asi lehe kohta on psühholoogiline tehnika, mida määratletakse järgmiselt:

… ”Keerulise protsessi jagamine väiksemateks tükkideks ja nende väiksemate tükkide paigutamine oma ekraanidele.”

Põhimõtteliselt on kasutajatel ainult üks oluline asi, millele keskenduda.

  • Üks mõistmist vajav teave.
  • Üks otsus teha.
  • Üks küsimus, millele vastata.

Kaoseta leht julgustab kasutajaid ülesande täitmisele pühenduma.

36. Kasutage väljana pikkust

Reguleerige välja laiust alati nii, et see oleks lihtsalt piisavalt pikk, et sisaldada kõiki sisestuse tähemärke (kasutajatel peaks olema võimalus näha nende täielikku sisestust) ja mitte enam.

Välja suurus peaks kajastama, kui palju teksti kasutajalt oodatakse. Need väljad nagu postiindeks või majanumber peaksid olema aadressireast lühemad.

Baymardi instituudi kasutatavusuuring leidis, et kui väli on liiga pikk või liiga lühike, hakkavad kasutajad mõtlema, kas nad on sildist õigesti aru saanud. See kehtib eriti väljade kohta, millel on ebaharilikud andmed või tehniline silt, näiteks CVV (kaardi kontrollkood).

Kui olete JotFormi uustulnuk, võite veebivormi struktureerimisel alati tutvuda JotFormi vormi kujundamise õpetusega. Õppevideote abil saate JotFormi vormidisainerist parima ära kasutada.

Vormid ja tee kujunduse valmimisel

Nagu elus, on ka vormide täitmisel võimalik eksida.

Ja nagu elus, on võtmeküsimus signaalivigadest ja kiire parandamise võimaldamine.

37. Ära usalda ainult värvi

1-l 12-st mehest on teatud määral värvipimedus.

Valideerimisvigade või eduteadete kuvamisel ärge lootke rohelise või punase teksti kasutamisele (kuna punane-roheline värvipimedus on suhteliselt tavaline). Kasutage tekste, ikoone või midagi muud. JotForm Cards hoiatab kasutajat mikroanimatsiooniga, mis loksutab vea korral „ei”.

38. Täpsustage vead rivis

Näidake kasutajat, kus tõrge ilmnes, ja esitage selle põhjus.

Kui peate valideerimist kasutama, veenduge, et see oleks tekstisiseselt (väljast paremal) ja teataks vigadest varakult.

Ärge oodake, kuni kasutaja tabab kinnituse vigadest teatamise. Kuid ka sisemine valideerimine ei tohiks olla reaalajas, kuna tõenäoliselt teatab see vigadest enne, kui kasutaja on välja täitnud.

39. Kasutage välja valideerimist

Te küsite e-posti aadressi ja saate vastuse, millel pole @ märki. Taotlete telefoninumbrit ja pooled vastustest ei sisalda piisavalt numbreid.

Kirjavigu ei tohiks takistada teie vormi kasutatavust.

Kasutage „väljade valideerimist”, et veenduda vajalike vastuste saamises, näiteks „Vastus peab sisaldama ___”.

JotForm Cards taastab domeeninime valesti sisestanud kasutaja e-posti aadressi; [email protected] peaks olema [email protected]

40.… kuid ärge olge liiga range

Kui kasutajate väljale vastamine on väga erinev (näiteks vastates telefoninumbrile numbritega +12345678912, +44 12345678912, 012345678912), teisendage need ühtseks vorminguks.

Mis on maksevorm?

Maksevorm on digitaalse versiooni kassasse. See autoriseerib võrgumakse, kinnitab kasutaja üksikasju, kontrollib, kas raha on saadaval ja tagab, et saate tasutud.

Maksete integreerimisel on palju eeliseid. Nad aitavad teil

  • müüa tooteid või teenuseid;
  • kohaldada selle müügi suhtes keerukaid arvutusi, näiteks lisada maksud ja saatmiskulud või lahutada kupongid;
  • andke oma toodetele kirjeldusi, näiteks pilte, kogust, värvi ja suuruse valikuid;
  • koguma annetusi ja kindla summa makseid või tegema neid makseid tellimusteenusega korduvaks.

Maksevormi kujundamisel on oluline järgida parimat tava. Siin on mõned peamised reeglid.

41. Piirake makse tasumist

Baymardi instituut analüüsis kassavorme ja leidis, et liiga pikk või liiga keeruline väljamakseprotsess on üks peamisi põhjuseid, miks kassast loobutakse. Nii et lõigake põllud, lõigake ja lõigake siis uuesti.

42. Kasutage turbe visuaalseid indikaatoreid

Tundlike andmete (nt krediitkaardiandmete) sisestamisel on kasutajad valvsad kõige suhtes, mis tundub rõve. Värskest uuringust selgus, et 17% ostjatest jättis turvalisuse probleemide tõttu lehe maksmata.

Professionaalsed maksevormid muudavad kasutajad hõlpsaks, samas kui kõik, mis paistab silma, paneb nad äärepealt. Sellepärast peaksite olema maksevormi nullist koostamisel ettevaatlik - isegi kõige väiksemad vead või vastuolud võivad kasutajaid eemale peletada.

Samuti aitab see andmete kaitsmise huvides lubada teie vormidel SSL-i. Külastajad saavad meelerahu, teades, et kõik interaktsioonid on krüptitud. JotForm on andmete edastamiseks kõige turvalisem viis: oleme maksekaarditööstuse andmeturbe standard (PCI DSS) 1. taseme ühilduv ja SSL-iga lubatud.

43. Selgitage selgelt, miks te küsite tundlikku teavet

Inimesed on üha enam mures privaatsuse ja infoturbe pärast. Kui peate küsima tundlikku teavet, selgitage kindlasti välja, miks seda vaja on, kasutades välja all olevat tugiteksti.

44. Salvestage andmed

Kasutajatele võimaluse salvestada aadress ja makseteave muudab protsessi kiiremaks ja sujuvamaks - eriti sellistes nutiseadmetes nagu mobiil. See annab ka korduvklientidele tunnustuse ja lojaalsuse.

45. Kuidas lisada makseintegratsiooni JotFormiga

1. samm: lisage oma kaubamärgi logo ja kohandatud stiilid.

2. samm: sisestage ühendamisnupu abil integratsiooni mandaadid või sisestage need otse.

3. samm: lisage toote pilt, toote üksikasjad, näiteks kogus, värv, suurus.

4. samm: arvutage kupongid, maksud ja saatmiskulud.

Ostutellimuste integreerimise abil saate kontrollida üldise maksevälja loomise üksikasju ja valikuid (see ei vaja volikirja, kuna see ei loo tegelikku tehingut). Kogu makseprotsessi läbimiseks võite vaadata näitena Soforti integreerimisjuhendit.

5. samm: kirjutage isiklikud tänusõnumiga automaatvastaja e-kirjad.

Kõik seatud. Nüüd saate oma tooteid hõlpsalt müüa veebisaitidel, ajaveebides või sotsiaalmeedias.

Kui olete vormi täitnud ...

Kiirusta, tehtud! Peaaegu. Teie vorm võib olla valmis, kuid pole õige aeg seda veel välja saata ...

Meeles pidamiseks on mõned viimased sammud.

46. ​​Enne jagamist testige oma vormi

Meil kõigil on pimeala. Ja kui vormi edu sõltub andmete kvaliteedist, on hea olla ettevaatlik. Nii et veenduge, et olete oma küsitluse eeltestimisega veendunud, et olete andnud kindlad vastused ja et te pole midagi kahe silma vahele jätnud.

Saatke see perekonnale / sõpradele ja paluge neil jälgida, kui kaua neil küsitlusele vastamiseks kulub ja kuidas nad kogevad küsimuste voogu. See aitab teil vormi kavandit hinnata ka järgmisel korral.

Algselt avaldati aadressil https://www.jotform.com