Dokonalý průvodce návrhem formulářů: Jak navrhnout převod online formulářů

Vyplnili jste nedávno online formulář?

Je pravděpodobné, že odpověď zní ano. Podle nedávného výzkumu vyplní alespoň jeden webový formulář týdně 84% lidí.

Možná jste si to ale neuvědomili, protože vyplňování webových formulářů se stalo téměř nedílnou součástí struktury našich životů.

Ve skutečnosti je téměř každá online interakce, která přivede uživatele z bodu A do bodu B, online formulář: kontakt s firmou, rezervace vlaku, nákup produktu, organizování hotelového pobytu ...

Webové formuláře se poprvé začaly používat pro online prodej v roce 1994, kdy se na naše obrazovky objevily vůbec první drag-and-drop formuláře v roce 2006. Od té doby se formuláře staly lynchpinem online interakcí.

Jsou bránou mezi společností a jejich zákazníky. Od malých městských blogů po globální vládní portály je téměř nemožné si představit web bez jednoho.

Tak proč mají online formuláře tak špatné opakování?

Jistě, velmi málo lidí ve skutečnosti miluje formy. Ale většině to nebude vadit, pokud je to jasné, stručné a dobře navržené.

A tady leží rub. Příliš mnoho online formulářů je příliš dlouhé, matoucí nebo invazivní (a někdy i všechny tři současně).

Když formulář zmatuje, frustruje nebo žádá více, než je nutné, riziko, že se respondent vzdá, je vysoké. Někteří lidé formulář úplně opustí. Ostatní se odhlásí. Ať tak či onak, pravděpodobně nebudete mít druhou šanci.

Jak můžeme při navrhování formuláře zajistit, aby se respondenti zavěsili až do posledního kliknutí?

"Vytvoření formuláře je velmi snadné." Nejtěžší je přimět lidi, aby to skutečně vyplnili. “

Poté, co jsme našim 4,5 milionům uživatelů pomohli vytvořit online formuláře, jsme se v JotForm naučili hlavně to, že zdánlivě jemné změny dělají svět odlišností. Často jsou to, co odlišuje formu, která se převádí od formy, která je opuštěná.

Například:

  • HubSpot zjistil, že čtenáři měli o 17% vyšší pravděpodobnost, že při umístění na samostatnou vstupní stránku vyplní formulář o generování potenciálních zákazníků 14+ stránek.
  • Marketo zjistil, že několik nepodstatných polí nafouklo své náklady na olovo o 25%.

Navrhování formuláře? Ať je to intuitivní, snadný a přátelský zážitek. Tato příručka vám řekne, jak na to.

Hlavní komponenty formuláře

1. Pozdravte své respondenty: Název a úvod

Pozdravili byste své přátele, aniž byste pozdravili? Víme, jak důležité jsou dobré mravy, ale v online sféře se často překládají.

Titul a uvítací stránka jsou vaše šance představit vaši formu (a sebe) jasným a přátelským způsobem - a udělat dobrý první dojem.

Jen se zeptejte BettingExpert: získali 31,54% více registrací změnou názvu formuláře, aby zdůraznili, proč by se lidé měli registrovat.

Váš titul je nejkratší a nejpřesnější popis toho, co má přijít. Uživatelé mají tendenci sklouzávat obsah formuláře a téměř žádný si nebude pečlivě přečíst podrobný popis. Proto je tak důležité zachytit účel formuláře co nejméně slovy.

Po názvu může následovat krátký popis toho, co může respondent od formuláře očekávat. Zachovejte to co nejvíce neutrálně: chcete se ujistit, že vaši respondenti odpoví upřímně, spíše než se snaží splnit vaše očekávání. I něco tak jednoduchého, jako je načrtnutí cíle, může nevědomky přimět vašeho respondenta, aby se pokusil dosáhnout tohoto cíle.

Nyní je také čas na seznam všech externích dokladů, které by měl respondent shromáždit předem - nikdo nechce pobíhat kolem domu a hledat své P45 nebo cestovní pas do poloviny.

Pokud je zaručeno, že váš formulář zabere značné množství času na dokončení, upozorněte na to uživatele předem. Ale pokud je to „rychlé a snadné“? Nechte uživatele být příjemně překvapeni (tj. Neriskujte, že budete urazit inteligenci někoho, jen pro případ.) Budou to moci odvodit sami tím, že se podívají na ukazatel průběhu nebo na několik polí.

2. Umístěte související záhlaví a záhlaví

Zábavná skutečnost: lidé vytvářejí první dojmy za 50 milisekund. Spoiler: to prostě nestačí, aby si mohli vaši kopii pozorně přečíst.

Respondenti formuláře pravděpodobně načtou holé minimum a zbytek ignorují. Šance, že jsou ve spěchu, rozptýlení nebo obecně netrpěliví, aby si to prožili a udělali s nimi.

