Vyskakovací formulář v Shopify musí fungovat na malé obrazovce, při pohybu nástrojové lišty prohlížeče i s otevřenou klávesnicí. Nabídka má být krátká a srozumitelná, pole snadno vyplnitelná a ovládání zavření dostupné bez hledání. Otestujte celou cestu od příchodu až po zavření, nejen vyvážený náhled v editoru.
Použijte stručný a úplný příslib
Dejte titulku jediný úkol a důležité podmínky nabídky uveďte poblíž. Požadujte jen nejnutnější údaje pro přihlášení. Pokud sbíráte nepovinnou předvolbu, srozumitelně vysvětlete její účel a z malého okna nedělejte dotazník.
Pomocí formulářů Sendvio sjednoťte písmo a rozestupy se vzhledem obchodu. Nechte text přirozeně zalamovat místo zmenšení každého popisku, abyste na úzkou obrazovku násilně vtěsnali rozvržení pro počítač. Delší překlad může potřebovat vyšší nebo jednodušší rozvržení.
Přizpůsobte užitečný obsah, ne rozvržení pro počítač
Na telefonu upřednostněte příslib, důležité podmínky, pole, tlačítko odeslání a viditelné zavření. Velký dekorativní obrázek můžete zmenšit nebo vynechat, pokud odsouvá formulář mimo dostupnou oblast. Zákazník nemá rolovat kolem ilustrace značky, aby zjistil, jaké údaje po něm chcete.
Nechte kontejner podle potřeby růst nebo se vhodně posouvat místo pevné výšky, která nepočítá s proměnlivým textem. Překlad titulku, chybové hlášení nebo zvětšené systémové písmo mohou zabrat více místa. Pokud návrh funguje jen při nejkratší možné formulaci každé věty, není připraven na běžné použití.
Zjednodušením zachovejte stejnou hierarchii. Vynechání zbytečného obrázku se liší od odstranění podstatné podmínky nabídky. Kratší formulář má stále vysvětlit odběr a jeho přínos. Problém s místem neřešte zmenšením textu souhlasu natolik, že je sice přítomný, ale špatně čitelný.
Kontrolu ponechte návštěvníkovi
Ovládání zavření musí být viditelné a snadno stisknutelné. Ověřte, že lze formulář používat také klávesnicí a že fokus nezmizí za překryvnou vrstvu. Chybové hlášení má označit problém vedle příslušného pole a nemá smazat údaje, které už člověk zadal.
Zvažte, kdy se okno objeví. Přerušit zákazníka dřív, než stránce porozumí, může přinést spíš podráždění než zájem. Zvolte okamžik odpovídající nabídce a otestujte zkušenost nového návštěvníka, vracejícího se odběratele i člověka, který už nakupuje.
Projděte stav s otevřenou klávesnicí
Na skutečném telefonu nebo reprezentativním testovacím zařízení zaměřte pole. Zkontrolujte, zda zůstane dosažitelné vstupní pole, chybové hlášení, tlačítko odeslání i zavření po zobrazení klávesnice. Potom přejděte mezi poli a vyzkoušejte dlouhý text. Viditelná část prohlížeče se při těchto akcích mění, takže samotný snímek před psaním nestačí.
U modálního formuláře má fokus klávesnice vstoupit do dialogu, zůstat v něm po dobu otevření a po zavření se vhodně vrátit. Je-li podporována klávesa Escape, má zajistit očekávané zavření. Otestujte také vhodnou asistenční technologii; samotné vizuální zarovnání neověří, že se popisky a chyby polí oznamují srozumitelně.
Otestujte nejmenší realistický displej
Otevřete formulář na úzkém telefonu, zaměřte každé pole a odešlete platné i neplatné údaje. Otočte zařízení, zvětšete písmo a zkontrolujte zprávu o úspěchu. Ověřte, že po zavření zůstane stránka použitelná.
Vedle míry konverze formuláře sledujte platná přihlášení a následnou aktivitu. Návrh, který získává adresy tím, že je těžké z obchodu odejít, není užitečným zlepšením. Formulář má nabídnout jasnou příležitost a zároveň nenarušit nákupní zkušenost.
Součástí návrhu je i opětovné zobrazení. Návštěvník, který formulář zavře, by neměl při každém okamžitém přechodu na další stránku čelit stejnému přerušení. Použijte dostupná nastavení zobrazení a otestujte také vracejícího se návštěvníka. Dokončenému odběrateli už nemá chodit náborová výzva, která neodpovídá jeho stavu.
Pokud jsou výsledky slabé, rozlišujte viditelnost od užitečnosti. Formulář může sbírat málo adres kvůli slabé nabídce, rušivému načasování nebo technické chybě. Než zvýšíte četnost zobrazování, prověřte tyto příčiny. Nejlepší zlepšení umožní nabídce porozumět, pohodlně ji vyplnit nebo zavřít a přitom pokračovat v nákupu.