7 leyndarmál til að hanna frábær form
Næstum hver viðbótarkönnun felur í sér einhvers konar form. Frá einföldum netfangasafni til að skrá þig fyrir fréttabréf eða tilkynningu til fulls innheimtu eyðublöð er nauðsynlegt að hanna eyðublað sem auðvelt er að nota og skilja.
Staðlarnar um hönnun hönnunar eru einnig að þróast. Þótt mörg eyðublöð séu notuð til að innihalda margar dálkar og biðja um fullt af upplýsingum, bendir flestir bestu venjur nú á að halda formum eins einfalt og mögulegt er. Og það er líka mikið í hönnuninni. Gott form er skannanlegt, krefst ekki mikils að slá inn og inniheldur klár merkingu og formatting til að hjálpa notendum að fylla út eyðublöð rétt í fyrsta sinn.
Hér eru nokkrar leyndarmál til að tryggja að þú ert að hanna form sem notandi fyllir í raun út.
1. Gerðu það auðvelt að skanna og lesa
Þú veist að notendur skanna vefsíður til að safna upplýsingum og ákvarða hvaða aðgerðir þeir vilja taka eða hvort efni og hönnun hagsmunum þeim eða ekki. Sama gildir um form. Notandi ætti að geta sagt hvaða upplýsingar er þörf í fljótu bragði og gefðu skýran skýringu á því hvaða eyðublað er fyrir og hvernig á að senda það inn.
A mjög skannanlegt form inniheldur eftirfarandi:
- Andstæður: Textinn þarf að vera stuttur og auðvelt að lesa. Forðastu mikið af litum og haltu við hefðbundnum myrkri á léttum texta-bakgrunni samsetningar.
- Flokkun og pláss: Hópur upplýsingar sem eru svipaðar á lengri formum. Þegar þú safnar greiðsluupplýsingum, td upplýsingar um hóp viðskiptavina, greiðsluupplýsingar og upplýsingar um sendingar. Þrjár styttri blokkir eru auðveldara að melta en einn langur. Notaðu klár bil á þeim merkjum sem eru tengdir því sviði sem þeir útskýra, frekar en samræmda bil milli texta og sviðsþátta.
- Hreinsa klára / aðgerð : Gerðu hnappinn stór og auðvelt að sjá. Smásjáin inni í hnappinum ætti að segja notendum hvað það mun gerast, svo sem "senda", "borga núna" eða "halda áfram í næsta skref." Mundu að loka viðvörunarásanum og láta notendur vita hvenær form er rétt fram.
2. Íhuga fljótandi merkingar
Það hefur verið mikið umræðu um hvort eigi að nota vísbendingartexta á formasvæðum. Helsta vandamálið er að of oft er þessi texti ekki að fara í burtu með smelli og notendur þurfa að taka virkan þátt í því að byrja að slá inn. Það er óþægilegt.
Frekari, the Nielsen Norman Group fannst þessi auða reiti geta dregið augað og hjálpað notendum að slá inn upplýsingar betur.
Ef þú telur þörfina á að nota vísbendingar skaltu íhuga gagnvirka lausn-fljótandi merki. Hafa upplýsingar um merkimiðann inni í formasvæðum svo að það lítur út eins og staðsetningartexta, en leyfðu textanum að hreyfa sig og fara í efsta vinstri stöðu þegar notandi hovers yfir eða smelli inn í reitinn. Merkið eða vísbendingin fer aldrei í burtu og það kemur ekki í veg fyrir að notandinn reyni að fylla út eyðublaðið. (Plús lítill fjör er skemmtilegt óvart fyrir notendur.)
3. Notaðu Field Masks
Field masks geta veitt nokkrar af sömu vísbendingum og mynda vísbendingar en án þess að komast í veg fyrir notagildi. Field mask birtist aðeins þegar notandi virkjar reit og gefur til viðbótar skönnunarmál um hvaða upplýsingar er þörf. Glerið getur aðstoðað notandann frekar með því að sjálfkrafa forsníða upplýsingar í því skyni að koma í veg fyrir villur sem munu skjóta myndinni út við uppgjöf.
Gott dæmi um reitarmas í aðgerð er með símanúmerum. Hugsaðu um valkosti margra sniði:
- (000) 000-0000
- 000-000-0000
- 0000000000
Hvernig veit notandi hver muni vinna? Formasvæðið mun tilgreina og stilla sniðið sem notandi tegundir, þannig að hann eða hún þarf ekki að hugsa um það og þarf aðeins að slá inn tölur. (Þetta sparar einnig þræta um að þurfa að skipta á milli lyklaborða á farsímanum.)
4. Gerðu eyðublöð hljómborð-vingjarnlegur
Þú hefur enga leið til að vita hvaða gerð tæki sem notandi mun lenda í á forminu þínu, en það ætti að vera jafn auðvelt að fylla út engu að síður. Íhuga allar mismunandi gerðir lyklaborða sem gætu sent upplýsingar í formið og stilla reiti til að greina og nota viðeigandi valkost.
Á skjáborðum, notendur ættu að vera fær um að slá inn eyðublað og fylla út hvert reit án þess að þurfa að smella á mús. Forðastu sjálfkrafa frá einum reit til annars þegar þú hefur lokið eða notað flipa eða sláðu inn til að fara um. W3.org hefur traustan hóp af lyklaborð tilmæli fyrir þig að fylgja.
Á farsímum skaltu passa lyklaborðstegundina við þau gögn sem krafist er. Ef inntakið er fyrir bréf skaltu koma upp alfa lyklaborðinu; fyrir tölur, veldu tölugildi. Frá Google: "Notendur notenda meta forrit sem veita viðeigandi lyklaborð til að skrá inn texta. Gakktu úr skugga um að þetta sé framfylgt í gegnum forritið frekar en aðeins fyrir tiltekna verkefni en ekki aðra. "
5. Veldu fyrir lóðrétt snið
Lóðrétt form er auðveldara fyrir notendur en margar dálkarsnið. Til reglu um bestu starfshætti er að tryggja að öll sviðin geti passað á skjánum án þess að skruna í toppi til botnsnets.
Eina undantekningin er fyrir frábær stutt form þar sem notandi þarf aðeins að slá inn netfang eða nafn og netfang. Tveir hliðarhliðarsúlar eftir aðgerðahnappi geta virkað vel í þessu ástandi svo lengi sem pósthólfið er nógu lengi til að notendur sjái öll stafina í heimilisfangi þeirra.
Mundu að panta þætti rökrétt á lóðréttu formi eins og heilbrigður. Ef þú ert að safna fornafn, eftirnafn, netfang og hárlitun röð þá á þann hátt.
6. Grindatakning
Notaðu eins mörg fyrirframfyllingarlausnir og hægt er með formum. Ekkert er meira yndislegt, því að fara að bæta við heimilisfangi og eftir fyrstu tappana smellir Google API inn og bendir á heimilisfang valkosta.
Þetta gerir þrjá hluti:
- Það auðveldar notendum, einkum í farsíma.
- Það hjálpar að takmarka fjölda reiti sem nauðsynlegar eru.
- Það getur hjálpað til við að útrýma einhverjum notendavilla, svo sem mistyping.
Íhuga það sama með netföngum, þannig að notendur fái vinsæla netfangalén eftir @ táknið. Þegar notandi tegundir í [email protected] .... reitinn gefur sjálfkrafa til kynna [email varið] .
7. Haltu því stuttum og sætum
Þú verður að freista að spyrja notendur um mikið af upplýsingum í formum. Standast hvötin!
Aðeins biðja um mikilvægar upplýsingar í formum. Það er meiri líkur á því að notendur fylgi út eyðublöðum sem krefjast minni skuldbindingar. Ef þú þarft frekari upplýsingar seinna getur þú sent þeim frá listanum þínum og biðja um frekari upplýsingar. (Sem einhver sem hefur þegar valið er notandinn líklegri til að taka þátt með þér í meira um þessar mundir.)
Forðastu valfrjálst reiti. Ekki biðja um óþarfa upplýsingar. Ekki nota margar reitir þar sem þú getur notað einn (símanúmer til dæmis).
Niðurstaða
Gefðu notendum eitthvað í staðinn fyrir að fylla út eyðublöð. Gerðu það skemmtilegt eða áhugavert. Þakka notanda.
Að búa til eyðublað sem auðvelt er að lesa og auðvelt að nota mun auka líkurnar á því að safna gögnum og snúa vefsíðum gestur inn í endurtaka notanda.