Dost spravedlivé. Nemůžeme je zastavit, abychom je mohli také vést: křišťálově čistým a stručným nápisem. Záhlaví jsou vaším novým nejlepším přítelem: objasňují text, dělí jej, dávají mu strukturu a udržují uživatele v interakci.

Uživatelé by měli mít možnost nahlédnout do záhlaví a okamžitě vědět, co se od nich očekává, aniž by museli číst zbytek textu.

Nejlepší způsob, jak to otestovat, je přečíst si záhlaví izolovaně - stále to dává smysl?

3. Rozdělte otázky rozdělovači

Oddělovače záleží. V případě tradičních forem je použití rozdělovačů nejlepším způsobem, jak omezit ohromení vizuálním rozdělením otázek. Nemusíte mít velké množství vizuálních rozdílů a příliš mnoho kontrastu může rušit.

4. Rozhodněte se, zda budete používat vícestránkový nebo jednostránkový formulář

Závisí to na počtu sekcí.

Pokud existují pouze jedno nebo dvě témata, je nejlepší sázkou jednostránkový formulář. Má-li však formulář více sekcí, je třeba rozdělit konverzaci více stránek. Přemýšlejte o prvních dojmech: uživatel se pravděpodobně bude cítit zastrašený, pokud bude čelit jednostránkovému formuláři obsahujícímu (jak vypadá) stovky polí.

5. Zdůrazněte výzvy k akci (CTA)

Úspěšné CTA zdůrazňují část AKCE: po kliknutí na toto tlačítko, co bude uživatel dělat? Obecné štítky, jako je „odeslat“, „odeslat“ nebo „zpracovat“, jej nezkrojí. Čím popisnější, tím lepší.

Chcete-li vyloučit nejistotu, zkuste odpovědět na otázku „Chci…“ z pohledu uživatele. Pokud se jedná například o formulář žádosti o službu, může to být „Žádost o bezplatnou konzultaci“.

Potřebujete přesvědčivější? V této studii Unbounce zjistil, že dokonce i změna „zahájení bezplatné zkušební verze“ na „zahájení bezplatné zkušební verze“ zvýšila kliknutí o výzvu k akci o 90%.

6. Identifikujte pole formuláře

Teď není čas na fantazii ....

Pole rádia, pole výběru a zaškrtávací políčka fungují, protože jsou prostá a známá. Standardní formátování prvků formuláře se rovná lepší použitelnosti.

Přepínače lze použít, když existuje několik možností a lze vybrat pouze jednu. Zaškrtávací políčka fungují nejlépe, pokud lze vybrat více než jednu možnost.

Pokud je to možné, použijte spíše zaškrtávací políčka a přepínače než rozbalovací nabídky, protože ke zpracování vyžadují méně kognitivní zátěž. Jak jednou poznamenal Luke Wroblewski: „rozevírací seznamy by měly být uživatelským rozhraním poslední instance.“

7. Nikdy nezapomeňte stránku „Díky“

Pamatujte, že vaši respondenti jsou lidé, kteří vám poskytli trochu času. Takže nedělejte náhle - vždy děkuji.

Jak psát, aby lidé poslouchali

Níže uvádíme několik tipů na umění psaní formulářů, aby je lidé vyplnili.

8. Mluvte jednoduše

Pokud jde o formy, všichni dáváme přednost obyčejnému jazyku - dokonce i akademikům mezi námi, géniusům a odborníkům. Proč tedy tolik online konverzací zní, jako by byly vloženy skrz tezauru zpět?

"Laskavě přijměte naši upřímnou omluvu." Přesto bychom chtěli znát váš názor. Dále… “

Psaní jako váš starý vysokoškolský profesor odcizí čtenáře a přiměje oči k zasklení.

Simple se nerovná hlouposti - je to čitelné. To znamená prostou angličtinu s maximální srozumitelností. Každé slovo by mělo být nejkratší a nejjednodušší dostupnou verzí - to znamená „ale“ namísto „nicméně“. Žádné žargony, žádné složité věty.

Chcete-li zkontrolovat koherenci, přečtěte si nahlas svůj text. Vaše uši by mohly slyšet, co vaše oči nevidí - zejména v rozích, kde se váš psaní zakopne o nejhorší území.

9. Ať je to osobní

Formulář by se měl cítit jako přátelský rozhovor mezi vámi a respondentem. Udělejte to osobním pomocí zájmenů jako „já“, „vy“ a „váš“.

10. Eliminujte pasivní věty

Psaní zabalí další punč, když je aktivní (John napsal stížnost), ne pasivní (stížnost byla napsána Johnem).

Pasivní psaní bývá zdlouhavější a méně zaměřené.

Jak zjistíte, zda je věta pasivní? Zde jsou dvě mrtvé dárky:

  • Subjekt provádějící akci je nejasný (byl napsán dopis) nebo
  • Tato věta používá sloveso „být“ (bylo, bylo…) následované účastníkem (např. „Napsáno“).

