Végső útmutató a formatervezéshez: Hogyan lehet online űrlapokat konvertálni

Kitöltött egy online űrlapot a közelmúltban?

Valószínű, hogy a válasz igen. A legfrissebb kutatások szerint az emberek 84% -a hetente legalább egy internetes űrlapot kitölti.

De valószínűleg nem is vette észre, mert a webes űrlapok kitöltése életünk szinte szerves részévé vált.

Valójában szinte minden olyan online interakció, amely egy felhasználót A-tól B-ig tart, online on-line űrlap: kapcsolatba lép egy társasággal, vonat foglalása, termékvásárlás, szállodai tartózkodás megszervezése…

A webes űrlapokat először 1994-ben kezdték el használni az online értékesítésben, és 2006-ban az első drag and drop formák nyíltak meg képernyőinkre. Azóta az űrlapok az online interakciók kulccsá váltak.

Ezek a kapuk a társaság és az ügyfél között. A kisvárosok blogjaitól a globális kormányzati portálokig szinte lehetetlen elképzelni egy weboldalt ilyen nélkül.

Miért van az online űrlapok ilyen rossz rep?

Természetesen nagyon kevés ember szereti a formákat. De a legtöbb nem veszi figyelembe, ha kitölti, amíg tiszta, tömör és jól megtervezett.

És itt fekszik a dörzs. Túl sok online űrlap túl hosszú, zavaró vagy invazív (és néha mindhárom egyszerre).

Ha egy űrlap megzavar, csalódást okoz, vagy a szükségesnél többet kér, a válaszadó felmondásának kockázata magas. Vannak, akik teljes egészében el fogják hagyni az űrlapot. Mások leiratkoznak. Akárhogy is, nem valószínű, hogy második esélyt kapsz.

Az űrlap megtervezésekor hogyan biztosíthatjuk, hogy a válaszadók bekapcsolódjanak az utolsó kattintásig?

„Nagyon könnyű űrlapot létrehozni. A nehéz feladat az, hogy az embereket valóban kitöltsék. ”

Miután segítettünk 4,5 millió felhasználónknak online űrlapokat létrehozni, a JotFormban megtanultuk a legfontosabb dolgot, hogy a látszólag finom változások világot változtatnak. Gyakran ezek különböznek egy formát, amely átalakul az elhagyotttól.

Például:

  • A HubSpot megállapította, hogy az olvasók 17% -kal nagyobb valószínűséggel töltenek be 14 vagy több oldalból álló ólom generációs űrlapot, amikor azt külön céloldalra helyezték el.
  • Marketo megállapította, hogy néhány nem alapvető fontosságú mező 25% -kal megemelte az ólomköltséget.

Űrlapot tervez? Legyen intuitív, egyszerű és barátságos élmény. Ez az útmutató megmutatja, hogyan.

Az űrlap fő alkotóelemei

1. Üdvözölje a válaszadókat: Cím és bevezetés

Üdvözölné a barátait anélkül, hogy köszönne? Tudjuk, hogy milyen fontos a jó modor, de az online szférában gyakran eltévednek a fordításban.

A cím és az üdvözlő oldal lehetőséget ad arra, hogy tiszta és barátságos módon bemutassa formáját (és magát) - és jó első benyomást kelthessen.

Csak kérdezd meg a BettingExpert-et: 31,54% -kal több regisztrációt kapták meg az űrlap címének megváltoztatásával, hogy hangsúlyozzák, miért kell az emberek feliratkozni.

A címed a legrövidebb és legpontosabb leírása arról, hogy mi várható. A felhasználók hajlamosak lekérdezni az űrlap tartalmát, és szinte senki sem olvassa el figyelmesen a részletes leírást. Ezért annyira döntő, hogy egy forma célja a lehető legkevesebb szóval megragadja az űrlapot.

A cím után röviden leírhatja, mire számíthat a válaszadó az űrlapból. Tartsa ezt a lehető leg semlegesebbé: azt szeretné biztosítani, hogy a válaszadók őszintén válaszoljanak, és ne próbálják teljesíteni az elvárásaikat. Még egy olyan egyszerű is, mint egy cél felvázolása, akaratlanul ráveszi a válaszadót arra, hogy megpróbálja elérni ezt a célt.

Most itt az ideje, hogy felsoroljuk az esetleges külső papírmunkákat, amelyeket a válaszadónak előzetesen össze kell gyűjtenie - senki sem akarja, hogy a ház körül szaladgáljon, és félúton keresse P45-et vagy útlevélét.

Ha az űrlap garantáltan jelentős időbe telik a kitöltéssel, figyelmeztesse erről a felhasználókat előre. De ha ez „gyors és egyszerű”? Hagyja, hogy a felhasználók kellemesen lepődjenek meg (azaz ne kockáztassanak senki intelligenciájának megsértésével, csak arra az esetre.) Ezek a következmények maguk képesek lesznek arra következtetni, ha megnézik a folyamatjelző sávot vagy a mezők számát.

2. Helyezze a kapcsolódó fejléceket és alfejeket

Érdekes tény: az emberek 50 milliszekundumban készítik első benyomásaikat. Spoiler: ez nem elég hosszú ahhoz, hogy gondosan elolvashassák a másolatot.

Az űrlapon részt vevő válaszadók valószínűleg megfékezik a minimumot, és a többit figyelmen kívül hagyják. Valószínű, hogy sietnek, zavartak vagy általában türelmetlenek ahhoz, hogy átéljék és megcsinálják az élményt.

