Luottokorttitietojen jakaminen atomiin - miksi täydellinen UX-muotoilu on niin tärkeä?

Netgurun käyttöliittymäsuunnittelijana olin viime kuukausina ollut mukana useissa fintech-projekteissa. Kun otetaan huomioon näiden sovellusten kaikki kipupisteet, huomasin, että yksi malli ei ole tarpeeksi harkittu - lomakkeet, joiden avulla voit syöttää maksukorttitietoja. Tähän menettelyyn on useita yhteyksiä, mutta aina, tilanteesta riippumatta, on ratkaiseva ja pakollinen vaihe joko ostaa loppuun tai aloittaa sovelluksen käyttö.

Tiedot: Euroopan keskuspankin tilastot

Tällä hetkellä meillä on satoja, ellei jopa tuhansia maksutapoja - se vaihtelee alueesta ja sen kehityksestä riippuen. Euroopan keskuspankin mukaan vuonna 2017 kuitenkin 51,6% maksuista suoritettiin maksukorteilla. Tämä antaa meille 135 korttimaksua asukasta kohden. Sähköisen rahan maksuilla oli vain 2,6%: n osuus, ja mikä tärkeintä, niiden osuus kasvoi 20,3% edellisvuodesta. Näiden tilastojen johtopäätös on melko selvä - maksukortit ovat korkeimmillaan - ne ovat luotettavia, helppokäyttöisiä, saatavana ympäri maailmaa ja mikä tärkeintä, implantoituna tiukasti päivittäisiin rutiineihimme.

Mitä se tarkoittaa ihmisille, jotka osallistuvat digitaalisten rajapintojen luomiseen? Ensinnäkin, meillä on velvollisuus toimittaa täydellisiä ratkaisuja, jotka tukevat käyttäjiä koko prosessissa syöttämällä fyysisestä kortista löytyvät tiedot. Toiseksi, emme saa unohtaa sähköisen rahan maksuja, jotka kasvavat tasaisesti ja paranevat matkan varrella. Emme todellakaan tiedä mitä tulevaisuus omistaa, mutta voimme nykyisten suuntausten perusteella yrittää ennustaa sen - maksukortteja käytetään harvemmin ja e-rahaa tulee hitaasti, mutta väistämättä, entistä helpommin saatavana. Keskitymme kuitenkin nyt toisiinsa: mitkä ovat käytettävissä olevat menetelmät tietojen syöttämiseen laitteisiin?

Valtava kehitys tekniikassa

Nykyaikaiset älypuhelimet ovat täynnä dataa, joten niillä on erilaisia ​​syöttötapoja. Meillä on näytön näppäimistöt, kamerat ja mikrofonit. Kaikki nämä muuttuvat ja paranevat, ja rautateollisuuden jatkuvan edistymisen ansiosta ne ovat joka vuosi lähempänä täydellistä suunnittelua.

Näppäimistöt ovat tulossa lähemmäksi ihanteellisuutta - lähinnä tarkempien kosketusanturien ja parempien suunnitteluvaihtoehtojen, esim. asiayhteyteen liittyvät vinkit, käyttökohtainen näyttö (kuten numeronäppäimistöt) jne. Kameroista löytyvät valokuvat, jotka löytyvät jokaisesta nykyaikaisesta laitteesta, ovat nyt uskomattoman teräviä. Kuinka voimme ottaa kaiken tämän hienon tekniikan käyttöön?

Skannaus, monisyöttö ja yksi syöttö

Skannaus: Nykyaikaisista laitteista löytyvät kamerat ovat erityisen tarkkoja ja tarkkoja. Lisäämällä moderni pala itsensä parantavaa koodia, voimme lukea kortilta löytyvät tiedot sekunnissa. Tietosuojaongelmien takia turvakoodit asetetaan usein manuaalisesti.

Monisyöttömuodot: Yleinen malli, joka perustuu tietojen syöttöprosessin jakamiseen muutamiin syöttöosiin. Yksi osio pyytää käyttäjää syöttämään nimen ja sukunimen, toinen kysyy kortin numeroa ja niin edelleen.