Stále si nejste jisti? Pasivy můžete zkontrolovat pomocí statistiky čitelnosti aplikace Microsoft Word nebo pomocí metody Purdue's Paramedic Method.

11. Vystřihněte co nejvíce slov

Mnoho spisovatelů upadá do pasti myšlení, že čím více slov používají, tím chytřejší jsou. Není tak. Pokud jde o psaní formulářů - nebo skutečně o jakýkoli druh psaní - řezání slov je téměř vždy účinnější než jejich přidání.

"Za každé slovo, které vyřízneš, získáš čtenáře."

Po pečlivé kontrole nadbytečných slov se objeví text štíhlejší, soudržnější, poutavější a přesnější.

Užitečné oblasti pro řezání:

Příslovce (slova končící v -ly).

Bezvýznamné kvalifikátory (hodně, hodně).

Prázdné zesilovače (velmi, docela, spíše, opravdu).

Slovo „to“.

Neesenciální informace.

Vague slova (věc, málo, mnoho).

12. Používejte smluvní verze slov

Používání smluvních verzí slov (např. Nemůže, není) namísto jejich seriózních, plně formovaných alternativ (nemůže, není)) udržuje psaní lehké, přátelské a konverzační.

Navíc ušetříte místo. A dobré formy jsou vždy prostorné.

Co je to? Jednoduchý.

13. Vystřihněte dlouhé věty

Zdlouhavé, meandrující věty vyvolávají ohromení. Stejně tak husté bloky textu.

Pro většinu čtenářů je až 20 slov za větu - a až tři věty za odstavec - správné. Splice něco déle ve dvou. Krátké věty nejsou podřadné.

Prázdné místo, odrážky, tabulky - cokoli jiného, ​​co prorazí mlhu těžkých pokynů - způsobí, že čtenář vydechne úlevou.

14. Zkontrolujte psaný obsah

Během mé cesty s blogováním jsem se (tvrdým způsobem) dozvěděl, že dobré psaní je 30% složení a 70% editace.

Když zdokonalíte své otázky, omezíte slova a vše utáhnete, odložte formulář. Nechte to pár dní dušené. Když se k tomu vrátíte, zjistíte, že jste uvázli, že jste poprvé neviděli.

Psychologie forem

Většina psychologických principů UX je v naší psychice zabudována tak, že si jich nevšimneme - pokud tam nejsou.

Každá barva, písmo, řádek a tlačítko však slouží účelu.

Denní design v malém měřítku nemusí být tak dramatický jako marketingové kampaně v hodnotě miliard dolarů. To však neznamená, že by to mělo být méně promyšlené. A pochopení psychologie, která způsobuje, že lidé tikají, je fascinující - a zdarma.

Zde jsou některé klíčové psychologické zásady, které tvoří pevný základ pro dobře navržené formy.

15. Porovnejte náklady a přínosy

Každé rozhodnutí, které uděláme - od vyjmutí koše po zapojení - prochází automatickou analýzou nákladů a přínosů v našich myslích. Platí náklady na úkol výhody jeho dokončení?

Je úkolem designéra zajistit, aby vnímané přínosy vždy převažovaly nad náklady.

Samozřejmě, že náklady vs. přínosy jsou subjektivní a vyplňování formulářů obvykle pramení z povinnosti, spíše než z aktivity, kterou respondenti doufají, že něco získají. Nemůžeme zajistit výhody, pokud nenabídneme našim respondentům odměnu. Můžeme však minimalizovat náklady.

Některé klíčové strategie pro minimalizaci nákladů pro vaše respondenty:

16. Text bloku

+ 1–919–555–2743 vs. 19195552743.

Které telefonní číslo se drží v mozku? První samozřejmě. Je to proto, že bylo vytrhnuto.

Chunking je praktická paměťová technika: používáme ji pro naše bankovní kódy PIN, čísla sociálního zabezpečení a kódy skříňky. Jedná se o proces uspořádání informací do „bloků“, což usnadňuje uchovávání, zpracování a vyvolávání obsahu.

Výzkum tvrdí, že tři je magické číslo, které lidem pomáhá absorbovat a vyvolávat informace. Použijte ji, když můžete: pro odstavce, seznamy, klíčové kroky ...

17. Definujte požadavky na formátování

Pokud je to možné, vyvarujte se libovolných pravidel formátování. Jsou-li však nezbytným zlem, vyhláskujte je červeným perem. Při vyplňování formuláře nikdo nemá rád hádání her. Požadavky na heslo, pravidla syntaxe, číslované mezery: pokud pole vyžaduje určitý vstup, zviditelněte jej.

Hicksův zákon

Pokud pořádám večeři, vždy se rozhodnu pro nákup svých ingrediencí od malého místního obchodu s potravinami, než z rozlehlého supermarketu. Je to proto, že příliš mnoho možností se často cítí ochromeně. To je Hicksův zákon: uvádí, že jak se náš počet možností zvyšuje, zvyšuje se i náš čas strávený pokusem o rozhodnutí.