Elfogadható. Nem tudjuk megállítani őket, ezért útmutatást is adhatunk nekik: kristálytiszta, tömör jelzőtáblával. A fejlécek az új legjobb barátaid: tisztázzák a szöveget, lebontják, felépítik és megtartják a felhasználókat.

A felhasználóknak képesnek kell lenniük egy fejlécre pillantásra, és azonnal tudniuk kell, mi várható el tőlük anélkül, hogy a többi szöveget el kellene olvasniuk.

A legjobb módszer ennek tesztelésére az, ha elolvassa a fejléceket - vannak-e még értelme?

3. Break kérdéseket elválasztóval

Az elválasztóknak számít. A hagyományos formák esetében az osztók használata a legjobb módja annak, hogy a kérdések vizuális felbontása révén csökkentsék a túlterhelést. Nincs szükség különféle vizuális különbségekre, és a túl sok kontraszt elvonhatja a figyelmet.

4. Döntse el, hogy többoldalas vagy egyoldalas űrlapot fog-e használni

A szakaszok számától függ.

Ha csak egy vagy két téma van, akkor a legjobb megoldás az egyoldalas forma. De ha egy űrlap több szakaszból áll, akkor több oldalra van szükség a beszélgetés felbontásához. Gondolj az első benyomásokra: a felhasználó valószínűleg megfélemlítettnek érzi magát, ha egy egyoldalas űrlappal szembesül, amely több száz mezőt tartalmaz (úgy néz ki).

5. Hangsúlyozza a cselekvési felhívásokat (CTA)

A sikeres CTA-k hangsúlyozzák az ACTION részt: erre a gombra kattintva mit fog csinálni a felhasználó? Az olyan általános címkék, mint a „küldés”, „küldés” vagy „feldolgozás”, nem vágják le. Minél leíróbb, annál jobb.

A bizonytalanság kiküszöböléséhez próbáljon megválaszolni a „Szeretnék…” kérdést a felhasználó szempontjából. Például, ha ez egy szolgáltatás lekérdezési űrlapja, akkor az lehet „Ingyenes konzultációm kérése”.

Meggyőzőbben kell? Ebben a tanulmányban az Unbounce megállapította, hogy még az „ingyenes próbaidőszak elindítása” kifejezés „az ingyenes próbaverzió elindítása” megváltoztatása is 90% -kal növelte a cselekvésre ösztönző kattintásokat.

6. Azonosítsa az űrlapmezőket

Most nincs itt az ideje, hogy kedveskedj ...

A rádiómezők, a válogató mezők és a jelölőnégyzetek azért működnek, mert egyszerűek és ismerősök. Az űrlapelemek szabványos formázása megegyezik a jobb használhatósággal.

A választógombok akkor használhatók, ha több lehetőség van, és csak egyet lehet választani. A jelölőnégyzetek akkor működnek a legjobban, ha egynél több opciót lehet kiválasztani.

Ahol lehetséges, használja a jelölőnégyzeteket és a rádiógombokat, nem pedig a legördülő menüket, mivel ezek kevesebb kognitív terhelést igényelnek a feldolgozáshoz. Ahogyan Luke Wroblewski egyszer megjegyezte: „a legördülő listáknak az utolsó megoldás felhasználói felületének kell lennie.”

7. Soha ne felejtse el a „Köszönöm” oldalt

Ne feledje, hogy a válaszadók olyan emberek, akik időt adtak neked. Tehát ne fejezze be hirtelen - mindig köszönöm.

Hogyan kell írni, hogy az emberek meghallgassák

Az alábbiakban bemutatunk néhány tippet az űrlapok írásának művészetéről, hogy az emberek kitöltsék azokat.

8. Beszéljen egyszerűen

Ami a formákat illeti, mindannyian inkább az egyszerű nyelvet részesítjük előnyben - még köztünk lévő tudósok, a zsenik és a szakértők is. Miért hangzik olyan sok online beszélgetés, mintha egy visszamenőleges szinonimára kerülnének?

„Kérjük, fogadja el őszinte bocsánatkérésünket. Ennek ellenére szeretnénk tudni a véleményét. Továbbá, ráadásul… "

Az olyan írás, mint a régi főiskolai tanár, elidegeníti az olvasókat, és meghökkenti a szemüket.

Az egyszerű nem egyenlő hülye - olvasható. Ez azt jelenti, hogy a sima angol, maximális tisztasággal. Minden szónak a rendelkezésre álló legrövidebb és legegyszerűbb verziónak kell lennie - ez azt jelenti, hogy „de” a „mindazonáltal” helyett. Nincs žargon, nincs mondat.

A koherencia ellenőrzése érdekében olvassa el hangosan a szöveget. Lehet, hogy a füled hallja, amit a szeme nem lát - különösen azokban a sarkokban, ahol az írása beszorult területre esik.

9. Tegye személyre

Az űrlapnak barátságos beszélgetésnek kell lennie közted és a válaszadó között. Tegye személyesnévé az olyan névmások használatával, mint „én”, „te” és „te”.

10. Távolítsa el a passzív mondatokat

Az aktívabbak inkább egy puncsot írnak (John panaszlevelet írt), nem passzív (A panaszt John írta).

A passzív írás általában hosszabb és kevésbé koncentrált.

Hogyan lehet megmondani, ha egy mondat passzív? Itt van két halott ajándék:

  • Az akciót végző személy nem egyértelmű (levelet írtak) vagy
  • A mondat a 'lenni' igét használja (volt, volt ...), majd azt követik egy melléknév (pl. 'Írva').

