Psaní adresy na telefonu patří k nejpomalejším okamžikům, které návštěvník s vaším formulářem stráví. Více polí. Malá klávesnice. Snadno se přepíše název ulice nebo číslo. Polovina lidí volitelná pole s adresou přeskočí, protože to tření nestojí za to. Pak přijde automatické doplňování adresy. Napíšete pár písmen. Formulář vám navrhne celou adresu. Jedno kliknutí a adresa se správně vyplní do všech polí. Formuláře s vyhledáváním adres mají o 35 až 40 procent rychlejší dokončení a o 70 procent méně opuštění. To je rozdíl mezi formulářem, který konvertuje, a formulářem, ze kterého kontakty odtékají.
Vezměte jakýkoli formulář, který vyžaduje adresu, a sledujte, co se děje. Lidé píšou adresu ručně. Přepíšou číslo domu. Zkracují, i když by měli psát celé slovo. Přemýšlejí, jestli pole chce Street, nebo St. Některé formuláře mají tři samostatná pole pro adresu. Jiné jedno. Než lidé skončí, jsou unavení. Přeskočí volitelná pole. Znovu zvažují, jestli formulář vůbec odeslat. Tření se hromadí. Teď do stejného formuláře přidejte automatické doplňování adresy. Jakmile člověk napíše první písmena adresy, formulář navrhne celou adresu. Jedno kliknutí ji potvrdí. Adresa se sama vyplní do všech správných polí. Správně naformátovaná. Bez překlepů. Bez tření.
Čím se pole s adresou zásadně liší od ostatních textových polí
Adresa není jednoduchá informace. Je to složitá struktura z více částí. Ulice. Číslo domu. Město. Stát nebo provincie. Poštovní směrovací číslo. Země. Každá část má svá pravidla. Některé části jsou v jedné zemi povinné a v jiné volitelné. Formát se liší podle regionu. Platná adresa v Kanadě je strukturovaná jinak než ve Spojených státech. Adresa, která funguje v Londýně, má jiný formát PSČ než adresa v Tokiu.
Ruční zadávání selhává, protože si lidé musí při psaní pamatovat všechna tato pravidla. Musí se rozhodnout, jak zkracovat. Musí vědět, jestli jejich země používá postal code, postcode, nebo zip code. Vyhledávání adres to řeší tím, že přemýšlí za ně. Systém zná strukturu. Zná pravidla formátování. Člověk, který formulář vyplňuje, jen napíše první písmena a vybere z návrhů.
Proč na automatickém doplňování adres záleží pro dokončení formuláře
Čísla jsou výrazná. Formuláře s automatickým doplňováním adres mají dokončení o 35 až 40 procent rychlejší než formuláře bez něj. Opuštění klesá o 70 až 80 procent. Konverze na mobilu roste o 25 procent i více jen tím, že přidáte vyhledávání adres. To nejsou malá zlepšení. Je to rozdíl mezi formulářem, který konvertuje, a formulářem, který ztrácí polovinu vašich kontaktů.
Důvod je jednoduchý. Psaní adres je pomalé a náchylné k chybám. Lidé dělají chyby. Více polí je frustruje. Začnou uvažovat, jestli formulář vůbec potřebují odeslat. Automatické doplňování adres odstraní všechny tři problémy najednou. Rychlost roste. Chyby mizí. Frustrace se vypaří.
Jak vyhledávání adres opravdu funguje v zákulisí
Vyhledávání adres není kouzlo. Je to služba, která zná každou platnou adresu v regionu. Začnete psát adresu. Formulář pošle to, co jste napsali, službě pro vyhledávání adres. Ta porovná vaše písmena se svou databází skutečných adres. Vrátí nejbližší shody. Uvidíte rozbalovací seznam návrhů. Kliknete na ten, který odpovídá vaší adrese. Celá adresa se do formuláře vyplní správně naformátovaná a ověřená.
Tento krok ověření je zásadní. Když někdo píše adresu ručně, mohou projít překlepy. Chybějící písmeno. Zkratka ulice napsaná celým slovem. Když formulář vezme adresu ze služby pro vyhledávání, byla zkontrolována proti databázi skutečných adres. Výsledkem jsou čistá data. Žádné překlepy. Žádné nesrovnalosti ve formátu. Adresa, která se dostane do vašeho systému, je adresa, kterou pošta rozpozná.
Jedno textové pole, nebo vícepolové formuláře s adresou
Některé formuláře s adresou vás nechají napsat adresu do jednoho textového pole a pak pomocí vyhledávání rozdělí jednotlivé části. Jiné začínají jedním polem jen pro číslo domu a PSČ a zbytek doplní vyhledávání. Obojí funguje. Volba závisí na vašem publiku a na tom, jak široce působíte.
Přístup s jedním polem
Dejte lidem jedno textové pole. Pojmenujte ho Adresa. Napíšou celou adresu. Automatické doplňování navrhne shody. Vyberou jednu. Systém adresu rozdělí na ulici, město, stát a PSČ. Funguje to nejlépe, když dobře obsluhujete konkrétní region. Formuláře ve Spojených státech mohou tento přístup použít, protože americký systém adres je jednotný a služba pro vyhledávání má úplná data. Jedno pole působí bez tření. Složitost zvládne systém.
Přístup s číslem domu a PSČ
Začněte dvěma poli. První pole je číslo domu a ulice. Druhé pole je PSČ. Někdo napíše číslo domu a ulici. Objeví se návrhy. Vybere jeden. Pole s PSČ se vyplní automaticky. Tento přístup se hodí pro země, které mají kvalitní data o PSČ a jednotnou strukturu adres. Adresy ve Spojeném království tuto metodu často používají, protože britské postcode jsou přesné a úplné.
Plný vícepolový přístup s postupným odkrýváním
Některé formuláře stále používají ulici, město, stát a PSČ jako samostatná pole, ale vylepšují je automatickým doplňováním u pole s ulicí. Jak někdo píše ulici a číslo domu, pole s ulicí se doplňuje. Když vybere adresu, město a PSČ se vyplní automaticky. Stát může být volitelný nebo se doplní podle toho, jestli je adresa nejednoznačná. To vyvažuje přehlednost samostatných polí s pohodlím automatického doplňování.
Jak navrhnout pole s adresou pro mobil a počítač
Pole s adresou mají na různých zařízeních různá omezení. Obrazovka telefonu je úzká. Monitor počítače je široký. Ani jedno není ideální pro psaní adresy zpaměti.
Návrh zadávání adresy na mobilu
Na mobilním telefonu by mělo být pole s adresou v plné šířce. Textové pole by mělo být dost vysoké, aby se do něj snadno klepalo. Klávesnice by měla být textová s pohodlným přístupem k číslicím a interpunkci. Jak někdo píše první znaky, rozbalovací seznam s návrhy by se měl objevit nad klávesnicí, aby návrhy viděl a klávesnice je nepřekrývala. Tlačítka s návrhy by měla být dost velká, aby se do nich snadno trefil palec. Když vybere adresu, klávesnice by se měla zavřít a formulář by měl sám přejít na další pole. Snižte počet klepnutí na minimum.
Návrh zadávání adresy na počítači
Na počítači může být pole s adresou užší, protože kurzor je přesnější než palec. Rozbalovací seznam s návrhy by se měl objevit pod polem, aby neposouval ostatní obsah dolů. Zobrazte více návrhů najednou. Nechte lidi procházet návrhy šipkami. Nechte je vybírat klávesou Enter. Ať se automatické doplňování chová svižně a přátelsky ke klávesnici pro lidi, kteří nechtějí sahat po myši.
Velikost polí a vizuální hierarchie
Velikost pole by měla odpovídat tomu, kolik textu se očekává. Pole pro PSČ má být malé a úzké. Pole pro ulici má být širší, protože adresy ulic jsou delší. Udělejte pole pro PSČ výrazně menší. Tento vizuální signál říká lidem, že pole očekává méně informací. Kontrast ve velikosti polí dělá formulář logickým a snižuje zmatek.
Mezinárodní návrh polí s adresou a flexibilita
Formáty adres se liší podle země. Francouzská adresa má město a PSČ, ale ne stát. Kanadská adresa má provincii a PSČ. Australská adresa používá postcode. Německá adresa může obsahovat městskou část. Britské postcode dokáže určit téměř jakékoli místo bez podrobností o ulici.
Pokud váš formulář slouží jen jedné zemi, navrhněte ho pro strukturu adres této země. Pokud slouží více zemím, přidejte flexibilitu. Nechte lidi vybrat zemi z rozbalovacího seznamu. Podle jejich volby zobrazte pole s adresou, která jsou pro danou zemi relevantní. Americký formulář s adresou ukazuje stát a ZIP code. Britský formulář ukazuje postcode, ale pole pro stát nemusí zobrazit vůbec. To snižuje zmatek, protože lidé vyplňují pole, na kterých pro jejich zemi opravdu záleží.
Služby pro vyhledávání adres se podle zemí liší. Některé regiony mají úplné databáze. Jiné ne. Otestujte svou službu pro vyhledávání adres v každé zemi, kterou podporujete. Ujistěte se, že pokrývá čtvrti a menší města, kde vaši zákazníci žijí. Služba, která pokrývá jen velké metropolitní oblasti, vytváří tření pro lidi v menších městech.
Technická implementace automatického vyplnění adresy
Z pohledu uživatele působí automatické vyplnění adresy jako kouzlo. Napíšete pár písmen, uvidíte návrhy, kliknete na jeden. Z technického pohledu to vyžaduje správnou strukturu HTML a správné atributy.
Atributy HTML, které umožňují automatické doplňování
Prohlížeč má vestavěné znalosti o běžných polích formulářů. Pokud prohlížeči řeknete, že pole je pole s adresou, může ho předvyplnit z uložené adresy uživatele. Použijte atribut HTML autocomplete. Nastavte ho na address-line1 pro ulici, postal-code pro PSČ a podobné hodnoty pro další pole. Prohlížeč tyto atributy rozpozná a nabídne automatické vyplnění z uložených údajů uživatele.
Ne každý má v prohlížeči uloženou adresu, ale u těch, kdo ji mají, správné atributy autocomplete znamenají, že se formulář vyplní jedním kliknutím. Uživatel už vyhrál. Pole je vyplněné. Jde dál. Funguje to souběžně se službou pro vyhledávání adres. Automatické doplňování prohlížeče je pro lidi, kteří mají své údaje uložené. Služba pro vyhledávání adres zachytí všechny ostatní.
Záleží i na atributu name
Každé pole s adresou potřebuje popisný atribut name. name=street-address pro pole s ulicí. name=postal-code pro PSČ. Tyto atributy umožňují prohlížeči pochopit, k čemu každé pole slouží. Také usnadňují vývojářům zpracování formuláře na backendu. Pole bez jasného atributu name je pro prohlížeč hůř srozumitelné a hůř se s ním pracuje ve vašem serverovém kódu.
Validace na straně klienta a na straně serveru
Vyhledávání adres vrací návrhy z databáze ověřených adres. To znamená, že návrh adresy je už ověřený proti známé správné adrese. Po odeslání ale přesto validujte na serveru. Někdo může v prohlížeči vypnout JavaScript. Někdo může formulář odeslat přes API. Váš server validuje všechno. Vyhledávání adres slouží pro pohodlí uživatelů a kvalitu dat. Validace na serveru slouží pro bezpečnost a integritu.
Kdy lidé potřebují možnost zadat adresu ručně
Vyhledávání adres je silné, ale nepokrývá každou situaci. Někdo se právě přestěhoval na novou adresu, která ještě není v databázi. Někdo zadává adresu ve venkovské oblasti, kterou služba nepokrývá. Někdo zadává doručovací adresu, která je technicky spíš přezdívka než formální adresa. Zabudujte možnost ručního zadání. Pokud vyhledávání nenavrhuje nic blízkého tomu, co člověk píše, nechte ho napsat adresu ručně. Zobrazte odkaz pro ruční zadání adresy. Nenuťte lidi používat vyhledávání, pokud jim nefunguje.
Běžné chyby u polí s adresou, které vytvářejí tření
Matoucí popisky polí
Nikdy nepoužívejte address line one, address line two a address line three. Tyto popisky lidi matou. Co patří na řádek jedna a co na řádek dva. Má číslo bytu patřit na řádek dva. Je řádek tři vůbec potřeba. Použijte místo toho jasné popisky. Ulice. Byt nebo kancelář (volitelné). Město. Stát. PSČ. Konkrétní popisek lidem přesně říká, co do pole patří.
Povinná pole, která by měla být volitelná
Ne každý má číslo bytu. Ne každý potřebuje druhé jméno. Některé adresy do standardní struktury nezapadají. Udělejte byt, kancelář a podobná pole volitelná. Nechte formulář přizpůsobit se tomu, co člověk skutečně zadává, a nenuťte ho vtěsnat se do standardní struktury, která se ho netýká.
Neoznačení povinných polí
Pokud jsou ulice a PSČ povinné, ale byt je volitelný, řekněte to jasně. Jednoduchá hvězdička nebo slovo povinné vedle popisku pole lidem říká, co musí vyplnit. Bez tohoto signálu lidé přemýšlejí, jestli musí údaj zadat a kde jsou povinná pole.
Vyhledávání adres, které nefunguje pro venkovské oblasti
Některé služby pro vyhledávání se zaměřují na velká města. Někdo v malém městě napíše adresu a nedostane žádné návrhy. Je frustrovaný. Pokud váš formulář slouží venkovským oblastem, otestujte tam svou službu pro vyhledávání adres. Vyberte službu, která pokrývá menší města a venkovské doručovací adresy. Pokud nenajdete službu, která funguje všude, kde ji potřebujete, usnadněte ruční zadání.
Jak zlepšit kvalitu dat o adresách a snížit počet chyb
Použijte ověření adresy po výběru
Když někdo vybere adresu z návrhů automatického doplňování, máte ověřenou adresu. Služba pro vyhledávání potvrdila, že existuje. Při odeslání ji ale ještě jednou ověřte na serveru. Zkontrolujte, že adresa stále existuje a má stále formát, který služba vrátila. Tím zachytíte okrajové případy a zajistíte integritu dat.
Ukládejte části adresy samostatně
Neukládejte celou adresu do jednoho textového pole. Ukládejte ulici, město, stát, PSČ a zemi jako samostatná pole v databázi. Data pak lze znovu použít. Můžete řadit podle města. Můžete filtrovat podle PSČ. Můžete vytvářet přehledy podle státu. Samostatná pole také usnadňují validaci. Můžete zkontrolovat, že PSČ odpovídá městu a státu.
Umožněte aktualizaci adresy
Lidé se stěhují. Čtvrti se mění. Adresa člověka před třemi lety už nemusí být platná. Nechte lidi aktualizovat adresu ve vašem systému. Když to udělají, pošlete ji znovu přes vyhledávání adres, abyste ověřili, že je stále platná, a zajistili jednotný formát.
Automatické doplňování adres podle typu formuláře
Jak vyhledávání adres zavedete, závisí na tom, k čemu formulář slouží.
Formuláře pokladny
V pokladně e-shopu je automatické doplňování adres nezbytné. Každá ušetřená sekunda v pokladně je sekunda, kdy zákazník neodchází. Zákazník zadá adresu. Návrhy se objeví okamžitě. Klikne na svou adresu. Vyplní se pole pro doručení i fakturaci. Formulář působí rychle. Zákazník dokončí objednávku. Použijte nejlepší dostupnou službu pro vyhledávání adres. Cena úplné služby je malá ve srovnání s hodnotou nižšího opuštění pokladny.
Registrace účtu a vytvoření profilu
Při vytváření účtu je vyhledávání adres užitečné, ale méně zásadní než v pokladně. Lidé čekají, že založení účtu chvíli potrvá. Přesto to udělejte co nejplynuleji. Nechte automatické doplňování adres fungovat. Nabídněte ruční zadání jako záložní možnost. Adresu validujte na serveru.
Kontaktní formuláře a formuláře pro získání kontaktů
U získávání kontaktů vyhledávání adres buduje důvěru. Formulář, který správně automaticky vyplní adresu, dává člověku pocit, že značka rozumí jeho poloze. Působí osobně. Buduje důvěru, že formulář pro kontakty opravdu funguje. Použijte vyhledávání adres, abyste zapůsobili na potenciální zákazníky.
Jak WEMASY pomáhá s automatickým vyplněním polí s adresou
Formuláře WEMASY obsahují vestavěné vyhledávání adres poháněné ověřováním v databázi v reálném čase. Vytvořte ve tvůrci formulářů pole s adresou. Pole automaticky nabízí návrhy adres, jak někdo píše. Když vybere adresu, vyplní se správnými daty i všechna další pole s adresou ve formuláři. Celá adresa, správně naformátovaná. Žádné ruční zadávání. Žádné překlepy. Funguje pro adresy v USA a podporuje mezinárodní rozšíření, jak budete růst. Analytika formulářů ukazuje, kdo má se zadáváním adresy potíže a které návrhy se vybírají nejčastěji. Upravte formulář podle skutečných dat uživatelů. Tvůrce formulářů zvládne veškerou technickou složitost. Vy se soustředíte na sběr kvalitních adres.