Hicks Law, aplikovaný na UX, je ódou pro záměrné odstranění: omezuje možnosti navigace a dává uživatelům jasné, ale omezené možnosti. Protože se zvyšuje flexibilita designu, jeho použitelnost klesá.

Méně opravdu je více.

Některé způsoby uvedení Hicksova zákona do praxe:

18. Bezohledně řez (znovu)

Jaký účel tento odkaz slouží? Nebo to tlačítko vpravo nahoře? Pokud to nepřidává, odebírá to. Každé slovo kopie, každý obrázek, zvonek nebo píšťalka, které nejsou 100% nutné, sníží míru konverze ve formuláři.

Neil Patel byl schopen zvýšit míru zasílání kontaktních formulářů o 26% jednoduše odstraněním jediného pole.

Jak jednou řekl Truman Capote, „věřím v nůžky více než v tužku.“

19. Snižte potřebu psaní

Psaní je časově nejnáročnějším a nejintenzivnějším aspektem online formulářů a často vede k chybám - zejména u mobilních telefonů. Nahrazení textových polí tlačítky a posuvníky a použití automatického doplňování sníží úsilí a zvýší počet konverzí.

20. Zkraťte formulář s podmíněnou logikou

Podle Marketing Insider Group 78% uživatelů internetu říká, že obsah související se značkami zvyšuje jejich záměr nákupu. A marketingové kampaně jsou o 83% méně efektivní, když je pro uživatele irelevantní.

Takže, díky bohu za podmíněnou logiku!

Podmíněná logika (nebo „pobočková logika“) zjednodušuje složité procesy tím, že umožňuje další pokyny založené na konkrétní reakci - nebo „pokud je to tak, pak.“ V souvislosti s formulářem by respondent viděl pouze otázky, které se na ně vztahují na základě jejich předchozích odpovědí.

Použití podmíněné logiky zkrátí čas potřebný k vyplnění formuláře tím, že nezobrazí otázky, které jsou pro uživatele irelevantní, a tím je méně pravděpodobné, že opustí úkol před sebou (statistika o opuštění).

Ano, zní to jako zdravý rozum - ale většina forem papouší stejné otázky každému uživateli, bez ohledu na to, kdo jsou. A použití podmíněné logiky je oboustranně výhodné, protože jasným definováním segmentů uživatelů zachycujete čistší a užitečnější data.

Teorie dvojího kódování

Říkám: strom.

Vidíte: kmen, zelené listy, větve.

Náš mozek je tak chytrý: spojuje vizuální prvky se slovy.

To je klíčový princip teorie dvojího kódování, který uvádí, že paměť má dva různé, ale propojené systémy, jeden pro verbální informace (strom) a druhý pro vizuální informace (kmen, zelené listy, větve).

Pokud je něco „kódováno“ dvěma způsoby (vizuálními a verbálními), existuje vyšší šance, že bude pochopeno a zapamatováno, než kdyby bylo kódováno pouze jedním způsobem (vizuálními nebo verbálními).

Jinými slovy, párování slov s obrázky jim usnadní zapamatování. Dětské knihy toho využívají co nejlépe. Při navrhování formuláře existují dva způsoby, jak uvést do praxe teorii dvojitého kódování.

21. Vizualizujte informace

Naše mozky zpracovávají vizuály mnohem rychleji než text. Používání podnětů, jako jsou ikony, snímky, tvary - ať už je to cokoli, co ilustruje váš názor - učiní uživatele intuitivnějším.

Návrh formuláře by měl být konzistentní, ale to neznamená, že nemůže integrovat malé momenty překvapení. Použitím nestandardních vizuálních prvků uživatelského rozhraní - jako jsou obrázky, na které lze kliknout a přepínané posuvníky - můžete vyplňovat formuláře příjemnějším a intuitivnějším způsobem.

22. Zvažte barvy

Věděli jste: 90% našeho prvotního posouzení produktu je založeno pouze na barvě?

Ve skutečnosti je podle marketingového guru Neil Patel barva „85% z důvodu, proč jste si zakoupili konkrétní produkt.“ Správná kombinace může zlepšit čtenářství o 40%, porozumění o 73% a učení o 78%.

Nemusíte být designérem, abyste zjistili, která barevná schémata a kontrasty fungují nejlépe. Existují užitečné programy jako Adobe Color CC a Paletton, které vám pomohou vybrat si paletu, která odráží image vaší společnosti.

23. Udělejte svůj tvar krásným

Mělčí tvorové, kterým jsme, jsme přesvědčeni, že atraktivní design je lepší i v jiných ohledech: rychlejší, chytřejší a snadnější použití. Říká se tomu „efekt estetické použitelnosti“. Krásné rozhraní zvyšuje naši trpělivost a loajalitu a dokonce nás činí sympatičtějšími k návrhovým problémům.