Még mindig nem biztos benne? A passzívumok ellenőrzésére a Microsoft Word „Olvashatóság statisztikája” vagy a Purdue „Paramedic Method” módszerével férhet hozzá.

11. Vágjon be annyi szót, amennyire csak lehetséges

Sok író csapdába esik, amikor azt gondolják, hogy minél több szót használnak, annál okosabbak. Nem így van. Az űrlapíráshoz - vagy valójában bármilyen íráshoz - a szavak kivágása szinte mindig hatékonyabb, mint a hozzáadásuk.

"Minden kivágott szó után elolvassa az olvasót."

A szöveg karcsúbb, koherensebb, vonzóbb és pontosabb lesz, miután alaposan ellenőrizte a szükségtelen szavakat.

Hasznos területek a daraboláshoz:

Példabeszédek (-ly-vel végződő szavak).

Értelmetlen selejtezők (sok, nagyon sok).

Üres erősítők (nagyon, nagyon, inkább nagyon).

A 'ez' szó

Lényeges információk.

Homályos szavak (dolog, kevés, sok).

12. Használjon szavak szerződéses változatát

A szavak szerződéses verzióinak használata (pl. Nem lehet, nem is) a súlyos, teljesen megfogalmazott alternatíváik helyett (nem lehet, nem is) könnyű, barátságos és beszélgető jellegű.

Ezenkívül helyet takaríthat meg. És a jó formák mindig tágasak.

Mi> mi az. Egyszerű.

13. Törölje a hosszú mondatokat

A hosszú, kanyargós mondatok túlterhelést okoznak. Ugyanúgy, mint a sűrű szövegrészek.

A legtöbb olvasó számára mondatonként akár 20 szó - és bekezdésenként akár három mondat is - helyes. Ossza fel hosszabban kettőt. A rövid mondatok nem alacsonyabbak.

Üres hely, golyópontok, táblák - bármi más, ami áttöri a nehéz utasítások ködét - az olvasót megkönnyebbülten felsóhajthat.

14. Tekintse át az írott tartalmat

A blogírásos utazás során megtanultam (kemény út), hogy a jó írás 30% -ot jelent a kompozíció és a 70% -uk a szerkesztés.

Amikor tökéletesítette a kérdéseit, csökkentette a szavakat és mindent meghúzott, tegye el az űrlapot. Hagyja pár napig párolni. Amikor visszatérsz hozzá, meglazul a vége, hogy kötözze, amit az első körben nem tudott volna észrevenni.

A formák pszichológiája

A legtöbb UX pszichológiai alapelv annyira beépül a pszichébe, hogy nem vesszük észre őket - hacsak nincsenek ott.

De minden szín, betűtípus, vonal és gomb célt szolgál.

A kisszabású, mindennapi formatervezés nem feltétlenül olyan drámai, mint a milliárd dolláros marketing kampányok. De ez nem azt jelenti, hogy kevésbé átgondoltnak kell lennie. És az az pszichológia megértése, ami az embereket kullancsolja, izgalmas - és ingyenes.

Íme néhány kulcsfontosságú pszichológiai alapelv, amelyek megalapozzák a jól megtervezett formákat.

15. Hasonlítsa össze a költségeket és az előnyöket

Minden döntésünk - a konténerek kivételétől az elkötelezettségig - automatikus költség-haszon elemzésen megy keresztül a fejünkben. Megéri-e egy feladat költségei annak teljesítésének előnyeit?

A tervező feladata annak biztosítása, hogy az észlelt előnyök mindig meghaladják a költségeket.

A költség és a haszon természetesen szubjektív, és az űrlap kitöltése általában a kötelezettségből fakad, nem pedig a válaszadók által végzett tevékenység reméli, hogy valamit megszerez. Nem tudjuk biztosítani az előnyöket, hacsak jutalmat nem kínálunk válaszadóinknak. De minimalizálhatjuk a költségeket.

Néhány kulcsstratégia a válaszadók költségeinek minimalizálására:

16. A darab szövege

+ 1–919–555–2743 vs 19195552743.

Melyik telefonszám ragad az agyában? Természetesen az első. Azért van, mert összetákolták.

A darabolás praktikus memória-technika: használjuk banki PIN-kódjainkhoz, társadalombiztosítási számaihoz és szekrénykódjainkhoz. Arra utal, hogy az információkat „darabokra” rendezik, megkönnyítve a tartalom megőrzését, feldolgozását és visszahívását.

A kutatás azt állítja, hogy a három varázslatos szám, amely segít az embereknek az információk felvételében és visszahívásában. Tehát használja, amikor csak lehetséges: bekezdésekhez, listákhoz, kulcsfontosságú lépésekhez…

17. Határozza meg a formázási követelményeket

Ha lehetséges, kerülje az önkényes formázási szabályokat. De ha ők egy szükséges gonosz, írja ki őket a piros jelölő tollal. Űrlap kitöltésekor senki sem szereti a találgatásokat. Jelszókövetelmények, szintaxisszabályok, számozott távolság: ha egy mezőnek bizonyos bevitelt igényel, akkor tegye láthatóvá.

Hicks törvény

Ha vacsorát indítok, mindig azért választom, hogy az összetevőimet egy kis helyi élelmiszerboltból vásároljam, nem pedig egy szétszórt szupermarkettől. Ennek oka az, hogy ha túl sok lehetőség van, gyakran bénító érzés. Ez egy Hicks-törvény: kimondja, hogy ahogyan növekszik a választási lehetőségeink száma, növekszik a döntés meghozatalára töltött időnk.

