Puhelinnumerokenttä on petollisen yksinkertainen. Tekstiruutu nimeltä "Puhelin". Mutta heti kun avaat lomakkeen kansainvälisille käyttäjille tai pyydät puhelinnumeroita mobiilissa, tuosta yksinkertaisesta kentästä tulee monimutkainen. Eri maissa numerot muotoillaan eri tavoin. Eri näppäimistöjen täytyy tulla esiin. Kansainväliset soittajat ajattelevat maatunnuksina. Lomakkeesi täytyy hoitaa kaikki tämä, tai datan laatu kärsii. Hyvä puhelinkenttä toimii kaikkialla ja ohjaa käyttäjää kohti oikeaa muotoa, ei sitä vastaan.
Ota mikä tahansa hyvin konvertoiva lomake, joka kerää puhelinnumeroita. Katso, miten se käsittelee kentän. Useimmat kohtelevat sitä kuin mitä tahansa tekstikenttää ja olettavat, että käyttäjät kirjoittavat sen muodon, jonka luulevat oikeaksi. Sitten data saapuu sekavana. Joissakin numeroissa on viivoja. Joissakin sulkeita. Joissakin välilyöntejä. Jotkin ohittavat muotoilun kokonaan. Tietokannassasi on sama puhelinnumero viidessä eri muodossa. Kun sinun pitää soittaa jollekulle, järjestelmäsi ei tunnista, että 5551234567 ja (555) 123-4567 ovat sama numero. Data on teknisesti kerätty mutta käytännössä rikki.
Ratkaisu ei ole hyväksyä sekasotkua ja normalisoida sitä myöhemmin. Ratkaisu on ohjata käyttäjiä kohti yhtä oikeaa muotoa kirjoittamisen aikana. Se tapahtuu syötemaskauksella, älykkäillä oletuksilla ja validoinnilla, joka auttaa eikä estä.
Miksi puhelinkentät vaativat erilaista käsittelyä kuin tekstikentät
Puhelinnumero on dataa, jolla on kansainväliset säännöt. Sähköpostiosoite on käytännössä universaali. Nimi voi olla mitä tahansa, mitä joku haluaa. Puhelinnumeron rakenne sen sijaan on määritelty Kansainvälisessä televiestintäliitossa (ITU). Eri maat käyttävät eri pituuksia, etuliitteitä ja muotoilustandardeja. Kelvollinen puhelinnumero Japanissa ei muistuta lainkaan kelvollista numeroa Ranskassa. Kenttäsi täytyy ymmärtää tämä, tai se hylkää hyviä numeroita ja hyväksyy huonoja.
Lisäksi käyttäjät ajattelevat puhelinnumeroita oman maansa muodossa. Lontoolainen ajattelee brittiläisessä muodossa. Berliiniläinen saksalaisessa. Kun pakotat heidät amerikkalaiseen muotoon, he hämmentyvät. He tekevät virheitä. He keskeyttävät lomakkeen. Kitka syntyy ristiriidasta sen välillä, mitä kenttä odottaa ja mitä käyttäjä yrittää antaa.
Yksi kenttä vai jaettu kenttä
Jotkin lomakkeet jakavat puhelinnumeron erillisiin kenttiin. Suuntanumero yhdessä ruudussa. Keskus toisessa. Liittymänumero kolmannessa. Tämä toimii hienosti amerikkalaisilla puhelinnumeroilla, joissa rakenne on ennustettava. Kaikkialla muualla se hajoaa. Käyttäjä Saksassa ei saa numeroaan mahtumaan kolmeen amerikkalaiseen ruutuun. Ei myöskään käyttäjä Australiassa tai Ranskassa. Jaetut kentät haittaavat myös mobiilikokemusta, koska käyttäjien täytyy napauttaa kenttien välillä sen sijaan, että kirjoittaisivat yhtäjaksoisesti. Käytettävyystestit osoittavat, että monella käyttäjällä on vaikeuksia siirtyä erillisten kenttien välillä puhelimella.
Yksi kenttä on parempi. Yksi pitkä syöttöruutu. Yksi paikka koko numeron kirjoittamiselle. Kenttä ohjaa muotoa syötemaskauksella, ei jakamalla. Tämä toimii kotimaisille ja kansainvälisille numeroille yhtä hyvin. Mobiilikäyttäjät kirjoittavat kerran ja ovat valmiita.
Miten syötemaskaus muuttaa sekasotkun järjestykseksi
Syötemaskaus muotoilee numeron automaattisesti kirjoittamisen aikana. Käyttäjä kirjoittaa 5 5 5 1 2 3 4 5 6 7 ja kenttä näyttää (555) 123-4567. Kirjoittaa hitaasti tai nopeasti, muotoilu seuraa mukana. Tällä on kaksi tehtävää. Ensin se antaa reaaliaikaista palautetta siitä, että hän kirjoittaa oikeassa muodossa. Sitten se estää väärän muodon syöttämisen alun alkaen. Hän ei voi kirjoittaa merkkiä, joka rikkoo muodon. Kenttä ei hyväksy sitä.
Näytettävä muoto riippuu valitusta maasta. Jos hän valitsee Yhdysvallat, maski on (XXX) XXX-XXXX. Jos hän valitsee Kanadan, se on sama. Jos hän valitsee Saksan, maski mukautuu. Käyttäjä näkee muodon, jonka tunnistaa. Hän kirjoittaa siihen. Data saapuu puhtaana sinulle.
Tutkimusten mukaan 89 prosenttia käyttäjistä syöttää puhelinnumeron missä tahansa haluamassaan muodossa, vaikka vihjeitä olisi näkyvillä. Syötemaskaus poistaa tämän ongelman kokonaan. Et vihjaa muodosta. Pakotat sen visuaalisesti kirjoittamisen aikana.
Maatunnus ja kansainvälinen tuki
Heti kun laajennat kansainväliseksi, tarvitset maanvalitsimen. Pudotusvalikko, joka näyttää maiden nimet lippukuvakkeineen. Käyttäjä valitsee maansa. Kenttä päivittää syötemaskinsa. Maatunnus ilmestyy automaattisesti.
Kaksi suunnittelupäätöstä on tärkeää. Ensin, aseta älykäs oletus. Jos useimmat käyttäjistäsi ovat Yhdysvalloissa, aseta oletukseksi Yhdysvallat. Jos yleisösi on globaali, aseta oletukseksi käyttäjän todellinen sijainti paikannustiedon avulla. Ranskassa olevan ei pitäisi joutua vierittämään 20 maan ohi löytääkseen Ranskan. Sitten pidä maanvalitsin näkyvillä ja helposti vaihdettavana. Käyttäjä voi valita väärän maan vahingossa. Hänen pitäisi voida vaihtaa se yhdellä napautuksella, ei etsiä haudattua pudotusvalikkoa.
Maatunnuksen pitäisi näkyä numeron vieressä. Käyttäjä näkee +1 (555) 123-4567, ei vain (555) 123-4567. Se tekee muodosta yksiselitteisen. Hän tietää etuliitteestä +1, että tämä on yhdysvaltalainen numero. Jos hän teki virheen ja valitsi väärän maan, hän huomaa sen heti ja voi vaihtaa.
Vielä yksi asia: kun käyttäjä vaihtaa maata, säilytä jo kirjoitettu numero. Älä tyhjennä kenttää. Älä nollaa kaikkea. Jos hän kirjoitti 5551234567 ja tajusi sitten valinneensa väärän maan, anna hänen vaihtaa maatunnus ja säilytä numerot. Hänen ei pitäisi joutua aloittamaan alusta.
Mobiilinäppäimistöt ja type="tel"-määrite
Puhelimella näppäimistöllä on väliä. Näytä sähköpostinäppäimistö sähköpostikentälle. Näytä numeronäppäimistö puhelinnumerolle. Tämä ei ole vain mukavuutta. Pieni ero näppäimistön asettelussa estää virheitä. Numeronäppäimistöä katsova muistaa, että hän syöttää numeroa, ei tekstiä. Asettelu tekee kirjainten vahingossa kirjoittamisesta vaikeampaa.
Käytä HTML:ssä type="tel" laukaistaksesi numeronäppäimistön automaattisesti. Kaikki puhelimet eivät näytä samaa näppäimistöä. Jotkin näyttävät 0-9 ja symboleja. Jotkin vain numeroita. Jotkin kirjaimia numeroiden kanssa. Toiminta vaihtelee laitteen mukaan. Jokainen puhelin kuitenkin näyttää jotain hyödyllisempää kuin täyden QWERTY-näppäimistön.
Näppäimistön valinnan lisäksi mobiilinäytöt ovat pieniä. Tee syöttökenttä suureksi. Peukalon kokoiset painikkeet alareunaan. Koko leveyden syöttökenttä. Ei vaakasuuntaista vieritystä. Numero, jota on vaikea napauttaa, on numero, jota ei kirjoiteta oikein.
Mitkä validointistrategiat oikeasti toimivat
Validointi tarkistaa, onko numero oikea. Oikea tarkoittaa, että se noudattaa valitun maan muotosääntöjä ja siinä on oikea määrä numeroita. Eri maissa numeroiden määrä on eri. Yhdysvaltalaisessa numerossa on 10 numeroa maatunnuksen jälkeen. Saksalaisessa numerossa on 6-11 numeroa alueesta riippuen. Validoinnin täytyy tietää nämä säännöt.
Paras validointitapa puhelinnumeroille on E.164-standardi. Se on ITU:n määrittelemä kansainvälinen muoto, jonka jokainen globaali järjestelmä ymmärtää. E.164-muoto on plusmerkki, maatunnus ja sitten kansallinen numero. Ei välilyöntejä, sulkeita eikä viivoja. +14155550123 yhdysvaltalaiselle numerolle. Tämä tallennetaan tietokantaasi. Se, mitä käyttäjä näkee ja kirjoittaa, on muotoiltu luettavuutta varten. Tallennettava muoto on E.164 johdonmukaisuuden ja tarkkuuden vuoksi.
Aja validointi kahdessa paikassa. Ensin validoi selaimessa käyttäjän kirjoittaessa. Reaaliaikainen validointi. Hän näkee valintamerkin, kun numero on täydellinen ja kelvollinen. Hän näkee viestin, kun jotain puuttuu. Sitten validoi palvelimellasi lähettämisen jälkeen. Asiakaspuolen validointi tekee kokemuksesta sujuvan. Palvelinpuolen validointi suojaa dataasi, jos joku poistaa selaimen tarkistukset käytöstä tai lähettää huonoa dataa rajapinnan kautta.
Virhe: puhelinnumeron vahvistuksen pyytäminen
Jotkin lomakkeet pyytävät puhelinnumeroa ja sen jälkeen puhelinnumeron vahvistusta. Kirjoita numerosi. Kirjoita se uudelleen vahvistaaksesi. Tämä kaksinkertaistaa kitkan. Jonkun täytyy kirjoittaa 10-numeroinen luku oikein ja sitten kirjoittaa se uudelleen oikein. Useimmat tekevät kirjoitusvirheen toisella kahdesta yrityksestä. Sitten he jumiutuvat. Kaksi numeroa eivät täsmää. Heidän täytyy korjata molemmat kentät edetäkseen.
Parempi tapa on validoida numero reaaliajassa kirjoittamisen aikana. Siihen mennessä, kun hän pääsee lähetyspainikkeelle, numero on jo validoitu. Et tarvitse sitä kahdesti. Validointi itsessään on vahvistus.
Yleisiä virheitä, jotka rikkovat puhelindatan laadun
Minkä tahansa puhelinnumeron hyväksyminen maata tarkistamatta
Lomake hyväksyy 7-numeroisen ja 15-numeroisen luvun tietämättä, mistä maasta kumpikaan on. Molemmat tallennetaan kelvollisina. Myöhemmin yrität soittaa jollekulle eikä kumpikaan numero toimi. Validoi aina valitun maan perusteella. 7-numeroinen luku voi olla kelvollinen joissakin Euroopan maissa. 10-numeroinen on tavallinen Yhdysvalloissa mutta väärä kaikkialla muualla. Maan asiayhteys on tärkeä jokaiselle validointisäännölle.
Validointivirheiden näyttäminen vasta lähetyksen jälkeen
Jos odotat, kunnes joku napsauttaa lähetä kertoaksesi, että puhelinnumero on puutteellinen tai virheellinen, olet luonut kitkaa. He napsauttavat lähetä. Näkevät virheen. Korjaavat numeron. Lähettävät uudelleen. Reaaliaikainen validointi estää tämän. Heti kun hän on kirjoittanut numeron loppuun, hän tietää, onko se kelvollinen. Lähetyshetkellä ei pitäisi olla yllätyksiä.
Maanvalitsimen piilottaminen sekavaan paikkaan
Maatunnus ei ole jälkikäteen mieleen tullut asia. Tee siitä ilmeinen. Iso pudotusvalikko puhelinkentän yläosassa, ei haudattuna kolmen muun pudotusvalikon alle. Käyttäjän täytyy nähdä se ja pystyä vaihtamaan se helposti. Jos hän valitsee väärän maan, hänen pitäisi huomata se heti kentän muodon muuttumisesta.
Sen selittämättä jättäminen, miksi tarvitset puhelinnumeron
Tutkimusten mukaan 14 prosenttia käyttäjistä keskeyttää kassan, jos puhelinkenttä on pakollinen ilman selitystä. Testit osoittavat kuitenkin myös, että käyttäjät jäävät, jos kerrot yksinkertaisesti, miksi tarvitset sitä. Lisää yksi lause ohjetekstiä. "Käytämme tätä tilauksesi vahvistamiseen" tai "Näin tavoitamme sinut, jos tulee kysyttävää." Pieni asiayhteys estää keskeytyksiä.
Muotoilun käyttö, joka toimii vain yhdessä maassa
Jos muotoilet kaikki numerot muotoon (XXX) XXX-XXXX, olet lukinnut itsesi yhdysvaltalaisiin numeroihin. Tuo muoto ei merkitse mitään Saksassa tai Japanissa. Käytä joko E.164:ää tallennukseen ja maakohtaista maskia syöttöön tai anna muodon mukautua valitun maan mukaan. Älä oleta, että yksi muoto toimii kaikkialla.
Tietosuojahuolet ja vapaaehtoinen puhelinkenttä
Puhelinnumerot ovat henkilötietoja. Monilla lainkäyttöalueilla niiden kerääminen käynnistää tietosuojasäännökset. Käyttäjät suojelevat puhelinnumeroitaan yhä tarkemmin, koska ne johtavat roskasoittoihin. Jotkin lomakkeet keräävät puhelinnumeroita tottumuksesta, eivät todellisesta tarpeesta. Jos et oikeasti tarvitse puhelinnumeroa, älä kysy sitä. Jos tarvitset, selitä miksi.
Tee kenttä vapaaehtoiseksi, jos mahdollista. Pakolliset kentät luovat kitkaa. Vapaaehtoiset kentät vähentävät keskeytyksiä. Jos puhelinyhteys on tärkeä mutta ei ehdottoman pakollinen työnkulullesi, merkitse se vapaaehtoiseksi ja selitä hyöty. "Lisää puhelinnumerosi, niin voimme lähettää sinulle tilauspäivityksiä tekstiviestillä" antaa syyn täyttää se, vaikka se ei olisi pakollinen.
Miten WEMASY hoitaa puhelinnumerokentät
WEMASYn lomakerakentajassa on puhelinnumerokentät, joissa on sisäänrakennettu kansainvälinen tuki. Luo puhelinkenttä ja valitse, onko se paikallinen vai kansainvälinen. Paikalliselle aseta oma maasi. Kansainväliselle käyttäjät näkevät maapudotusvalikon lippukuvakkeineen. Kenttä näyttää automaattisesti oikean syötemaskin valitun maan mukaan. Kirjoitettaessa kenttä muotoilee numeron automaattisesti. (555) 123-4567 ilmestyy ilman, että käyttäjän tarvitsee kirjoittaa sulkeita ja viivoja. Reaaliaikainen validointi vahvistaa, että numero on täydellinen ja kelvollinen valitulle maalle. Mobiilissa näkyy numeronäppäimistö. Kenttä toimii jokaisella laitteella. Näet puhelinnumerodatasi lomakeanalytiikassa ja huomaat kuviot siinä, missä muodossa käyttäjät yrittävät syöttää numeroita. Kun data saapuu CRM-järjestelmääsi, kaikki numerot ovat E.164-muodossa. Ne ovat johdonmukaisia. Ne toimivat soittojärjestelmien kanssa. Jatkoviestintäsi tavoittaa oikean henkilön.