Pokud je obsah nebo rozvržení neatraktivní, přestane 38% lidí interagovat se stránkou. Jinými slovy, pokud vaše webové formuláře nejsou krásné na pohled (a snadno se vyplňují), jsou ztráta času.

Jistě, krása je v oku pozorovatele. Ale jednoduché rozhraní, čisté písmo a elegantní styl vás získají (formují) krásy.

Efekt dotovaného pokroku

Jsme více motivováni k dokončení úkolu, pokud si dokážeme představit pokrok, kterého jsme k němu již dosáhli. Když si myslíme, že máme náskok, snižuje to množství vnímané práce, což zvyšuje pravděpodobnost, že půjdeme další kilometr.

Toto je známé jako „Endowed Progress Effect“, shrnuli američtí profesoři Joseph C. Nunes a Xavier Dreze jako „jev, kdy lidé s umělým pokrokem směrem k cíli projevují větší vytrvalost k dosažení cíle“.

Některé příklady použití efektu Endowed Progress na formuláře:

24. Ohromující otázky od lehkých po těžké

Pokud můžete uvolnit otázky od jednoduchých na začátku formuláře až po těžké (bez obětování logického pořadí), uživatelé urychlí počáteční fáze formuláře. To zase vyvolá efekt pruhu: spokojenost generovaná rychlým pokrokem a pocitem hybnosti, díky kterému se uživatelé zdráhají přerušit pruh. Znamená to, že budou pokračovat a je pravděpodobnější, že se zavěsí, až bude forma náročnější.

25. Ilustrujte pokrok

Vždy odrážejte pokrok uživatele. Čím bližší respondenti cítí svůj cíl, tím je pravděpodobnější, že se k němu budou tlačit. Pokud je váš formulář vícestránkový, uveďte, kolik stránek zbývá dokončit.

Studie společnosti Clutch potvrzuje, že 90% lidí dává přednost webovým formulářům, které používají ukazatele pokroku k řízení svých očekávání ohledně doby dokončení.

Otázky, odpovědi a seskupení

26. Brainstorming otázky

Všechny formy se spoléhají na otázky. Pokud jde o brainstormingové otázky, je nejlepší začít s konečným cílem a pracovat pozpátku.

Vaše první otázka tedy zní: Jaký je účel vašeho formuláře? Je to na palubě? Zpětná vazba? Výzkum?

Zapište si co nejvíce přesně z toho, co z formuláře chcete získat. Toto vyjádřete jako otázky (s otazníkem na konci) namísto úryvků z vaší myšlenky. Dejte si dost času na vymazání a začněte znovu.

Poté si napište několik možných odpovědí, které vám poskytnou to, co hledáte.

A konečně, brainstorming otázky, které by vás k těmto odpovědím v první řadě.

Jako preventivní opatření po průzkumu si poznamenejte% věk odpovědí na otázku, kterou byste očekávali. Porovnáním těchto odhadů s vašimi skutečnými výsledky odhalíte slepá místa a věnujte pozornost příštím kolům.

Tento proces předběžného průzkumu také provede váš návrh a ušetří vám čas.

Věda o oborech

Podle zprávy o převodu formuláře má typ formuláře přímý dopad na počet polí, která byste měli zahrnout. Velmi pečlivě přemýšlejte o tom, kolik detailů potřebujete pro kontext, ve kterém se nacházíte.

Nyní se zeptejte sami sebe: Opravdu, opravdu, opravdu musíte položit tuto otázku?

Šance jsou odpověď není. I když známe sílu méně, když čelíme možnosti dostat nahlédnout do mozku našich uživatelů, je lákavé požádat o hodně.

Ano, odpověď na tuto otázku může být důležitá. Je ale tak důležité, že stojí za to ztratit formu respondenta?

Potřebujete spolupráci vašich uživatelů. A díky každému dalšímu poli je méně pravděpodobné, že vyplní váš formulář. Jakmile tedy uvedete všechny možné otázky a odpovědi, zkuste je snížit na co nejvíce. Přemýšlejte o dalších způsobech sběru dat a zvažte, zda lze otázku vyvozovat, odkládat nebo zcela vyloučit.

Odstraňte volitelné otázky úplně. Pokud je musíte zahrnout, uveďte je po vyplnění formuláře.

27. Seskupte otázky správně

Struktura online formulářů je klíčem k úspěchu.

Poté, co jste brainstormed, oříznout a upřesnit konečný seznam otázek, je čas uspořádat je. Uspořádejte je do skupin a podskupin s hlavičkou „motivu“, která je drží pohromadě, např. kontaktní údaje, pracovní zkušenosti atd.

Opět by měl být uživatel schopen prohledat každou sekci a vědět, co potřebuje, aniž by četl otázky.

28. Definujte logickou posloupnost otázek

Další na seznamu je pořadí otázek. Obecně platí, že čím bližší jsou tematické otázky, tím blíže by měly být fyzicky umístěny dohromady.