Az UX-hez alkalmazva a Hicks Law szándékos megszüntetésre szolgál: korlátozza a navigációs lehetőségeket és világos, de korlátozott lehetőségeket biztosít a felhasználók számára. Mivel a tervezési rugalmasság növekedésével csökken a felhasználhatóság.

Kevésbé valójában több.

A Hicks Law gyakorlati átültetésének néhány módja:

18. Vágjon könyörtelenül (újra)

Milyen célt szolgál ez a kapcsolat? Vagy azt a gombot a jobb felső sarokban? Ha nem ad hozzá, elveszi. Minden másolat, minden kép, harang vagy síp, amelyre nincs szükség 100% -ban, csökkenti az űrlap konverziós arányát.

Neil Patel 26% -kal növelte kapcsolattartási űrlapjának benyújtási arányát, egyszerűen egyetlen mező eltávolításával.

Ahogyan Truman Capote egyszer mondta: "Többet hiszek az ollóban, mint a ceruzában."

19. Csökkentse a gépelés szükségességét

A gépelés az online űrlapok legigényesebb és legigényesebb aspektusa, és gyakran hibákhoz vezet - különösen a mobiltelefonokon. A szövegdobozok gombokkal és csúszkákkal történő cseréje és az automatikus kiegészítés használata csökkenti az erőfeszítéseket és növeli az átváltásokat.

20. Rövidítse le űrlapját feltételes logikával

A Marketing Insider Group szerint az internethasználók 78% -a szerint a márkák személyesen releváns tartalma növeli vásárlási szándékukat. És a marketing kampányok 83% -kal kevésbé hatékonyak, ha a tapasztalat nem releváns a felhasználó számára.

Szóval, köszönöm a jóságnak a feltételes logikát!

A feltételes logika (vagy az „ágak logikája”) egyszerűsíti a komplex folyamatokat azáltal, hogy egy adott válaszon alapuló kiegészítő utasításokat ad, vagy „ha ez, akkor az.” korábbi válaszuk alapja.

A feltételes logika használata csökkenti az űrlap kitöltéséhez szükséges időt, mivel nem jeleníti meg a felhasználó számára irreleváns kérdéseket, és kevésbé valószínű, hogy elhagyják az előző feladatot (stat az elhagyásról).

Igen, ez a józan észnek hangzik -, de a legtöbb papagáj ugyanazokat a kérdéseket képezi minden felhasználó számára, függetlenül attól, hogy kik ők. És a feltételes logika használata nyereséges, mivel a felhasználói szegmensek egyértelmű meghatározásával tiszta, hasznosabb adatokat gyűjt.

Kettős kódolás elmélete

Azt mondom: fa.

Látod: törzs, zöld levelek, ágak.

Agyunk ilyen okos: a látványt a szavakkal társítja.

Ez a kulcsfontosságú elv a kettős kódolás elmélet mögött, amely kimondja, hogy a memóriának két különálló, de egymással összekapcsolt rendszere van: az egyik a verbális információ („fa”), a másik pedig a vizuális információ (törzs, zöld levelek, ágak).

Ha valamit két módon (vizuális és verbálisan) „kódolnak”, akkor nagyobb az esélye, hogy megértse és emlékezzen, mint ha csak egy módon (vizuális vagy verbálisan) kódolná.

Más szavakkal, a szavak és a képek párosítása megkönnyíti azok emlékezetét. A gyermekek könyvei ezt a legtöbbet teszik ki. Kétféle módon lehet a kettős kódolás elméletét gyakorolni a forma megtervezésekor.

21. Képzelje el az információkat

Agyaink sokkal gyorsabban dolgozzák fel a látványt, mint a szöveg. Az olyan jelzések használata, mint ikonok, képek, formák - bármi is segít a pont illusztrálásában - intuitívabbá teszi a felhasználói élményt.

Az űrlap kialakításának konzisztensnek kell lennie, de ez nem azt jelenti, hogy nem tudja beilleszteni a kis meglepetés pillanatait. A nem szabványos vizuális felhasználói felület elemek - például kattintható képek és csúsztatható csúszkák - használatával az űrlap kitöltését élvezetesebbé és intuitívabbá teheti.

22. Vegye figyelembe a színeket

Tudta: egy termékkel kapcsolatos kezdeti megítélésünk 90% -a kizárólag a színen alapszik?

Valójában, Neil Patel marketingguru szerint a szín a „termék adott részének 85% -a.” A megfelelő kombináció 40% -kal javítja az olvasók körét, 73% -kal és a tanulást 78% -kal.

Nem kell tervezőnek lennie, hogy kitalálja, melyik színséma és kontraszt működik a legjobban. Olyan praktikus programok léteznek, mint az Adobe Color CC és a Paletton, amelyek segítik a palettájának kiválasztását, amely tükrözi a vállalat imázsát.

23. Tegye gyönyörűvé formáját

Sekély lények, amelyek vagyunk, feltételezzük, hogy azt gondoljuk, hogy a vonzó formatervezés másképp is jobb: gyorsabb, okosabb, könnyebben használható. Ezt nevezzük „esztétikai-felhasználhatósági effektusnak”. Egy gyönyörű felület növeli türelmünk és hűségünket, sőt még együttérzőbbé teszi a tervezési problémákat.

Az emberek 38% -a abbahagyja az oldal használatát, ha a tartalom vagy az elrendezés nem vonzó. Más szavakkal, ha az internetes űrlapokat nem gyönyörű megnézni (és könnyen kitölteni), időpocsékolás.

