En ultimativ guide til formdesign: Sådan designer konvertering af onlineformularer

Har du for nylig udfyldt en online formular?

Chancerne er, at svaret er ja. I henhold til nyere undersøgelser udfylder 84% af mennesker mindst en webformular om ugen.

Men du er måske ikke klar over det, fordi udfyldning af webformularer er blevet en næsten integreret del af stoffet i vores liv.

Faktisk er næsten enhver online interaktion, der fører en bruger fra A til B, en online webform: At komme i kontakt med et firma, booke et tog, købe et produkt, organisere et hotelophold ...

Webformularer begyndte først at blive brugt til online-salg i 1994, hvor de første nogensinde træk-og-slip-formularer dukkede på vores skærme i 2006. Siden da er formularer blevet lynchpin for online interaktioner.

De er porten mellem et firma og deres kunde. Fra små byblogs til globale regeringsportaler er det næsten umuligt at forestille sig et websted uden en.

Så hvorfor har onlineformularer en så dårlig rep?

Selvfølgelig, meget få mennesker elsker faktisk former. Men de fleste har ikke noget imod at udfylde en, så længe det er klart, kortfattet og godt designet.

Og det er her, gnidningen ligger. For mange onlineformularer er for lange, forvirrende eller invasive (og undertiden alle tre på samme tid).

Når en form forvirrer, frustrerer eller beder om mere end nødvendigt, er risikoen for, at en respondent opgiver himlen. Nogle mennesker vil opgive formen helt. Andre afmelder sig. Uanset hvad er det ikke sandsynligt, at du får en anden chance.

Hvordan kan vi sikre, at respondenterne hænger ind indtil det sidste klik, når vi designer en formular?

”Det er meget let at oprette en form. Den hårde del er at få folk til faktisk at udfylde det. ”

Efter at have hjulpet vores 4,5 millioner brugere med at oprette onlineformularer, er det vigtigste, vi har lært hos JotForm, at tilsyneladende subtile ændringer gør en verden af ​​forskel. Ofte er det det, der adskiller en form, der konverterer fra en, der er forladt.

For eksempel:

  • HubSpot fandt, at læsere var 17% mere tilbøjelige til at udfylde en blygenerationsform på 14+ sider, når den blev placeret på en separat destinationsside.
  • Marketo fandt, at et par ikke-væsentlige felter oppustede deres omkostninger pr. Bly med 25%.

Designe en form? Gør det til en intuitiv, nem og venlig oplevelse. Denne vejledning fortæller dig hvordan.

Hovedkomponenter i en form

1. Hilsen dine respondenter: Titel og introduktion

Vil du hilse på dine venner uden at sige hej? Vi ved, hvor vigtige gode manerer er, men på onlineområdet går de ofte tabt i oversættelsen.

En titel og en velkomstside er din chance for at introducere din form (og dig selv) på en klar og venlig måde - og gøre et godt førsteindtryk.

Bare spørg BettingExpert: de modtog 31,54% flere tilmeldinger ved at ændre deres formtitel for at understrege, hvorfor folk skulle tilmelde sig.

Din titel er den korteste og mest nøjagtige beskrivelse af, hvad der skal komme. Brugere har tendens til at skumme en forms indhold, og næppe nogen vil læse en detaljeret beskrivelse omhyggeligt. Derfor er det så vigtigt at fange en formular med så få ord som muligt.

Titlen kan følges af en kort beskrivelse af, hvad respondenten kan forvente af formularen. Hold dette så neutralt som muligt: ​​du vil være sikker på, at dine respondenter svarer ærligt i stedet for at prøve at imødekomme dine forventninger. Selv noget så enkelt som at skitsere et mål kan uvildigt lokke din respondent til at prøve at nå dette mål.

Nu er det også tid til at liste over eksternt papirarbejde, som respondenten skal samle på forhånd - ingen ønsker at løbe rundt i huset på udkig efter deres P45 eller pas halvvejs gennem.

Hvis din formular garanteres tager en betydelig mængde tid at afslutte, skal du advare brugerne om dette på forhånd. Men hvis det er 'hurtigt og nemt'? Lad brugere blive behageligt overrasket (dvs. ikke risikere at fornærme nogens intelligens, bare i tilfælde af det.) De vil alligevel kunne udlede dette ved at se på statuslinjen eller antallet af felter alligevel.

2. Placer relaterede overskrifter og underoverskrifter

Sjov kendsgerning: mennesker danner første indtryk på 50 millisekunder. Spoiler: det er bare ikke længe nok til, at de kan læse din kopi omhyggeligt.

Respondenter fra formularerne vil sandsynligvis læse det blotte minimum og ignorere resten. Chancerne er, at de har travlt, distraheret eller generelt utålmodige til at få oplevelsen og færdig med.