Každá otázka a sekce by měla respondenta přiblížit k další. Velké mezery nebo skoky vpřed jsou matoucí, takže přemýšlejte o tom, jak se forma vyvíjí krok za krokem v rozpoznatelné sekvenci.

Prostřednictvím kondicionování můžeme rozpoznat některé typy toků snadněji než jiné. Například: „Jak se jmenujete?“ Přijde před „Kde bydlíte?“, Což zase přijde před „Jaká je vaše pracovní zkušenost?“ “

29. Rozhodněte o „povinném vs. volitelném vs.„ pěkném “

Doporučujeme omezit formulář pouze na povinné otázky. Volitelné otázky zbytečně prodlužují formu a dráždí uživatele: „Kde jste se o nás dozvěděli?“ „Chtěli byste dostávat marketingové e-maily?“

Ale co otázky, které nejsou povinné, ale bylo by to velmi „milé mít“? Umístěte je na konec formuláře jako volitelný doplněk. Tímto způsobem se budou cítit méně invazivní a neovlivní váš konverzní poměr.

30. Zeptejte se jedné věci najednou

Otázky s dvojitým sudem vedou k dvojznačnosti. A - uhodli jste - nejasné odpovědi nelze kvantifikovat.

Vyhněte se úskalí meandrujících otázek tím, že je prohledáte na slova „a / nebo“. Rozdělte otázku na polovinu.

Čím jasnější otázka, tím jasnější odpověď. Čím jasnější odpověď, tím jasnější data.

31. Udělejte zkratky

Dobrý formulář vytyčuje jasnou cestu k dokončení, poté pečlivě provede uživatele spolu s vodítky, narážkami a směrem. Čím kratší trasa, tím vyšší je šance na dokončení. Pokud je to možné, nabídněte zkratky.

Několik užitečných zkratek:

Vyhledání PSČ

Při žádosti uživatelů o vyplnění adresy je doporučeno požádat pouze o číslo domu a PSČ nebo PSČ a poté pomocí vyhledávací služby navrhnout celou adresu.

Zástupný text je světlý text, který se objeví v poli formuláře a popisuje jeho očekávanou hodnotu. Měl by být použit pouze v případě potenciální dvojznačnosti.

Popisek pole

Popisek pole je text otázky, který je umístěn nad polem. Ty by měly být vždy přítomny a neměly by být nahrazeny zástupnými symboly. Je lákavé uvolnit místo dvojitým zástupným textem jako štítkem, ale to způsobuje mnoho problémů s použitelností (shrnuto zde).

Jinými slovy, můžete mít štítky bez zástupného textu, ale nikoli zástupný text bez štítků.

Předdefinované odpovědi

Každý má rád předdefinované odpovědi. Šetří vašemu čtenáři čas a snadno se hodnotí.

Odpovědi můžete předdefinovat kladením otázek Ano / Ne, jedním výběrem (rádio) nebo více výběrem (zaškrtávací políčko). V případě odpovědi, kterou nemůžete předvídat, přidejte textové pole „Jiné“, aby čtenáři mohli zadat vlastní odpověď.

Prediktivní vyhledávání

Když uživatelé požádají, aby si vybrali svou zemi, zaměstnání nebo něco jiného s velkým počtem předdefinovaných možností, pomůže zajistit funkci prediktivního vyhledávání, aby se snížilo požadované psaní (a kognitivní zatížení).

Publikum, účel a kontext formuláře

Vaše forma je pouze polovinou rovnice. Je aktivní, ne pasivní. A jeho činnost závisí na vašich respondentech. Musí být začleněny do rámce od samého začátku.

Formuláře jsou prostředkem pro komunikaci. Zapojeny jsou dvě strany.

Takže při navrhování formuláře musíte také myslet z pohledu uživatele ... A to začíná jejich účelem a kontextem.

Proč by měl někdo vyplnit váš formulář? Jaký je jejich účel? Napište to.

Účel je zasazen do kontextu, takže v kontextu vaší mysli je kontext specifický. Kde a jak vyplňují formulář? Doma? Na notebooku? V mobilu? Na metro?

Kontext není jen prostředím. Je to o tom, jak vaši účastníci pochopí, čeho může vaše forma dosáhnout, s jejich pomocí.

32. Vím, s kým mluvíš

Formulář musí upoutat pozornost správného publika - takže z koho je toto publikum složeno?

Myšlení v široké, mlhavé masě lidí nepomůže. Chcete-li soustředit svou mysl, zdokonalte se na jedné osobě - ​​nebo na „kupující osobě“.

Představte si fiktivního ideálního zákazníka s prací, osobností, rodinou, nadějí a sny. Zaměřte tuto osobu na ostré zaměření. Kde žijí a pracují? Jaké jsou jejich názory a hodnoty? Jak souvisí s vaší firmou?