Persze, a szépség a szemlélő szemében van. De egy egyszerű felület, tiszta betűtípus és elegáns stílus megnyeri (űrlap) szépségápolókat.

A felhatalmazott haladás hatása

Sokkal motiváltabbak vagyunk egy feladat befejezéséhez, ha elképzelhetjük a már elért haladást annak felé. Ha azt gondoljuk, hogy van fejbemutatónk, ez csökkenti az észlelt munka mennyiségét, és ez valószínűbbé teszi, hogy meghosszabbítsuk a mérföldet.

Ez az úgynevezett „Endowed Progress Effect”, amelyet Joseph C. Nunes és Xavier Dreze amerikai professzorok foglaltak össze: „egy jelenség, amikor az emberek mesterségesen haladnak egy cél felé, és nagyobb kitartást mutatnak a cél elérése felé”.

Néhány példa az Endowed Progress Effect alkalmazására az űrlapokra:

24. A szakaszos kérdések könnyű és nehéz kérdések között

Ha elengedi a kérdéseket az űrlap elején az egyszerűtől a végéig (a logikai sorrend feláldozása nélkül), akkor a felhasználók gyorsulnak az űrlap kezdeti szakaszaiban. Ez viszont elindítja a sávhatást: a gyors haladás által generált elégedettség és a lendület érzése, ami miatt a felhasználók vonakodnak a szétválasztástól. Ez azt jelenti, hogy továbbra is folytatódnak, és valószínűleg becsukódnak, amikor az űrlap igényesebb lesz.

25. Mutassa be az előrehaladást

Mindig tükrözze a felhasználó haladását. Minél közelebb vannak a válaszadók a céljukhoz, annál valószínűbb, hogy elmozdítják magukat a cél felé. Ha űrlapja többoldalas, jelölje meg, hány oldalt hagytak kitöltésre.

A Clutch tanulmánya megerősíti, hogy az emberek 90% -a olyan webes űrlapokat részesít előnyben, amelyek haladási sávokat használnak a befejezési idővel kapcsolatos elvárásaik kezelésére.

Kérdések, válaszok és csoportosítás

26. Brainstorm a kérdések

Minden forma kérdésre támaszkodik. Az ötletbörzéssel kapcsolatos kérdésekre a legjobb, ha a végcéllal kezdjük, és hátra dolgozunk.

Tehát az első kérdésed: Mi a formád célja? Fedélzeten van? Visszacsatolás? Kutatás?

Írja le a lehető legpontosabban az űrlapból szerzett tudást. Ezt fogalmazza meg kérdésként (a kérdõjel a végén van), ahelyett, hogy a gondolatmenet részei lennének. Adj magadnak elegendő időt a törlésre és az újraindításra.

Ezután írjon le néhány lehetséges választ, amelyek megadnák azt, amit keres.

És végül, ötvözzük azokat a kérdéseket, amelyek elsősorban ezekhez a válaszokhoz vezetnek.

Felmérés utáni óvintézkedésként írja le a kérdésre adott válaszok százalékos életkorát, amelyet elvár. Ha ezeket a kiértékeléseket összehasonlítja a tényleges eredményekkel, akkor a vak pontokra derül fény, hogy odafigyeljenek a következő alkalommal.

Ez a felmérés előtti folyamat irányítja a tervezést és időt spórol meg.

A mezők tudománya

Az Űrlapkonverziós Jelentés szerint az űrlap típusa közvetlenül befolyásolja a mezõk számát, amelyeket fel kell vennie. Gondosan gondolja át, hogy mekkora részletre van szüksége ahhoz a környezethez, amelyben tartózkodik.

Most kérdezd meg magadtól: Tényleg, tényleg, TÖNNYEN kell feltenni ezt a kérdést?

Valószínűleg a válasz nem. Még akkor is, ha tudjuk, hogy kevésbé van hatalom, amikor szembesülünk azzal a lehetőséggel, hogy megnézzük felhasználóink ​​agyát, csábító sokat kérni.

Igen, fontos lehet a válasz erre a kérdésre. De annyira fontos, hogy érdemes elveszíteni az űrlap válaszadóját?

Szüksége van a felhasználók együttműködésére. És minden további mező miatt kevésbé valószínű, hogy kitölti az űrlapot. Tehát, miután felsorolta az összes lehetséges kérdést és választ, próbáljon meg kivágni, amennyit csak tud. Gondoljon az adatgyűjtés más módszereire, és mérlegelje, hogy a kérdés következtethető-e, halasztható vagy teljesen kizárható-e.

Teljesen távolítsa el az opcionális kérdéseket. Ha fel kell vennie őket, sorolja fel őket az űrlap kitöltése után.

27. Helyesen csoportosítsa a kérdéseket

Az online űrlapok strukturálása a siker kulcsa.

Miután elgondolkodott, megvágta és finomította a kérdések végleges listáját, ideje megszervezni azokat. Rendezzük őket csoportokba és alcsoportokba egy „téma” fejléc segítségével, amely együtt tartja őket, pl. elérhetőségek, munkatapasztalat stb.

A felhasználónak ismét képesnek kell lennie az egyes szakaszok beolvasására és a kérdések elolvasása nélkül tudnia kell, hogy mi szükséges.

28. Adjon meg egy logikai kérdés sorrendet

A listán következő a kérdés sorrendje. A hüvelykujjszabály az, hogy minél közelebb vannak a témához kapcsolódó kérdések, annál közelebb kerülnek fizikailag egymáshoz.