Fair nok. Vi kan ikke stoppe dem, så vi kan lige så godt guide dem: med krystalklar, kortfattet fortegnelse. Overskrifter er din nye bedste ven: De tydeliggør teksten, nedbryder den, giver den struktur og holder brugerne engagerede.

Brugere skal kunne se på et header og straks vide, hvad der forventes af dem, uden at skulle læse resten af ​​teksten.

Den bedste måde at teste dette på er ved at læse dine overskrifter isoleret - giver de stadig mening?

3. Bryde spørgsmål med dividere

Dividere betyder noget. I tilfælde af traditionelle former er brug af skillelinjer den bedste måde at reducere overvældelse ved visuelt at bryde spørgsmål op. Der behøver ikke være nogen enorm visuel forskel, og for meget kontrast kan distrahere.

4. Bestem, om du vil bruge formular med flere sider eller en enkelt side

Det afhænger af antallet af sektioner.

Hvis der kun er et eller to emner, er en enkelt sideform det bedste alternativ. Men hvis en formular har flere sektioner, kræves flere sider for at opdele samtalen. Tænk på førsteindtryk: En bruger vil sandsynligvis føle sig skræmt, hvis han står over for en formular på én side, der indeholder (hvordan ser ud) hundreder af felter.

5. Fremhæv opfordring til handling (CTA)

Succesrige CTA'er understreger ACTION-delen: ved at klikke på denne knap, hvad gør brugeren? Generiske etiketter som "send", "indsend" eller "proces" vil ikke klippe det. Jo mere beskrivende, jo bedre.

For at eliminere usikkerhed, prøv at besvare spørgsmålet "Jeg vil ..." fra brugerens perspektiv. Hvis det f.eks. Er en forespørgselsformular for en tjeneste, kan det være 'Anmod om min gratis konsultation'.

Brug for mere overbevisende? I denne undersøgelse fandt Unbounce, at selv bare ændring af 'start din gratis prøveversion' til 'start min gratis prøveversion' øgede klik på opfordringen til handling med 90%.

6. Identificer dine formularfelter

Nu er det ikke tid til at blive smarte ...

Radiofelter, vælgerfelter og afkrydsningsfelter fungerer, fordi de er almindelige og kendte. Standardformatering af formelementer svarer til bedre anvendelighed.

Radioknapper kan bruges, når der er flere indstillinger, og kun en kan vælges. Afkrydsningsfelter fungerer bedst, når der kan vælges mere end én mulighed.

Brug om muligt afkrydsningsfelter og radioknapper i stedet for dropdowns, da de kræver mindre kognitiv belastning for at behandle. Som Luke Wroblewski engang bemærkede: "dropdowns burde være UI for sidste udvej."

7. Glem aldrig siden "Tak"

Husk, at dine respondenter er mennesker, der har givet dig noget af deres tid. Så slutt ikke pludseligt - sig altid tak.

Hvordan man skriver, så folk lytter

Nedenfor er et par tip til kunsten at skrive formularer, så folk vil udfylde dem.

8. Tal ganske enkelt

Når det kommer til former, foretrækker vi alle almindeligt sprog - selv de akademikere blandt os, genierne og eksperterne. Så hvorfor lyder så mange online-samtaler, som om de er blevet sendt gennem en tesaurus bagud?

”Accepter venligst vores oprigtige undskyldning. Ikke desto mindre vil vi være interesseret i at vide din mening. Desuden… "

At skrive som din gamle universitetsprofessor fremmedgør læserne og får deres øjne til at glide over.

Simpelt er ikke lige stumt - det er læsbart. Det betyder almindelig engelsk med maksimal klarhed. Hvert ord skal være den korteste, mest enkle version tilgængelig - det betyder 'men' i stedet for 'dog'. Intet jargon, ingen komplekse sætninger.

Læs teksten højt for at kontrollere for sammenhæng. Dine ører hører måske, hvad dine øjne ikke kan se - især i hjørner, hvor din forfattere snubler ind i et ordentligt territorium.

9. Gør det personligt

En form skal føles som en venlig samtale mellem dig og respondenten. Gør det personligt ved at bruge pronomen som "jeg", "du" og "din."

10. Fjern passive sætninger

At skrive pakker mere af et slag, når det er aktivt (John skrev et klagebrev), ikke passivt (et klagebrev blev skrevet af John).

Passiv skrivning har en tendens til at være længerevarende og mindre fokuseret.

Hvordan kan du se, om en sætning er passiv? Her er to døde gaver:

  • Motivet, der udfører handlingen, er uklart (der blev skrevet et brev) eller
  • Sætningen bruger verbet 'til at være' (har været, var ...) efterfulgt af et participium (f.eks. 'Skrevet').

Stadig ikke sikker? Du kan tjekke for passiver med Microsoft Words læsbarhedsstatistik eller med Purdue's paramedicinske metode.