Yhden syötteen muoto: Ideana on yhdistää kaikki tarvittavat tiedot yhdeksi syötteeksi. Onneksi se on suhteellisen harvinainen malli, koska se vain monimutkaistaa prosessia, joka ei ensinnäkään ole helppoa. Mutta miksi se tapahtuu? Skeuomorfismin takia!

”Skeuomorfismi on termi, jota käytetään useimmiten graafisessa käyttöliittymäsuunnittelussa kuvaamaan rajapintaobjekteja, jotka matkivat heidän reaalimaailman kollegoitaan siinä, miltä ne näyttävät ja / tai kuinka käyttäjä voi olla vuorovaikutuksessa niiden kanssa. Tunnettu esimerkki on roskakorikuvake, jota käytetään tiedostojen hylkäämiseen. Skeuomorfismi tekee käyttöliittymäobjektiista tuttuja käyttäjille käyttämien käsitteiden avulla. ”

Mutta eikö se ole jo kuollut? Kyllä ja ei. Kun tarkastellaan visuaalista puolta, se todellakin haudattiin iOS 7: n ja OS X Yosemiten julkaisuun, mutta yllä olevan määritelmän mukaan skeuomorfismi ei koske vain asioiden ulkonäköä, vaan myös niiden toimintaa.

Ennen kuin syötät lomakkeen, muista käyttää hetki tutkimukseen. Poista yksi näistä muovikorteista lompakostasi ja tutkia sen muotoilu perusteellisesti. Mistä tiedät, että tämä on maksukortti? Mitkä ovat sen erityispiirteet? Sen lisäksi, että harkitset erityisiä elementtejä, kuten magneettinauhaa tai elektronista sirua, kiinnitä erityistä huomiota sen ulkoasuun - tietojen järjestykseen.

Skannaus luotettavin, turvallisin ja nopein tapa

Mielestäni skannaamisella ensisijaisena tietojen syöttötapana on monia etuja. Ensinnäkin se on paljon nopeampaa kuin tietojen kirjoittaminen manuaalisesti. Jos se pannaan oikein täytäntöön, sen ei pitäisi aiheuttaa ongelmia, kuten kortin tietojen virheellinen tulkinta. Toinen valtava etu on pieni panos petosten estämiseen, sillä kortin skannaamiseen sinulla on oltava se.

Ihanteellinen muoto - 7 kultaista sääntöä