Pokud zjistíte, co je pro tuto představivou osobu smysluplné, budete mít lepší předpoklady k tomu, abyste shromažďovali otázky, které vedou k smysluplným údajům.

Toto je osoba, na kterou se musíte stále odkazovat. Toto je osoba, jejíž odpovědi potřebujete.

Vizuální podoba a struktura formulářů

Překvapení je skvělé k narozeninám, ale ne při vyplňování formulářů. Uživatelé by měli být ukolébáni v rytmu a opakování při práci na otázkách, s vědomím, že tlačítka, pole pro zadávání a vše ostatní budou stejné stránky od stránky.

Konzistence podpoří hladký zážitek z vyplňování formulářů. To znamená, že barvy by měly být stejné, vizuální by měly být stejné, TOV by měly být stejné.

Jaká je vaše společnost? Jaké fráze a slova to dokazují? Jaké jsou vaše hodnoty?

V JotForm se zaměřujeme na to, abychom byli inkluzivní, přátelští a na Zemi - a jazyk, který používáme, to odráží.

Když jste definovali tón vaší značky, udržujte jej ve všech svých formách - váš zákazník by se měl cítit, jako by komunikoval se stejným přátelským člověkem na každém kroku.

Vizuální konzistence je stejně důležitá. Přijměte vizuální identitu a styl, který si zachováváte v celé své formě (a ve zbytku forem, které vytvoříte v budoucnu).

33. Zarovnejte štítky vlevo nahoře

Vědci společnosti Google UX zjistili, že zarovnání štítků nad poli na levé straně prodlužuje dobu vyplňování formuláře, protože vyžaduje méně „vizuálních fixací“.

34. Vyvarujte se kladení otázek vedle sebe.

Studie zaměřené na sledování očí ukázaly, že jednoduchá rozložení ve jednom sloupci jsou lepší než rozložení ve více sloupcích s otázkami umístěnými vedle sebe.

Jedinou výjimkou z tohoto pravidla je požadavek na data (den, měsíc, rok) nebo čas (hodiny a minuty), kdy se očekává, že na jednom řádku bude více polí.

35. Vyzkoušejte jednu stránku na stránku

Jedna věc na stránku je psychologická technika definovaná jako:

… “Rozdělení složitého procesu na několik menších kusů a umístění těchto menších kusů na vlastní obrazovky.”

Uživatelé se v podstatě musí soustředit pouze na jednu důležitou věc.

  • Jedna informace, kterou je třeba pochopit.
  • Jedno rozhodnutí učinit.
  • Jedna otázka na odpověď.

Stránka bez chaosu vybízí uživatele, aby zůstali na úkolu.

36. Jako odměnu použijte délku pole

Vždy upravte šířku pole tak, aby bylo dostatečně dlouhé na to, aby obsahovalo všechny znaky vstupu (uživatelé by měli mít možnost vidět jejich úplné zadání), a už ne.

Velikost pole by měla odrážet, kolik textu by měl uživatel zadat. Pole jako PSČ nebo číslo domu by měla být kratší než řádek adresy.

Studie použitelnosti Baymard Institute zjistila, že pokud je pole příliš dlouhé nebo příliš krátké, uživatelé se začnou ptát, zda správně porozuměli označení. To se týká zejména polí s neobvyklými údaji nebo technického označení, jako je CVV (Card Verification Code).

Pokud jste pro JotForm nováčkem, můžete se při strukturování online formuláře vždy odkazovat na tutoriál JotForm pro návrh formulářů. S pomocí výukových videí můžete z návrháře formulářů společnosti JotForm udělat maximum.

Chyby a cesta k dokončení při návrhu formuláře

Stejně jako v životě je to možné při vyplňování formulářů.

A stejně jako v životě je klíčovou otázkou signalizace chyb a umožnění rychlé opravy.

37. Nespoléhejte se pouze na barvu

1 ze 12 mužů má určitý stupeň barevné slepoty.

Při zobrazování chyb ověření nebo úspěšných zpráv se nespoléhejte na používání zeleného nebo červeného textu (protože červenozelená barevná slepota je poměrně častá). Používejte texty, ikony nebo něco jiného. Karty JotForm varují uživatele pomocí mikro-animace, která se třese „ne“, když dojde k chybě.

38. Zadejte chyby inline

Ukažte uživateli, kde došlo k chybě, a uveďte důvod.

Pokud musíte použít ověřování, ujistěte se, že je vložený (napravo od pole) a včas hlásí chyby.

Nečekejte, až uživatel zasáhne odeslání a nahlásí chyby ověření. Stejně tak by inline validace neměla být v reálném čase, protože je pravděpodobné, že dojde k hlášení chyb dříve, než uživatel vyplní pole.

39. Použijte ověření pole

Vyžádáte si e-mailovou adresu a obdržíte odpověď bez znaku @. Vyžadujete telefonní číslo a polovina vašich odpovědí neobsahuje dostatek číslic.