11. Klip så mange ord som muligt

Mange forfattere falder i den fælde at tro, at jo flere ord de bruger, jo smartere lyder de. Ikke så. Når det kommer til formskrivning - eller faktisk enhver form for skrivning - er klipning af ord næsten altid mere effektiv end at tilføje dem.

'For hvert ord, du klipper, får du en læser.'

En tekst vil fremstå slankere, mere sammenhængende, mere engagerende og mere præcis efter at være nøje kontrolleret for unødvendige ord.

Nyttige områder til skæring:

Adverb (ord, der slutter på -ly).

Meningsløse kvalifikationer (meget, meget).

Tomme forstærkere (meget, ganske, snarere, virkelig).

Ordet "det."

Ikke-væsentlige oplysninger.

Vage ord (ting, få, mange).

12. Brug kontraherede versioner af ord

Brug af kontraherede versioner af ord (f.eks. Kan ikke, er det ikke) i stedet for deres seriøse, fuldformede alternativer (kan ikke, er det ikke) holder skriften lys, venlig og samtale.

Desuden sparer du plads. Og gode former er altid rummelige.

Hvad er> hvad er. Enkel.

13. Klip lange sætninger

Længde, slyngende sætninger fremkalder overvældende. Så gør tætte blokke med tekst.

For de fleste læsere er op til 20 ord pr. Sætning - og op til tre sætninger pr. Afsnit - helt rigtige. Splice noget længere i to. Korte sætninger er ikke ringere.

Blank plads, kuglepunkter, borde - alt andet, der bryder igennem tågen med tunge instruktioner - får din læser til at indånde et lettelsens sukk.

14. Gennemgå det skriftlige indhold

Gennem min blogging rejse har jeg lært (den hårde måde), at god skrivning er 30% komposition og 70% redigering.

Når du har perfektioneret dine spørgsmål, reduceret ord og strammet alt, skal du fjerne formen. Lad det gryde sammen i et par dage. Når du vender tilbage til det, vil du se løse ender til at binde, som du ikke kunne have set den første gang.

Formenes psykologi

De fleste UX-psykologiprincipper er så indbygget i vores psyke, at vi ikke bemærker dem - medmindre de ikke er der.

Men hver farve, skrifttype, linje og knap tjener et formål.

Lille skala, hverdagsdesign er måske ikke så dramatisk som en milliard dollar marketingkampagne. Men det betyder ikke, at det skal være mindre tankevækkende. Og det er fascinerende - og gratis at forstå psykologien bag hvad der får folk til at krydse.

Her er nogle nøgle psykologiske principper, der danner et solidt grundlag for veludformede former.

15. Sammenlign omkostninger og fordele

Hver beslutning, vi tager - fra at tage skraldespanden til at blive forlovet - gennemgår en automatisk omkostnings-fordel-analyse i vores sind. Er omkostningerne ved en opgave værd fordelene ved dens afslutning?

Det er en designer's job at sikre, at oplevede fordele altid opvejer omkostningerne.

Naturligvis er omkostninger kontra fordel subjektiv, og udfyldning af formularer stammer normalt fra forpligtelse, snarere end en aktivitet, respondenterne håber at få noget fra. Vi kan ikke sikre fordele, medmindre vi tilbyder vores respondenter en belønning. Men vi kan minimere omkostningerne.

Nogle vigtige strategier for at minimere omkostningerne for dine respondenter:

16. Stykke tekst

+ 1–919–555–2743 mod 19195552743.

Hvilket telefonnummer sidder fast i din hjerne? Den første, selvfølgelig. Det er fordi det er chunked.

Chunking er en praktisk hukommelsesteknik: vi bruger den til vores bank-PINS, personnummer og skabskoder. Det henviser til processen med at arrangere information i ‘bunker’, hvilket gør indholdet lettere at bevare, behandle og huske.

Forskning hævder, at tre er et magisk nummer, der hjælper folk med at absorbere og huske information. Så brug det, når du kan: til afsnit, lister, nøgletrin ...

17. Definer formateringskrav

Hvis det overhovedet er muligt, skal du undgå vilkårlige formateringsregler. Men hvis de er et nødvendigt onde, skal du stave dem ud i rød markeringspen. Når man udfylder en formular, er der ingen der kan gætte spil. Adgangskravskrav, syntaksregler, nummereret afstand: Hvis et felt kræver en bestemt input, skal du gøre det synligt.

Hicks lov

Hvis jeg kaster en middagsselskab, vil jeg altid vælge at købe mine ingredienser fra en lille lokal købmand i stedet for et spredt supermarked. Det skyldes, at det ofte er lammende at have for mange muligheder. Det er Hicks-loven: den siger, at når vores antal valg stiger, så gør vores brugte tid på at tage en beslutning.