Minden kérdésnek és szakasznak a válaszadót a következőre kell nyomnia. A nagy rések vagy előre haladások zavaróak, ezért gondoljon arra, hogy egy forma hogyan fejlődik lépésről lépésre egy felismerhető sorrendben.

A kondicionálás révén bizonyos áramlási típusokat könnyebben felismerünk, mint mások. Például a „Mi a neve?” Kifejezés a „Hol laksz?” Elé kerül, amely viszont a „Mi a tapasztalata?” Elé áll

29. Döntsön a „kötelező és opcionális vs.

A legjobb gyakorlat az, ha űrlapját csak kötelező kérdésekre korlátozza. Az opcionális kérdések szükségtelenül meghosszabbítják az űrlapot és irritálják a felhasználót: „Hol hallottál rólunk?” „Szeretne marketing e-maileket kapni?”

De mi van azokkal a kérdésekkel, amelyek nem kötelezőek, de nagyon „kedvesek lennének”? Helyezze őket az űrlap végére opcionális nyomon követésként. Ily módon kevésbé invazívak lesznek, és nem befolyásolják az Ön konverziós arányát.

30. Kérdezzen egyszerre egy dolgot

A kétrészes kérdések kétértelműséghez vezetnek. És - kitalálta - a kétértelmű válaszokat nem lehet számszerűsíteni.

Kerülje el a kanyargós kérdések kérdését, ha beolvassa azokat a „és / vagy” szavak alapján. Látta? Feloldja a kérdést felére.

Minél világosabb a kérdés, annál világosabb a válasz. Minél világosabb a válasz, annál tisztább az adat.

31. Adjon hivatkozásokat

A jó forma egyértelmű útvonalat ábrázol a befejezésig, majd óvatosan vezeti a felhasználót a nyomokkal, jelzésekkel és irányokkal együtt. Minél rövidebb az út, annál nagyobb a befejezés esélye. Tehát kínáljon hivatkozásokat, ha tudsz.

Néhány példa a hasznos hivatkozásokra:

Irányítószám keresés

Amikor a felhasználókat arra kéri, hogy töltsék ki címüket, a legjobb gyakorlat, ha csak házszámot és irányítószámot / irányítószámot kérnek, majd egy keresési szolgáltatást használnak a teljes cím megadására.

A helyőrző szöveg könnyű szöveg, amely megjelenik egy űrlapmezőben a várt érték leírására. Csak akkor szabad használni, ha lehetséges kétértelműségek vannak.

Mezőcímke

A mezőcímke a kérdés szövege, amely a mező fölött helyezkedik el. Ezeknek mindig jelen kell lenniük, és nem helyettesíthetők helyőrzőkkel. Csábító felszabadítani a helyet azáltal, hogy a helyőrző szöveget címkeként duplázza fel, de ez sok használhatósági problémát okoz (itt összefoglalva.)

Más szavakkal, címkék lehetnek helyőrző szöveg nélkül, de helyőrző szöveg nélkül címke nélkül.

Előre meghatározott válaszok

Mindenki szereti az előre meghatározott válaszokat. Takarítanak meg az olvasói időt, és könnyen értékelhetőek.

A válaszokat előre definiálhatja: Igen / Nem, egyválasztásos (rádió) vagy feleletválasztós (jelölőnégyzet) kérdésekkel. Ha van olyan válasz, amelyet nem tud megjósolni, adjon hozzá egy „Egyéb” szövegdobozt, hogy az olvasók megadhassanak egyéni választ.

Prediktív keresés

Ha arra kéri a felhasználót, hogy válasszon országot, foglalkozását vagy valami másat, számos előre definiált opcióval, ez segít egy prediktív keresési funkció biztosításában, amellyel csökkentheti a gépelés (és a kognitív terhelés) mennyiségét.

A forma közönsége, célja és összefüggései

A te formád csak az egyenlet felének. Aktív, nem passzív. És fellépése a válaszadókra támaszkodik. Ezeket a kezdetektől be kell ágyazni a keretbe.

A nyomtatványok a kommunikáció eszköze. Két fél van benne.

Tehát az űrlap megtervezésekor a felhasználó szemszögéből is gondolkodnia kell ... És ez kezdődik a céljaikkal és a környezetükkel.

Miért kellene kitöltenie az űrlapot? Mi a célja? Írd le.

A cél a kontextusba ágyazott, tehát tegye a kontextust specifikusnak az elméd szemében. Hol és hogyan töltik ki az űrlapot? Otthon? Hordozható számítógépen? Mobilon? A metrón?

A környezet nem csak a környezet. A résztvevőknek meg kell érteniük, mit lehet elérni az Ön formája segítségükkel.

32. Tudja meg, kivel beszél

Az űrlapnak ki kell vonnia a megfelelő közönség figyelmét - szóval ki ez a közönség?

A széles, ködös emberek körében való gondolkodás nem fog segíteni. Ahhoz, hogy az elmédre összpontosítson, egy személyre - vagy egy „vásárlói személyre” fókuszál - ez többet fog mondani, mint bármely más általános csoport képes.

Képzeljen el egy fiktív ideális ügyfelet, akinek munkája, személyisége, családja, reményei és álmai vannak. Tegye éles fókuszba ezt a személyt. Hol élnek és dolgoznak? Milyen vélemények és értékek vannak? Hogyan kapcsolódnak az Ön vállalkozásához?

