Att skriva en adress på en telefon är ett av de långsammaste ögonblicken en besökare spenderar i ditt formulär. Flera fält. Litet tangentbord. Lätt att skriva fel på gatunamn eller nummer. Hälften hoppar över valfria adressfält eftersom besväret inte är värt det. Sedan kommer autokomplettering av adresser. Skriv några bokstäver. Se formuläret föreslå hela din adress. Ett klick och adressen fylls i korrekt i varje fält. Formulär med adresssökning ser att de fylls i 35 till 40 procent snabbare och 70 procent färre avhopp. Skillnaden mellan ett formulär som konverterar och ett som läcker leads.
Ta vilket formulär som helst som kräver en adress och se vad som händer. Folk skriver sin gatuadress för hand. De skriver fel på husnumret. De förkortar när de borde skriva ut. De undrar om fältet vill ha Gata eller Gatan. Vissa formulär har tre separata adressfält. Vissa har ett. När de är klara är de trötta. De hoppar över valfria fält. De funderar på om de ska skicka. Friktionen byggs upp. Lägg nu till autokomplettering av adresser i samma formulär. I samma stund som de skriver de första bokstäverna i sin adress föreslår formuläret hela adressen. Ett klick bekräftar. Adressen fylls i automatiskt i alla rätt fält. Rätt formaterad. Inga skrivfel. Ingen friktion.
Vad som gör adressfält grundläggande annorlunda än andra textfält
En adress är ingen enkel uppgift. Det är en komplex struktur med flera delar. Gatuadress. Husnummer. Ort. Delstat eller provins. Postnummer. Land. Varje del har regler. Vissa delar är obligatoriska i vissa länder och valfria i andra. Formateringen varierar mellan regioner. En giltig adress i Kanada är uppbyggd annorlunda än en i USA. En adress som fungerar i London har ett annat postnummerformat än en i Tokyo.
Manuell inmatning fungerar dåligt eftersom folk måste komma ihåg alla de här reglerna medan de skriver. De måste bestämma hur de ska förkorta. De måste veta om deras land använder postnummer, postcode eller zip code. Adresssökning löser det genom att tänka åt dem. Systemet kan strukturen. Det kan formateringsreglerna. Den som fyller i formuläret skriver bara de första bokstäverna och väljer bland förslagen.
Därför spelar autokomplettering av adresser roll för hur många som fyller i formuläret
Siffrorna är slående. Formulär med autokomplettering av adresser fylls i 35 till 40 procent snabbare än formulär utan. Avhoppen minskar med 70 till 80 procent. Mobilkonverteringen ökar med 25 procent eller mer bara genom att lägga till adresssökning. Det är inga små förbättringar. Det är skillnaden mellan ett formulär som konverterar och ett som tappar hälften av dina leads.
Anledningen är enkel. Att skriva adresser är långsamt och felbenäget. Folk gör misstag. De blir frustrerade av flera fält. De börjar undra om de ens behöver skicka. Autokomplettering av adresser tar bort alla tre problemen på en gång. Farten går upp. Felen försvinner. Frustrationen avdunstar.
Så fungerar adresssökning bakom kulisserna
Adresssökning är ingen magi. Det är en tjänst som känner till varje giltig adress i en region. Du börjar skriva din adress. Formuläret skickar det du skrev till adresssökningstjänsten. Tjänsten matchar dina bokstäver mot sin databas med verkliga adresser. Den returnerar de närmaste träffarna. Du ser en rullgardinslista med förslag. Du klickar på den som matchar din adress. Hela adressen fylls i automatiskt i formuläret, korrekt formaterad och verifierad.
Verifieringssteget är avgörande. När någon skriver sin adress för hand kan skrivfel slinka igenom. En bokstav som saknas. En gatuförkortning som skrivits ut. När formuläret hämtar adressen från en sökningstjänst har den kontrollerats mot en databas med verkliga adresser. Resultatet är ren data. Inga skrivfel. Inga formateringsavvikelser. Adressen som hamnar i ditt system är adressen som postverket känner igen.
Ett enda textfält eller adressformulär med flera fält
Vissa adressformulär låter dig skriva adressen i en enda ruta och använder sedan sökningen för att dela upp delarna. Andra börjar med ett enda fält bara för husnummer och postnummer och använder sedan sökningen för att fylla i allt annat. Båda fungerar. Valet beror på din målgrupp och ditt geografiska område.
Metoden med ett enda fält
Ge folk ett textfält. Kalla det Adress. De skriver hela sin adress. Autokompletteringen föreslår träffar. De väljer en. Systemet delar upp adressen i gata, ort, delstat och postnummer. Det fungerar bäst när du betjänar en specifik region väl. Amerikanska formulär kan använda den här metoden eftersom det amerikanska adresssystemet är enhetligt och sökningstjänsten har heltäckande data. Ett fält känns friktionsfritt. Systemet hanterar komplexiteten.
Metoden med husnummer och postnummer
Börja med två fält. Första fältet är husnummer och gata. Andra fältet är postnumret. Någon skriver husnummer och gata. Förslag visas. Hen väljer ett. Postnummerfältet fylls i automatiskt. Metoden fungerar bra för länder med starka postnummerdata och enhetliga adressstrukturer. Brittiska adresser använder ofta den här metoden eftersom brittiska postcodes är exakta och heltäckande.
Metoden med flera fält och gradvis visning
Vissa formulär använder fortfarande gatuadress, ort, delstat och postnummer som separata fält men förstärker dem med autokomplettering i gatufältet. När någon skriver gata och husnummer autokompletteras gatufältet. När hen väljer en adress fylls ort och postnummer i automatiskt. Delstat kan vara valfri eller fyllas i automatiskt beroende på om adressen är otydlig. Det balanserar tydligheten hos separata fält med bekvämligheten hos autokomplettering.
Så utformar du adressfält för mobil och dator
Adressfält har olika begränsningar på olika enheter. En telefonskärm är smal. En datorskärm är bred. Ingen av dem är idealisk för att skriva en adress ur minnet.
Utformning av adressinmatning på mobilen
På en mobiltelefon ska adressfältet ha full bredd. Textfältet ska vara tillräckligt högt för att lätt gå att trycka på. Tangentbordet ska vara texttangentbordet med lätt åtkomst till siffror och skiljetecken. När någon skrivit de första tecknen ska rullgardinslistan med autokomplettering visas ovanför tangentbordet så att förslagen syns utan att tangentbordet täcker dem. Förslagsknapparna ska vara tillräckligt stora för att en tumme lätt ska träffa dem. När hen väljer en adress ska tangentbordet stängas och formuläret gå vidare till nästa fält automatiskt. Minimera antalet tryck.
Utformning av adressinmatning på datorn
På en dator kan adressfältet vara smalare eftersom muspekaren är mer exakt än en tumme. Rullgardinslistan med autokomplettering ska visas under fältet så att den inte trycker ned annat innehåll. Visa flera förslag samtidigt. Låt folk använda piltangenterna för att navigera mellan förslagen. Låt dem trycka på Enter för att välja. Gör autokompletteringen responsiv och tangentbordsvänlig för dem som helst inte sträcker sig efter musen.
Fältstorlek och visuell hierarki
Ett fälts storlek ska spegla hur mycket text det förväntar sig. Ett postnummerfält ska vara litet och smalt. Ett gatuadressfält ska vara bredare eftersom gatuadresser är längre. Gör postnummerfältet märkbart mindre. Den visuella signalen talar om att fältet förväntar sig mindre information. Kontrasten i fältstorlek får formuläret att kännas logiskt och minskar förvirring.
Utformning och flexibilitet för internationella adressfält
Adressformat skiljer sig mellan länder. En fransk adress har ort och postnummer men ingen delstat. En kanadensisk adress har provins och postnummer. En australisk adress använder postnummer. En tysk adress kan inkludera en stadsdel. Ett brittiskt postcode kan peka ut nästan vilken plats som helst utan gatuuppgifter.
Om ditt formulär bara betjänar ett land, utforma det för det landets adressstruktur. Om ditt formulär betjänar flera länder, lägg till flexibilitet. Låt folk välja land i en rullgardinslista. Utifrån valet visar du de adressfält som är relevanta för det landet. Ett amerikanskt adressformulär visar delstat och ZIP-kod. Ett brittiskt formulär visar postcode men kanske inget delstatsfält alls. Det minskar förvirringen eftersom folk fyller i de fält som faktiskt gäller för deras land.
Adresssökningstjänster varierar mellan länder. Vissa regioner har heltäckande databaser. Andra har det inte. Testa din adresssökningstjänst i varje land du stöder. Se till att den täcker stadsdelarna och de mindre orterna där dina kunder bor. En sökningstjänst som bara täcker storstadsområden skapar friktion för folk i mindre städer.
Den tekniska lösningen för adressautofyll
För användaren känns adressautofyll magiskt. Skriv några bokstäver, se förslag, klicka på ett. Tekniskt kräver det rätt HTML-struktur och rätt attribut.
HTML-attribut som möjliggör autokomplettering
Webbläsaren har inbyggd kunskap om vanliga formulärfält. Om du talar om för webbläsaren att ett fält är ett adressfält kan den förifylla det från användarens sparade adress. Använd HTML-attributet autocomplete. Sätt det till address-line1 för gatuadress, postal-code för postnummer och liknande värden för andra fält. Webbläsaren känner igen attributen och erbjuder autofyll från användarens lagrade uppgifter.
Alla har inte en adress sparad i webbläsaren, men för dem som har det innebär rätt autocomplete-attribut att formuläret fylls i med ett enda klick. Användaren har redan vunnit. Fältet är ifyllt. Hen går vidare. Det fungerar vid sidan av adresssökningstjänsten. Webbläsarens autokomplettering är för dem som har sparat sina uppgifter. Adresssökningstjänsten fångar alla andra.
Attributet name spelar också roll
Varje adressfält behöver ett beskrivande name-attribut. name=street-address för gatufältet. name=postal-code för postnumret. De här attributen låter webbläsaren förstå vad varje fält är till för. De gör det också enklare för utvecklare att bearbeta formuläret i backend. Ett fält utan tydligt name-attribut är svårare för webbläsaren att förstå och svårare att arbeta med i din serverkod.
Validering på klientsidan eller serversidan
Adresssökning returnerar förslag från en databas med verifierade adresser. Det betyder att adressförslaget redan är validerat mot en känd giltig adress. Men validera ändå på servern efter inskick. Någon kan stänga av JavaScript i sin webbläsare. Någon kan skicka formuläret via ett API. Din server validerar allt. Adresssökningen är för användarens bekvämlighet och datakvaliteten. Validering på serversidan är för säkerhet och integritet.
När folk behöver ett alternativ för manuell adressinmatning
Adresssökning är kraftfull, men den täcker inte alla situationer. Någon har just flyttat till en ny adress som ännu inte finns i databasen. Någon anger en adress på landsbygden som sökningstjänsten inte täcker. Någon anger en leveransadress som tekniskt sett är ett smeknamn och inte en formell adress. Bygg in ett alternativ för manuell inmatning. Om adresssökningen inte föreslår något i närheten av det de skriver, låt dem skriva adressen för hand. Visa en länk för att ange adressen manuellt. Tvinga inte folk att använda sökningen om den inte fungerar för dem.
Vanliga misstag i adressfält som skapar friktion
Förvirrande fältetiketter
Använd aldrig adressrad ett, adressrad två och adressrad tre. De etiketterna förvirrar folk. Vad hör hemma på rad ett respektive rad två. Ska lägenhetsnumret stå på rad två. Behövs rad tre överhuvudtaget. Använd tydliga etiketter i stället. Gatuadress. Lägenhet eller våning (valfritt). Ort. Delstat. Postnummer. Den specifika etiketten talar om exakt vad som hör hemma i fältet.
Att kräva fält som borde vara valfria
Alla har inte ett lägenhetsnummer. Alla behöver inte ett mellannamn. Vissa adresser passar inte in i standardstrukturen. Gör lägenhet, våning och liknande fält valfria. Låt formuläret anpassa sig efter vad någon faktiskt anger i stället för att tvinga dem in i en standardstruktur som inte gäller dem.
Att inte visa vilka fält som är obligatoriska
Om gatuadress och postnummer är obligatoriska men lägenhet är valfritt, gör det tydligt. En enkel asterisk eller ordet obligatoriskt bredvid fältets etikett talar om vad folk måste fylla i. Utan den signalen undrar folk om de behöver ange uppgifter och var de obligatoriska fälten finns.
Adresssökning som inte fungerar på landsbygden
Vissa sökningstjänster fokuserar på storstäder. Någon i en liten ort skriver sin adress och får inga förslag. Hen blir frustrerad. Om ditt formulär betjänar landsbygden, testa din adresssökningstjänst där. Välj en tjänst som täcker mindre orter och leveransadresser på landsbygden. Om du inte hittar en tjänst som fungerar överallt där du behöver den, gör manuell inmatning enkel.
Så förbättrar du adressdatans kvalitet och minskar fel
Använd adressverifiering efter valet
När någon väljer en adress bland autokompletteringens förslag har du en verifierad adress. Sökningstjänsten bekräftade att den finns. Men verifiera den en gång till på servern när de skickar. Dubbelkolla att adressen fortfarande finns och fortfarande är formaterad som sökningstjänsten returnerade den. Det fångar specialfall och säkerställer dataintegriteten.
Lagra adressdelar separat
Lagra inte hela adressen som ett textfält. Lagra gata, ort, delstat, postnummer och land som separata fält i din databas. Då går datan att återanvända. Du kan sortera efter ort. Du kan filtrera efter postnummer. Du kan ta fram rapporter per delstat. Separata fält gör det också enklare att validera. Du kan kontrollera att postnumret matchar orten och delstaten.
Tillåt adressuppdateringar
Folk flyttar. Områden förändras. En persons adress från för tre år sedan kanske inte är giltig längre. Låt folk uppdatera sin adress i ditt system. När de gör det, kör den genom adresssökningen igen för att verifiera att den fortfarande är en giltig adress och för att säkerställa att den är formaterad konsekvent.
Autokomplettering av adresser efter formulärtyp
Hur du inför adresssökning ändras beroende på vad formuläret är till för.
Kassaformulär
I e-handelns kassa är autokomplettering av adresser avgörande. Varje sekund som sparas i kassan är en sekund då någon inte hoppar av. En kund anger en adress. Förslag visas direkt. Kunden klickar på sin adress. Den fyller i leverans- och faktureringsfälten automatiskt. Formuläret känns snabbt. Kunden slutför köpet. Använd den starkaste adresssökningstjänsten som finns. Kostnaden för en heltäckande sökningstjänst är liten jämfört med värdet av minskade avhopp i kassan.
Kontoregistrering och skapande av profil
Vid skapande av konto är adresssökning till hjälp men mindre avgörande än i kassan. Folk förväntar sig att kontoinställningen tar en stund. Men gör den så smidig som möjligt. Låt autokompletteringen fungera. Erbjud manuell inmatning som reserv. Validera adressen på servern.
Kontakt- och leadformulär
I leadformulär skapar adresssökning förtroende. Ett formulär som fyller i en adress korrekt får personen att känna att varumärket förstår var hen finns. Det känns personligt. Det ger förtroende för att leadformuläret faktiskt fungerar. Använd adresssökning för att imponera på tänkbara kunder.
Så hjälper WEMASY med autofyll av adressfält
WEMASY-formulär har inbyggd adresssökning som drivs av databasverifiering i realtid. Skapa ett adressfält i formulärbyggaren. Fältet erbjuder automatiskt adressförslag medan någon skriver. När hen väljer en adress fylls alla andra adressfält i formuläret i automatiskt med rätt data. Hela adressen, rätt formaterad. Ingen manuell inmatning. Inga skrivfel. Fungerar för amerikanska adresser och stöder internationell expansion i takt med att du växer. Formulärens analys visar vilka som har svårt med adressinmatning och vilka förslag som väljs oftast. Justera formuläret utifrån verkliga användardata. Formulärbyggaren sköter all teknisk komplexitet. Du fokuserar på att samla in bra adresser.