Anvendt til UX er Hicks Law en ode til bevidst eliminering: begrænsning af navigationsvalg og giver brugerne klare, men begrænsede muligheder. For når designfleksibiliteten øges, falder dens brugervenlighed.

Mindre er virkelig mere.

Nogle måder at implementere Hicks Law i praksis:

18. Klip hensynsløst (igen)

Hvilket formål tjener det link? Eller den knap øverst til højre? Hvis det ikke tilføjer, tager det væk. Hvert kopieringsord, hvert billede, klokke eller fløjte, der ikke er 100% nødvendigt, reducerer din forms konverteringsfrekvens.

Neil Patel var i stand til at øge sin kontaktformular indsendelsesgrad med 26% ved blot at fjerne et enkelt felt.

Som Truman Capote engang sagde: 'Jeg tror mere på saks end jeg gør i blyanten.'

19. Reducer behovet for at skrive

Indtastning er det mest tidskrævende og intensive aspekt ved onlineformer, og det fører ofte til fejl - især på mobiler. Udskiftning af tekstbokse med knapper og skydere og brug af autofuldførelse vil reducere indsatsen og øge konverteringerne.

20. Forkort din formular med betinget logik

Ifølge Marketing Insider Group siger 78% af internetbrugere, at personligt relevant indhold fra mærker øger deres købsintention. Og marketingkampagner er 83% mindre effektive, når oplevelsen ikke er relevant for brugeren.

Så tak og lykke for betinget logik!

Betinget logik (eller 'grenlogik') forenkler komplekse processer ved at tillade yderligere instruktioner baseret på et bestemt svar - eller, "hvis dette, så er det." I forbindelse med en formular ville en respondent kun se spørgsmål, der gælder for dem på grundlaget for deres tidligere svar.

Brug af betinget logik reducerer den tid, det tager at udfylde din form ved ikke at vise spørgsmål, der er irrelevante for en bruger, hvilket gør dem mindre tilbøjelige til at opgive den forudgående opgave (stat om opgørelse).

Ja, dette lyder som sund fornuft - men de fleste former papegøje de samme spørgsmål til enhver bruger, uanset hvem de er. Og at bruge betinget logik er en win-win, for ved tydeligt at definere brugersegmenter fanger du renere og mere nyttige data.

Dobbeltkodningsteori

Jeg siger: træ.

Du ser: bagagerum, grønne blade, grene.

Vores hjerne er klog sådan: den forbinder visuals med ord.

Det er det centrale princip bag Dual-Coding Theory, der siger, at hukommelsen har to forskellige men tilsluttede systemer, et for verbal information (‘træ’) og et for visuel information (bagagerum, grønne blade, grene).

Når noget er 'kodet' på to måder (visuelt og verbalt) er der en større chance for, at det forstås og huskes, end hvis det kun kodes på én måde (visuelt eller verbalt).

Med andre ord, sammenkobling af ord med billeder gør dem lettere at huske. Børnebøger får mest ud af dette. Her er to måder at implementere Dual-Coding Theory i praksis, når man designer en form.

21. Visualiser oplysningerne

Vores hjerner behandler billedet meget hurtigere end tekst. Brug af signaler som ikoner, billeder, figurer - uanset hvad der hjælper med at illustrere dit punkt - vil gøre brugeroplevelsen mere intuitiv.

Formdesign skal være konsekvent, men det betyder ikke, at det ikke kan integrere små øjeblikke af overraskelse. Ved at bruge ikke-standard visuelle UI-elementer - som klikbare billeder og skiftede skyder - kan du gøre formfyldning mere underholdende og intuitiv.

22. Overvej farverne

Vidste du: 90% af vores første vurdering af et produkt er baseret på farve alene?

Ifølge marketingguruen Neil Patel er farve faktisk "85% af grunden til, at du har købt et specifikt produkt." Den rigtige kombination kan forbedre læserskare med 40%, forståelse med 73% og indlæring med 78%.

Du behøver ikke at være designer for at finde ud af, hvilke farveskemaer og kontraster der fungerer bedst. Der findes praktiske programmer som Adobe Color CC og Paletton for at hjælpe dig med at vælge en palet, der afspejler din virksomheds image.

23. Gør din form smuk

Lavt væsen, som vi er, vi er betinget af at tro, at attraktivt design er bedre på andre måder: hurtigere, smartere, lettere at bruge. Det kaldes 'æstetisk-anvendelighed'. En smuk grænseflade øger vores tålmodighed og loyalitet og gør os endda mere sympatiske over for designproblemer.

38% af mennesker vil stoppe med at arbejde med en side, hvis indholdet eller layoutet er uattraktivt. Med andre ord, hvis dine webformularer ikke er smukke at se på (og lette at udfylde), spilder de tid.