Ha megtudja, mi az értelme ennek a képzeletbeli embernek, akkor jobb helyzetben van olyan kérdések gyűjtésére, amelyek értelmi adatokhoz vezetnek.

Ez az a személy, akire vissza kell utalnia. Ez az a személy, akinek a válaszaira van szüksége.

Form látvány és felépítés

Nagyon nagy a meglepetés a születésnapokon, de az űrlap kitöltésekor nem. A felhasználókat el kell hagyni a ritmus és az ismétlés érzésében, amikor a kérdésekkel dolgoznak, és biztonságban kell lennie annak tudatában, hogy a gombok, a beviteli mezők és minden más oldalakonként azonosak lesznek.

A konzisztencia támogatja a sima űrlap-kitöltési élményt. Ez azt jelenti, hogy a színeknek azonosaknak kell lenniük, a látványnak azonosnak kell lennie, a TOV-nak azonosnak kell lennie.

Mi a cég személyisége? Milyen kifejezésekkel és szavakkal lehet ezt átjutni? Milyen értékek vannak?

A JotForm-ban arra koncentrálunk, hogy befogadó, barátságos és földönkívüli légy - és az általunk használt nyelv ezt tükrözi.

Amikor meghatározta a márka hangszínét, tartsa fenn az összes formájában - az ügyfeleknek úgy érzi, mintha minden lépésben ugyanazzal a barátságos személlyel lépnek kapcsolatba.

A vizuális következetesség ugyanolyan fontos. Fogadjon el egy vizuális identitást és stílust, amelyet megőriz az egész űrlapon (és a jövőben létrehozott többi űrlapon).

33. Igazítsa a címkéket a bal felső sarokban

A Google UX kutatói úgy találták, hogy a bal oldali mezők fölötti címkék igazítása meghosszabbította az űrlap kitöltési idejét, mert kevesebb „vizuális rögzítésre” van szükség.

34. Kerülje a kérdések egymás mellé helyezését.

A szemkövetési tanulmányok kimutatták, hogy az egyszerű egyoszlopos elrendezés jobb, mint a többoszlopos elrendezés, ahol a kérdések egymás mellett helyezkednek el.

Az egyetlen kivétel e szabály alól, amikor dátumokat (nap, hónap, év) vagy időt (óra és perc) kérnek, ahol várhatóan több mező lesz egy sorban.

35. Próbáljon meg egy-egy oldal-oldalt

Az „egy-egy-oldal / oldal” egy pszichológiai technika, amelynek meghatározása:

… "Egy bonyolult folyamat felosztása több kisebb darabbá, és ezeket a kisebb darabokat a saját képernyőire tehető".

Alapvetően a felhasználóknak csak egy fontos dologra kell összpontosítaniuk.

  • Egy megérthető információ.
  • Egy döntés.
  • Egy kérdés, amit meg kell válaszolni.

A káoszmentes oldal arra ösztönzi a felhasználókat, hogy maradjanak a feladaton.

36. Használja a mezõhosszot engedményként

Mindig állítsa be a mező szélességét úgy, hogy az elég hosszú legyen a bemenet összes karakteréhez (a felhasználóknak látniuk kell a teljes bejegyzésüket), és már nem.

A mező méretének tükröznie kell, hogy mennyi szöveget írjon be a felhasználó. A mezőknek, például a irányítószámnak vagy a házszámnak rövidebbnek kell lenniük, mint a címsoron.

A Baymard Intézet használhatósági tanulmánya azt találta, hogy ha egy mező túl hosszú vagy túl rövid, akkor a felhasználóknak azon tűnődnek, hogy vajon megértették-e a címkét. Ez különösen vonatkozik a szokatlan adatokkal rendelkező mezőkre vagy olyan műszaki címkére, mint a CVV (Card Verification Code).

Ha még nem ismeri a JotForm-ot, akkor mindig hivatkozhat a JotForm űrlaptervezési útmutatójára, miközben strukturálja az online űrlapot. Oktatóvideók segítségével a lehető legtöbbet hozhatja ki a JotForm formatervezőjéből.

Hibák és a kitöltési út az űrlaptervezésben

Mint az életben, az űrlap kitöltésekor hibás is lehet.

És mint az életben, a kulcsfontosságú kérdés a jelző hibák és a gyors javítás lehetővé tétele.

37. Ne hagyatkozzon csak a színre

12 férfiből 1-nek van bizonyos fokú színvakja.

Az érvényesítési hibák vagy sikeres üzenetek megjelenítésénél ne támaszkodjon zöld vagy piros szöveg használatára (mivel a vörös-zöld színvakok viszonylag gyakoriak). Használjon szövegeket, ikonokat vagy valami mást. A JotForm kártyák mikro-animációval figyelmeztetik a felhasználót, amely rázza a „nem” -t, amikor hiba történt.

38. Adja meg a hibákat inline-ben

Mutassa meg a felhasználót, ahol a hiba történt, és indokolja.

Ha érvényesítést kell használnia, győződjön meg arról, hogy az inline (a mező jobb oldalán) és a hibákról jelentést tesz korán.

Ne várja meg, amíg a felhasználó elküldi az elküldést az érvényesítési hibák jelentésére. Ugyanakkor az inline érvényesítésnek nem szabad valósidejűnek lennie, mivel ez valószínűleg hibákat jelenít meg, még mielőtt a felhasználó kitölti a mezőt.

39. Használja a mező érvényesítését

Ön e-mail címet kér, és egy @ jel nélküli választ kap. Telefonszámot kér, és a válaszok fele nem tartalmaz elegendő számjegyet.