Překlepy by neměly být překážkou použitelnosti vašeho formuláře.

Pomocí „ověření pole“ se ujistěte, že dostanete odpovědi, které potřebujete, například „Odpověď musí obsahovat ___“.

Karty JotForm získají e-mailovou adresu uživatele, který nesprávně zadal název domény; [email protected] by měl být [email protected]

40. ... ale nebuďte příliš přísní

Pokud existuje mnoho rozdílů v tom, jak uživatelé odpovídají na pole (například reagují na „telefonní číslo“ s +12345678912, +44 12345678912, 012345678912), převeďte je do konzistentního formátu.

Co je to platební formulář?

Platební formulář je pokladna v digitální verzi. Autorizuje online platbu, ověřuje podrobnosti uživatele, kontroluje dostupné finanční prostředky a zajišťuje, že dostanete zaplaceno.

Integrace plateb má mnoho výhod. Pomáhají vám

  • prodávat produkty nebo služby;
  • aplikovat na tyto prodeje složité výpočty, jako je přidání daní a přepravních nákladů nebo odečtení kupónů;
  • uveďte popisy svých produktů, jako jsou obrázky, množství, barvy a možnosti velikosti;
  • sbírejte dary a platby v pevné výši nebo tyto platby opakujte s předplacenou službou.

Při navrhování platebního formuláře je nezbytné dodržovat osvědčené postupy. Zde jsou některá klíčová pravidla.

41. Omezte platební kroky

Baymardův institut analyzoval formuláře výplaty a zjistil, že proces výplaty, který je příliš dlouhý nebo příliš komplikovaný, je jedním z hlavních důvodů opuštění během výplaty. Takže ořízněte pole, ořízněte a znovu ořízněte.

42. Používejte vizuální ukazatele bezpečnosti

Při zadávání citlivých údajů, jako jsou například údaje o kreditní kartě, budou uživatelé upozorněni na vše, co se zdá být riskantní. Nedávná studie odhalila, že 17% nakupujících opustilo stránku bez placení kvůli obavám o bezpečnost.

Profesionální platební formuláře uživatelům ulehčují, zatímco vše, co vypadá „off“, je zvýší. Z tohoto důvodu byste měli být opatrní při vytváření platebního formuláře od nuly - i ty nejmenší chyby nebo nekonzistence mohou uživatele odradit.

Pomáhá také povolit SSL ve vašich formulářích, což pomáhá chránit data. Návštěvníci získají klid s vědomím, že všechny interakce jsou šifrovány. JotForm je nejbezpečnější způsob přenosu dat: jsme kompatibilní s průmyslovým zabezpečením dat platební karty (PCI DSS) úrovně 1 a povoleno SSL.

43. Jasně vysvětlete, proč požadujete citlivé informace

Lidé se stále více zajímají o ochranu soukromí a informací. Pokud musíte požádat o citlivé informace, ujistěte se, že vysvětlujete, proč jsou potřebné, pomocí podpůrného textu pod polem.

44. Uložte data

Díky možnosti uložit informace o své adrese a platbě uživatelům je tento proces rychlejší a efektivnější - zejména na chytrých zařízeních, jako jsou mobilní telefony. To také dává opakovaným zákazníkům pocit odměny a loajality.

45. Jak přidat platební integraci s JotForm

Krok 1: Přidejte své logo značky a vlastní styly.

Krok 2: Zadejte integrační pověření pomocí tlačítka připojení nebo je zadejte přímo.

Krok 3: Přidejte obrázek produktu, podrobnosti o produktu, jako je množství, barva, velikost.

Krok 4: Vypočítejte si kupóny, daně a dopravu.

Pomocí integrace objednávek můžete zkontrolovat podrobnosti a možnosti pro vytvoření pole obecných plateb (to nevyžaduje žádné přihlašovací údaje, protože nevytváří skutečnou transakci). Jako příklad si můžete prohlédnout integrační příručku Sofort jako příklad k procházení celým platebním procesem.

Krok 5: Napište osobní e-maily s automatickým zasíláním poděkování.

Vše připraveno. Nyní můžete své produkty snadno prodávat na webech, blogech nebo sociálních médiích.

Po vyplnění formuláře ...

Hurá, hotovo! Téměř. Možná je váš formulář hotový, ale ještě není čas jej odeslat.

Je třeba mít na paměti několik posledních kroků.

46. ​​Před sdílením otestujte svůj formulář

Všichni máme slepá místa. A když úspěch formuláře závisí na kvalitě dat, je dobré být opatrný. Předběžným testováním průzkumu se proto ujistěte, že jste poskytli robustní výběr odpovědí a že jste nic nevynechali.

Pošlete ji rodině / přátelům a požádejte je, aby sledovali, jak dlouho jim trvá, než odpoví na průzkum, a jak zažívají tok otázek. To vám pomůže příští kolo vyhodnotit návrh formuláře.

Původně zveřejněno na adrese https://www.jotform.com