Selvfølgelig, skønhed er i betragtningens øje. Men en enkel grænseflade, ren skrifttype og slank styling vil vinde dig (form) skønhedspageanter.

Den uddelte fremskridtseffekt

Vi er mere motiverede til at afslutte en opgave, hvis vi kan visualisere de fremskridt, vi allerede har gjort mod den. Når vi tror, ​​vi har en forrest, reducerer det mængden af ​​opfattet arbejde, hvilket gør os mere tilbøjelige til at gå den ekstra mil.

Det er kendt som 'Endowed Progress Effect', opsummeret af amerikanske professorer Joseph C. Nunes og Xavier Dreze som "et fænomen, hvorved folk, der forsynes med kunstig fremgang mod et mål, udviser større vedholdenhed til at nå målet."

Nogle eksempler på anvendelse af den bevilgede fremskridtseffekt på formularer:

24. Svimlende spørgsmål fra let til hårdt

Hvis du kan frigive spørgsmål fra let i begyndelsen af ​​formen til hårdt i slutningen (uden at ofre den logiske rækkefølge), vil brugerne gennemgå de oprindelige stadier af formularen. Dette vil igen udløse streakeeffekten: tilfredsheden, der genereres af hurtig fremgang og en følelse af fart, der gør brugere uvillige til at bryde striben. Betydning at de vil fortsætte og er mere tilbøjelige til at hænge ind, når formen bliver mere krævende.

25. Illustrer fremskridtene

Afspejle brugerens fremskridt på alle tidspunkter. Jo nærmere respondenter føler deres mål, jo mere sandsynligt er det for at skubbe sig selv mod det. Hvis din formular er flersides, skal du angive, hvor mange sider de har tilbage til at udfylde.

En undersøgelse fra Clutch bekræfter, at 90% af mennesker foretrækker webformularer, der bruger statuslinjer til at styre deres forventninger til færdiggørelsestid.

Spørgsmål, svar og gruppering

26. Brainstorm spørgsmålene

Alle former er afhængige af spørgsmål. Når det drejer sig om brainstorming af spørgsmål, er det bedst at starte med slutmålet og arbejde bagud.

Så dit første spørgsmål er: Hvad er formålet med din form? Er det onboarding? Feedback? Forskning?

Skriv den viden, du håber at få fra formen, så nøjagtigt som muligt. Formulere dette som spørgsmål (med et spørgsmålstegn i slutningen) i stedet for uddrag fra dit tankegang. Giv dig selv tid nok til at slette og starte igen.

Skriv derefter nogle mulige svar, der giver dig det, du leder efter.

Og til sidst brainstorm de spørgsmål, der vil føre dig til disse svar i første omgang.

Som en forsigtighedsforanstaltning efter undersøgelsen skal du skrive den% alder på svarene per spørgsmål, du ville forvente at modtage. Sammenligning af disse guesstimates til dine faktiske resultater vil afsløre blinde pletter at være opmærksomme på næste gang.

Denne forundersøgelsesproces vil også guide dit design og spare dig for tid.

Videnskaben til felter

I henhold til formkonverteringsrapport har typen af ​​form direkte indflydelse på antallet af felter, du skal inkludere. Tænk meget nøje over, hvor meget detaljer du har brug for i den kontekst, du er i.

Spørg dig selv nu: har du virkelig brug for virkelig at stille det spørgsmål?

Chancerne er, at svaret er nej. Selv hvis vi kender mindre kræfter, er det fristende at bede om partier, når vi står overfor muligheden for at få et kig ind i vores brugers hjerner.

Ja, svaret på dette spørgsmål kan være vigtigt. Men er så vigtigt, at det er værd at miste formularen, der svarer over det?

Du har brug for dine brugers samarbejde. Og hvert ekstra felt gør dem mindre tilbøjelige til at udfylde din form. Så når du har angivet alle mulige spørgsmål og svar, kan du prøve at klippe så mange som du kan. Tænk på andre måder at indsamle data på, og overvej, om spørgsmålet kan udledes, udskydes eller udelukkes helt.

Fjern valgfri spørgsmål helt. Hvis du skal medtage dem, skal du angive dem, når formularen er udfyldt.

27. Gruppér spørgsmålene korrekt

Strukturering af onlineformularer er nøglen til succes.

Når du har brainstormet, beskåret og forfinet en endelig liste over spørgsmål, er det tid til at organisere dem. Arranger dem i grupper og undergrupper med et "tema" -hoved, der holder dem sammen, f.eks. kontaktoplysninger, arbejdserfaring osv.

Endnu en gang skal brugeren være i stand til at scanne hvert afsnit og vide, hvad de har brug for, uden at læse spørgsmålene.

28. Definer en logisk spørgsmålssekvens