A helyesírás nem akadályozhatja az űrlap használhatóságát.

Használja a „mező érvényesítését”, hogy megbizonyosodjon arról, hogy megkapta-e a szükséges válaszokat, például: „A válasznak tartalmaznia kell egy ___-t”.

A JotForm Cards visszaállítja egy felhasználó e-mail címét, aki helytelenül írta be a domain nevet; [email protected] legyen [email protected]

40.… de ne légy túl szigorú

Ha a felhasználó válaszol egy mezőre sokféleképpen (például, ha a +12345678912, +44 12345678912, 012345678912 telefonszámra válaszol), konvertálja ezeket egységes formátumra.

Mi a fizetési forma?

A fizetési forma digitális változatú pénztár. Hitelesíti az online fizetést, ellenőrzi a felhasználó adatait, ellenőrzi a rendelkezésre álló pénzeszközöket és biztosítja, hogy megkapja-e a fizetését.

A fizetési integrációknak sok előnye van. Segítenek nektek

  • termékek vagy szolgáltatások eladása;
  • végezzen komplex számításokat ezekre az értékesítésekre, például adók és szállítási költségek összeadására vagy a kuponok kivonására;
  • adja meg a termékleírásokat, például képeket, mennyiséget, színt és méretet;
  • összegyűjti az adományokat és a rögzített összegű kifizetéseket, vagy ezeket a kifizetéseket előfizetési szolgáltatással ismétlődik meg.

A fizetési forma megtervezésekor elengedhetetlen a legjobb gyakorlat követése. Íme néhány fő szabály.

41. Korlátozza a fizetés lépéseit

A Baymard Intézet elemezte a pénztár formáit és megállapította, hogy a túl hosszú vagy túl bonyolult fizetési folyamat az egyik legfontosabb ok a fizetés során történő elhagyásra. Tehát vágjon mezőket, vágja, majd vágja újra.

42. Használja a biztonság vizuális mutatóit

Amikor érzékeny adatokat, például hitelkártya-adatokat ír be, a felhasználók nagy figyelmeztetést kapnak mindenre, ami zavarosnak tűnik. Egy nemrégiben készült tanulmány szerint a vásárlók 17% -a hagyta el az oldalt anélkül, hogy biztonsági aggályok miatt fizetne volna.

A professzionális fizetési űrlapok megkönnyítik a felhasználókat, míg bármi, ami „kikapcsolt”, az élvé teszi őket. Éppen ezért legyen óvatos a fizetési űrlap nulláról történő elkészítésében - még a legkisebb hibák vagy következetlenségek is megijesztethetnek a felhasználókat.

Ezenkívül elősegíti az SSL használatát az űrlapokon az adatok védelme érdekében. A látogatók nyugodtan tudják, hogy minden interakció titkosítva van. A JotForm a legbiztonságosabb adatátviteli módszer: a fizetési kártyák ipari adatbiztonsági szabványa (PCI DSS) 1. szintű kompatibilis és SSL engedélyezve van.

43. Világosan magyarázza el, miért kér bizalmas információkat

Az emberek egyre inkább aggódnak a magánélet és az információbiztonság miatt. Ha bizalmas információkat kell kérnie, feltétlenül magyarázza el, miért van szükség erre a mező alatt található támogatási szöveggel.

44. Mentse el az adatokat

Ha lehetőséget ad a felhasználóknak a címük és fizetési információk mentésére, a folyamat gyorsabbá és ésszerűbbé válik - különösen olyan hamis eszközökön, mint a mobil. Az ismétlődő ügyfelek számára a jutalom és a lojalitás érzetét is biztosítja.

45. Hogyan adhatunk hozzá fizetési integrációt a JotForm-hoz

1. lépés: Adja hozzá márkájának logóját és egyedi stílusait.

2. lépés: Írja be az integrációs hitelesítő adatokat a csatlakozás gomb segítségével, vagy írja be közvetlenül.

3. lépés: Adja hozzá a termék képét, a termék részleteit, például mennyiséget, színt, méretet.

4. lépés: Számítsa ki a kuponokat, az adókat és a szállítást.

A megrendelés-integrációval ellenőrizheti az általános fizetési mező létrehozásának részleteit és lehetőségeit (ehhez nem szükséges hitelesítő adat, mert nem hoz létre valós tranzakciót). A Sofort integrációs útmutatóját példaként tekintheti meg a teljes fizetési folyamat áttekintéséhez.

5. lépés: Írjon személyes köszönő üzenetet-automatikus válaszadó e-mailt.

Minden kész. Most már könnyen eladhatja termékeit webhelyeken, blogokon vagy közösségi médiákon.

Amikor kitöltötte az űrlapot ...

Uram, kész! Majdnem. Lehet, hogy kitöltötte űrlapját, de még nem ideje elküldeni.

Néhány utolsó lépést figyelembe kell venni.

46. ​​A megosztás előtt tesztelje az űrlapját

Mindannyian vakok vannak. És ha egy űrlap sikere függ az adatok minőségétől, akkor jó óvatos lenni. Tehát győződjön meg arról, hogy megbízható választ adott-e, és nem maradt le semmiről, előzetesen tesztelve a felmérést.

Küldje el családtagjainak / barátainak, és kérje meg őket, hogy kövessék nyomon, hogy mennyi ideig tart válaszolni a kérdőívre, és hogyan tapasztalják meg a kérdéseket. Ez segít a űrlap tervezésének értékelésében is a következő alkalommal.

Eredetileg a https://www.jotform.com oldalon közzétették