Kuten kaikessa, on vaikeaa antaa tiukkoja sääntöjä kaikille mahdollisille skenaarioille. Harkitse kuitenkin näitä seitsemää sääntöä, jotta lomakkeesi johtaisi käyttäjän tavoitteeseen miellyttävällä tavalla.

  1. Oikea ja looginen järjestys ja muoto
    Kuten olen jo aiemmin maininnut, on erittäin tärkeää pitää tilaus samanlainen kuin fyysinen kortti. Tämä auttaa käyttäjiä skannaamaan lomakkeen nopeammin. He lukevat tiedot järjestyksessä ja täyttävät sen vastaavasti. Vältä lisäksi päivämäärävalitsimien käyttöä - katso vain korttia. Se ei sano tammikuu 2020, vaan 01/20. Sama pätee korttinumeroon, joka on yleensä jaettu nelinumeroisiin paloihin. Varmista, että se esitetään samalla tavalla.
  2. Pyydä vain tarvittavia tietoja
    Kortinhaltijan koko nimen ja osoitteen pyytäminen voi olla ylimääräinen turvatoimi, mutta sinun ei tarvitse tehdä sitä aina. Esimerkiksi, jos sovelluksesi suorittaa KYC: n (henkilöllisyyden todentamisprosessi, joka perustuu asiakirjaan ja valokuvaan) etukäteen, tiedät jo koko nimen. Muista käyttää aiemmin annettuja tietoja uudelleen. Kortin numero sisältää paljon enemmän tietoa kuin voit odottaa. Esimerkiksi sinun ei tarvitse kysyä korttityypistä, koska se voidaan dekoodata helposti numerosta.
  3. Käytä oikeaa näppäimistötyyppiä
    Tätä sääntöä on helppo panna täytäntöön, mutta se unohdetaan usein. Älypuhelimissamme on muutama tyyppinen näppäimistö tilanteesta riippuen. Meillä on erityinen versio sähköpostiosoitteen, puhelinnumeron tai verkkosivun osoitteen syöttämiseen. Käytä numeronäppäimistöä, jotta CVV-numeron syöttäminen on asiakkaalle helppoa.
  4. Visuaalinen esitys on hieno lisäys
    Jos sinulla on tarvittavat resurssit, näytä kortin visuaalinen esitys, joka päivittyy käyttäjän syöttäessä tietoja. Tietojen oikeellisuuden tarkistaminen on tällä tavoin paljon nopeampaa.
  5. Minimoi virheet, ilmoita niistä selvästi, jos niitä tapahtuu
    Muista noudattaa esteettömyyssääntöjä, kuten oikea kontrasti, fonttikoko ja niin edelleen. Tämä minimoi todennäköisesti virheiden määrän, koska lomakkeesi on helppo lukea ja skannata. Jos kuitenkin tapahtuu virheitä, muista antaa vihje sen paikan viereen, jossa käyttäjän on korjattava joitain tietoja.
  6. Ota kolmansien osapuolien palvelut käyttöön, joilla on jo tiedot (esim. Apple Pay)
    Jos mahdollista, ota kolmannen osapuolen palvelut käyttöön käyttäjän jo käyttämässäsi. Se voi olla yhtä yksinkertaista kuin Apple Pay -palvelun salliminen tai PayPalin käyttöönotto maksutapana. Tämän yksinkertaisen säännön noudattaminen voi parantaa huomattavasti muuntokurssejasi!
  7. Turvallisuus - tarjoa luotettava ratkaisu
    Varmista, että käyttäjien yksityiset tiedot ovat turvallisia puolestasi. Toinen vaihe olisi tiedottaa käyttäjillesi varotoimista. Se voi olla mikä tahansa - hienovarainen kuvake, pieni vihje tai vain puhdas muotoilu. Käyttäjien vakuuttaminen heidän yksityisyydestään tekee tuotteestasi luotettavamman. Älä hankalo, älä lisää suuria yksityiskohtia tämän paikan turvallisuudesta - pieni vihje on enemmän kuin tarpeeksi.

Tehdä yhteenveto…

Toimitettujen tietojen perusteella voimme olla varmoja, että maksukortit ovat yleisimmälle ja helpoimmalle maksutavalle suurimmalle osalle käyttäjiä. Itse asiassa se on toiseksi suosituin menetelmä heti käteisellä. Siksi täydellisesti muotoillut muotoilut ovat hyödyllisiä. E-maksut jahtaavat dynaamisesti muita maksutapoja, mutta kestää kauan ennen kuin ne ovat yhtä suosittuja.

  • Seuraa samaa asettelua kuin fyysisessä vastineessa,
  • Skannauksen tulisi olla ensisijainen, mutta ei ainoa menetelmä,
  • Noudata esteettömyyssuunnitteluperiaatteita,
  • Kerro käyttäjälle tietoturvasta,
  • Muista aina käyttäjä.

Mitä mieltä olette? Oletko kohdannut samanlaisia ​​ongelmia suunnitellessasi fintechia? Jaa mielipiteesi kommenttiosassa ja jos pidit näistä tiedoista hyödyllisiä - jätä taputtelu.

Tutustu Netguru-blogiin, niin löydät mielenkiintoisempia muotoiluartikkeleita, ja Swap Behance -tapaustutkimus, joka oli tämän artikkelin perustana.

Kiitos kaikille oikolukuun ja palautteeseen osallistuneille ihmisille: Patrycja Paczkowska, Mateusz Przytuła, Luke Pachytel, Toto Castiglione, Natalia Chrzanowska