Dernæst på listen er spørgsmålets rækkefølge. Tommelfingerreglen er, at jo tættere i emnespørgsmål, jo tættere skal de fysisk placeres sammen.

Hvert spørgsmål og sektion skal skubbe respondenten videre til det næste. Store huller eller spring fremad er forvirrende, så tænk på den måde en form udvikler trin for trin i en genkendelig rækkefølge.

Gennem konditionering kan vi lettere genkende nogle typer flow end andre. For eksempel kommer 'Hvad hedder du?' Før 'Hvor bor du?', Som igen kommer før 'Hvad er din arbejdserfaring?'

29. Beslut om "obligatorisk kontra valgfri vs." rart at have ”

Det er bedste praksis at begrænse din form til obligatoriske spørgsmål. Valgfrie spørgsmål forlænger unødvendigt en form og irriterer brugeren: "Hvor har du hørt om os?" "Vil du gerne modtage marketing-e-mails?"

Men hvad med spørgsmål, der ikke er obligatoriske, men ville være meget 'rart at have'? Placer dem i slutningen af ​​formularen som en valgfri opfølgning. På denne måde føles de mindre invasive og påvirker ikke din konverteringsfrekvens.

30. Spørg en ting ad gangen

Spørgsmål med dobbelt tønde fører til tvetydighed. Og - du gætte det - tvetydige svar kan ikke kvantificeres.

Undgå falden i bølgende spørgsmål ved at scanne dem efter ordene 'og /' eller. 'Set et? Spørg spørgsmålet om halvdelen.

Jo klarere spørgsmål, jo klarere er svaret. Jo klarere svaret er, jo klarere er dataene.

31. Giv genveje

En god form skærer en klar rute til færdiggørelse, og guider derefter brugerne omhyggeligt sammen med ledetråde, spor og retning. Jo kortere rute, jo større er chancen for færdiggørelse. Så tilbyder genveje, hvis du kan.

Nogle eksempler på nyttige genveje:

Postnummeropslag

Når du beder brugerne om at udfylde deres adresse, er det bedste praksis at bare bede om et husnummer og postnummer / postnummer og derefter bruge en opslagstjeneste til at foreslå den fulde adresse.

Pladsholdertekst er let tekst, der vises i et formularfelt for at beskrive dets forventede værdi. Det bør kun bruges, hvis der er potentiel uklarhed.

Feltmærke

En feltetiket er den spørgsmålstekst, der sidder over feltet. Disse skal altid være til stede og bør ikke erstattes med pladsholdere. Det er fristende at frigøre plads ved at gøre pladsholder-teksten dobbelt op som etiket, men dette medfører mange problemer med brugervenligheden (sammenfattet her.)

Med andre ord kan du have etiketter uden pladsholdertekst, men ikke pladsholdertekst uden en etiket.

Foruddefinerede svar

Alle elsker foruddefinerede svar. De sparer din læser tid, og de er let tærlige til at evaluere.

Du kan forhåndsdefinere svar ved at stille spørgsmål Ja / Nej, enkeltvalg (radio) eller multiple choice (afkrydsningsfelt). I tilfælde af, at der er et svar, som du ikke kan forudsige, skal du tilføje en 'Andet' tekstboks for at læserne kan indtaste et tilpasset svar.

Forudsigelig søgning

Når du beder brugerne om at vælge deres land, erhverv eller noget andet med et stort antal foruddefinerede indstillinger, hjælper det med at give en forudsigelig søgefunktion for at reducere den krævede maskinskrivning (og kognitiv belastning).

Formularens målgruppe, formål og kontekst

Din form er kun halvdelen af ​​ligningen. Det er aktivt, ikke passivt. Og dens handling er afhængig af dine respondenter. De er nødt til at være indlejret i rammen helt fra begyndelsen.

Formularer er et kommunikationsmiddel. Der er to parter involveret.

Så når du designer en formular, skal du også tænke ud fra din brugers perspektiv ... Og det starter med deres formål og kontekst.

Hvorfor skal nogen udfylde din formular? Hvad er deres formål? Skriv det ned.

Formål er indlejret i kontekst, så gør kontekst specifik i dit sindes øje. Hvor og hvordan udfylder de formularen? Hjemme? På en bærbar computer? På en mobil? I metroen?

Kontekst er ikke kun miljøet. Det handler om, at dine deltagere forstår, hvad din form kan opnå med deres hjælp.

32. Ved hvem du taler med

Formen skal engagere det rigtige publikums opmærksomhed - så hvem består dette publikum af?

At tænke i en bred, tåget masse mennesker hjælper ikke. Hvis du vil fokusere dit sind, skal du finpudse på en person - eller en 'køber-persona'. Dette vil fortælle dig mere, end enhver almindelig gruppe kan.

Forestil dig en fiktiv ideel kunde med et job, personlighed, familie, håb og drømme. Bring denne person i skarpt fokus. Hvor bor og arbejder de? Hvad er deres meninger og værdier? Hvordan forholder de sig til din virksomhed?

Hvis du finder ud af, hvad der er meningsfuld for denne forestillede person, vil du være bedre placeret til at samle spørgsmål, der fører til meningsfulde data.

Dette er den person, du har brug for at henvise tilbage til. Dette er den person, hvis svar du har brug for.

Form visuals og struktur

Overraskelser er store på fødselsdage, men ikke når du udfylder formularer. Brugere bør sættes ind i en følelse af rytme og gentagelse, når de arbejder gennem spørgsmålene, sikre i den viden, at knapperne, inputfelterne og alt andet vil være det samme fra side til side.

Konsistens vil understøtte en jævn formfyldningsoplevelse. Det betyder, at farverne skal være ens, det visuelle skal være det samme, TOV skal være det samme.

Hvad er din virksomheds persona? Hvilke sætninger og ord får dette på tværs? Hvad er dine værdier?

Hos JotForm fokuserer vi på at være inkluderende, venlige og jordnære - og det sprog, vi bruger, afspejler dette.

Når du har defineret din brandtone, skal du opretholde den i alle dine former - din kunde skal føles som om de interagerer med den samme venlige person hvert skridt på vejen.

Visuel konsistens er lige så vigtig. Vedtage en visuel identitet og stil, som du opretholder i hele din form (og resten af ​​de former, du opretter i fremtiden).

33. Juster etiketter øverst til venstre

Googles UX-forskere fandt, at justering af etiketter over felter i venstre side øgede formularens færdiggørelsestid, fordi det kræver mindre 'visuelle fixeringer'.

34. Undgå at placere spørgsmål side om side.

Øjesporingsundersøgelser har vist, at enkle layout i en søjle er bedre end layout med flersøjler med spørgsmål placeret side om side.

Den eneste undtagelse fra denne regel er, når man beder om datoer (dag, måned, år) eller tid (timer og minutter), hvor flere felter forventes at være på en linje.

35. Prøv en ting per side

En ting per side er en psykologisk teknik defineret som:

... ”opdele en kompleks proces i flere mindre stykker og placere de mindre stykker på deres egne skærme.”

Grundlæggende har brugere kun en vigtig ting at fokusere på.

  • Ét stykke information at forstå.
  • En beslutning at tage.
  • Et spørgsmål at besvare.

En side med kaosfri opfordrer brugere til at holde op med opgaven.

36. Brug feltlængde som en pris

Juster altid feltets bredde, så det er bare længe nok til at indeholde alle inputens tegn (brugere skal kunne se deres fulde indgang) og ikke længere.

Størrelsen på et felt skal afspejle, hvor meget tekst brugeren forventes at indtaste. Felter som postnummer eller husnummer skal være kortere end adresselinjen.

En brugsundersøgelse fra Baymard Institute fandt, at hvis et felt er for langt eller for kort, begynder brugerne at undre sig over, om de har forstået etiketten korrekt. Dette gælder især for felter med usædvanlige data eller en teknisk etiket som CVV (Card Verification Code).

Hvis du er ny med JotForm, kan du altid henvise til JotForms formularvejledning, mens du strukturerer din online form. Ved hjælp af selvstudievideoer kan du få det bedste ud af JotForms formdesigner.

Fejl og stien til færdiggørelse i formdesign

Ligesom i livet er det muligt at forkert, når du udfylder formularer.

Og ligesom i livet er det centrale spørgsmål signalfejl og tillader hurtig korrektion.

37. Stol ikke på farve alene

1 ud af 12 mænd har en vis grad af farveblindhed.

Når du viser valideringsfejl eller succesmeddelelser, skal du ikke stole på at bruge grøn eller rød tekst (da rødgrøn farveblindhed er relativt almindelig). Brug tekster, ikoner eller noget andet. JotForm Cards advarer brugeren med en mikro-animation, der ryster 'nej', når der er foretaget en fejl.

38. Angiv inline-fejl

Vis brugeren, hvor fejlen opstod, og angiv en grund.

Hvis du skal bruge validering, skal du sikre dig, at den er i linjen (til højre for feltet) og rapportere fejl tidligt.

Vent ikke, indtil en bruger rammer indsende for at rapportere valideringsfejl. Men lige så bør inline-validering ikke være realtid, da dette sandsynligvis rapporterer fejl, før en bruger har udfyldt feltet.

39. Brug feltvalidering

Du beder om en e-mail-adresse, og du modtager et svar uden @ -tegn. Du anmoder om et telefonnummer, og halvdelen af ​​dine svar indeholder ikke nok cifre.

Typos bør ikke være en barriere for din forms anvendelighed.

Brug "feltvalidering" for at sikre dig, at du får de svar, du har brug for, f.eks. "Svaret skal indeholde en ___."

JotForm Cards gendanner e-mail-adressen til en bruger, der har indtastet domænenavnet forkert; [email protected] skulle være [email protected]

40.… men vær ikke for streng

Hvis der er meget variation i, hvordan brugere besvarer et felt (for eksempel at svare på 'telefonnummer' med +12345678912, +44 12345678912, 012345678912), skal du konvertere disse til et konsistent format.

Hvad er en betalingsform?

En betalingsformular er en kontant desk med digital version. Det autoriserer online betaling, validerer brugerens detaljer, kontrollerer, at midlerne er tilgængelige og sikrer, at du får betalt.

Betalingsintegrationer har mange fordele. De hjælper dig med at gøre det

  • sælge produkter eller tjenester;
  • anvende komplekse beregninger på disse salg, såsom at tilføje skatter og forsendelsesomkostninger eller trække kuponer;
  • give dine produkter beskrivelser som f.eks. billeder, antal, farve og størrelse.
  • indsamle donationer og betalinger af et fast beløb, eller foretage disse betalinger gentagne gange med en abonnementstjeneste.

Når det kommer til at designe en betalingsform, er det vigtigt at følge bedste praksis. Her er nogle vigtige regler.

41. Begræns betalingstrinnene

Baymard Institute analyserede checkout-formularer og fandt, at en checkoutproces, der er for lang eller for kompliceret, er en af ​​de vigtigste grunde til at opgive under kassen. Så skar felter, skær og derefter skæres igen.

42. Brug visuelle indikatorer for sikkerhed

Når du indtaster følsomme oplysninger, såsom kreditkortoplysninger, vil brugerne være opmærksomme på alt, hvad der synes svimlende. En nylig undersøgelse afslørede, at 17% af kunderne forlod en side uden at betale på grund af sikkerhedsmæssige betænkeligheder.

Professionelle betalingsformer gør brugere let, mens alt, der ser 'off', sætter dem på kant. Derfor skal du være forsigtig med at oprette en betalingsform fra bunden - selv de mindste fejl eller uoverensstemmelser kan skræmme brugerne væk.

Det hjælper også med at aktivere SSL på dine formularer til at beskytte data. Besøgende får ro i sindet ved at alle interaktioner er krypteret. JotForm er de mest sikre måder at overføre data på: vi er Payment Card Industry Data Security Standard (PCI DSS) niveau 1 kompatibel og SSL aktiveret.

43. Forklar klart, hvorfor du beder om følsomme oplysninger

Folk er i stigende grad bekymret over privatlivets fred og informationssikkerhed. Hvis du skal bede om følsomme oplysninger, skal du sørge for at forklare, hvorfor det er nødvendigt, ved hjælp af supporttekst under feltet.

44. Gem dataene

At give brugerne mulighed for at gemme deres adresse- og betalingsoplysninger gør processen hurtigere og mere strømlinet - især på uheldige enheder som mobil. Det giver også gentagne kunder en følelse af belønning og loyalitet.

45. Sådan tilføjes en betalingsintegration med JotForm

Trin 1: Tilføj dit brand logo og brugerdefinerede stilarter.

Trin 2: Indtast integrationsoplysninger ved hjælp af en forbindelse-knap, eller indtast dem direkte.

Trin 3: Tilføj produktbillede, produktdetaljer som mængde, farve, størrelse.

Trin 4: Beregn kuponer, skatter og forsendelse.

Du kan bruge indkøbsordreintegration til at tjekke for detaljerne og mulighederne for en generisk betalingsfeltoprettelse (dette kræver ingen legitimationsoplysninger, fordi det ikke opretter en reel transaktion). Du kan tjekke Sofort-integrationsvejledningen som et eksempel for at gå gennem en hel betalingsproces.

Trin 5: Skriv en personlig tak-besked-autoresponder-e-mail.

Klar. Nu kan du nemt sælge dine produkter på websteder, blogs eller sociale medier.

Når du er færdig med formularen ...

Hurra, færdig! Næsten. Din formular er muligvis færdig, men det er ikke tid til at sende den lige endnu ...

Der er et par sidste trin, du skal huske på.

46. ​​Test din formular, inden du deler

Vi har alle blinde pletter. Og når en forms succes hænger sammen med datakvaliteten, er det godt at være forsigtig. Så sørg for, at du har leveret robuste svarvalg og ikke har gået glip af noget ved at forudprøve din undersøgelse.

Send det til familie / venner og bede dem holde styr på, hvor lang tid det tager for dem at svare på undersøgelsen, og hvordan de oplever strømmen af ​​spørgsmål. Dette vil også hjælpe dig med at evaluere design af formularen næste gang.

Oprindeligt offentliggjort på https://www.jotform.com