Krediitkaardisisalduse jaotamine aatomiteks - miks on täiuslik UX-i disain nii oluline?

Netguru kasutajaliidese kujundajana osalesin viimase paari kuu jooksul erinevates fintech-projektides. Arvestades nende rakenduste kõiki valupunkte, mõistsin, et üks muster pole piisavalt läbimõeldud - vormid, mis võimaldavad sisestada maksekaardi üksikasju. Sellel protseduuril on erinevaid kontekste, kuid alati, olenemata olukorrast, on see oluline ja kohustuslik samm kas ostu lõpetamiseks või rakenduse kasutamise alustamiseks.

Andmed: Euroopa Keskpanga statistika

Praegu on makseviise sadu, kui mitte tuhandeid - see sõltub piirkonnast ja selle arengust. Euroopa Keskpanga andmetel tehti 2017. aastal 51,6% maksetest maksekaartide abil. See annab meile inimese kohta 135 kaardimakset. E-raha osamaksete osakaal oli vaid 2,6%, kuid mis veelgi olulisem - nende osakaal kasvas eelmise aastaga võrreldes 20,3%. Selle statistika järeldus on üsna selge - maksekaardid on kõige kõrgemad - need on usaldusväärsed, hõlpsasti kasutatavad, kogu maailmas saadaval ja mis kõige tähtsam, kindlalt implanteeritud meie igapäevasesse rutiini.

Mida see tähendab digitaalsete liideste loomisega seotud inimestele? Esiteks oleme kohustatud pakkuma täiuslikke lahendusi, mis toetavad kasutajaid kogu füüsilisel kaardil leiduvate andmete sisestamise protsessis. Teiseks ei tohiks me ignoreerida e-raha makseid, mis pidevalt kasvavad ja muutuvad üha paremaks. Me ei tea kindlasti, mida tulevik omab, kuid praegustele suundumustele tuginedes võime proovida seda ennustada - maksekaarte kasutatakse harvemini ja e-raha muutub aeglaselt, kuid paratamatult kättesaadavamaks. Nüüd aga keskendugeme olevikule: millised on saadaolevad meetodid andmete sisestamiseks meie seadmesse?

Tehnoloogia tohutu areng

Kaasaegsed nutitelefonid on täis andmeid, seega on neil erinevaid sisestusmeetodeid. Meil on ekraanil klaviatuurid, kaamerad ja mikrofonid. Kõik need arenevad ja paranevad ning tänu riistvaratööstuse pidevale arengule lähenevad nad igal aastal täiuslikumaks muutmiseks.

Klaviatuurid muutuvad ideaalidele lähemale ja lähemale - peamiselt tänu täpsematele anduritele ja parematele disainivalikutele, nt. kontekstipõhised vihjed, konkreetse juhtumi kuva (nt numbriklaviatuurid) jne. Fotoaparaadid fotodest, mida võib leida igast kaasaegsest seadmest, on nüüd uskumatult teravad. Kuidas saaksime kogu selle suurepärase tehnoloogia kasutusele võtta?

Skaneerimine, mitme sisendi vorm ja ühe sisendi vorm

Skaneerimine: Kaasaegsetes seadmetes leiduvad kaamerad on erakordselt täpsed ja täpsed. Kaasaegse enesetäiendamise koodi lisamine võimaldab meil kaardil leitavaid andmeid sekunditega lugeda. Privaatsusküsimuste tõttu sisestatakse turvakoodid sageli käsitsi.

Mitmesisendilised vormid: ühine muster, mis põhineb andmete sisestamise protsessi jagamisel mõneks sisestusjaotiseks. Üks jaotis palub kasutajal sisestada oma nime ja perekonnanime, teine ​​küsib kaardi numbrit ja nii edasi.

Ühe sisendi vorm: idee on koondada kogu vajalik teave ühe sisendiga. Õnneks on see suhteliselt haruldane muster, kuna see teeb ainult keeruliseks protsessi, mis pole kõigepealt lihtne. Aga miks see juhtub? Skeuomorfismi tõttu!

Skeuomorfism on termin, mida kasutatakse kõige sagedamini graafilises kasutajaliidese kujunduses liidesobjektide kirjeldamiseks, mis jäljendavad nende reaalaineid nende välimuses ja / või kuidas kasutaja saab nendega suhelda. Tuntud näide on prügikasti ikoon, mida kasutatakse failide äraviskamiseks. Skeuomorfism teeb kasutajaliidese objektid kasutajatele tuttavaks, kasutades mõisteid, mida nad tunnevad ära. ”

Kuid kas see pole juba surnud? Jah ja ei. Visuaalset külge arvestades maeti see tõepoolest enamasti koos iOS 7 ja OS X Yosemite väljalaskega, kuid vastavalt ülaltoodud määratlusele pole skeuomorfism mitte ainult asjade väljanägemine, vaid ka nende toimimine.

Enne sisestusvormi kujundamist kulutage kindlasti mõni hetk uuringutele. Võtke rahakotist välja üks neist plastkaartidest ja uurige selle kujundust põhjalikult. Kuidas sa tead, et see on maksekaart? Millised on selle eripärad? Lisaks konkreetsete elementide (nt magnetriba või elektrooniline kiip) kaalumisele pöörake tähelepanu ka selle paigutusele - teabe järjekorrale.

Skaneerimine on kõige usaldusväärsem, turvalisem ja kiireim meetod

Minu arvates on skannimise kasutamisel andmete sisestamise peamise meetodina palju eeliseid. Esiteks on see palju kiirem kui andmete käsitsi sisestamine. Kui see on õigesti rakendatud, ei tohiks see tekitada probleeme, nagu näiteks kaardil oleva teabe valesti tõlgendamine. Teine suur eelis on väikese panuse andmine pettuste ennetamisse, kuna kaardi skannimiseks peab see teil olema.

Ideaalne vorm - 7 kuldreeglit

Nagu kõige puhul, on ka raske võimalike stsenaariumide jaoks rangeid reegleid pakkuda. Kuid kaaluge neid seitset reeglit, et teie vorm viiks teie kasutaja meeldival viisil eesmärgini.

  1. Õige ja loogiline järjekord ja vorm
    Nagu ma juba varem mainisin, on väga oluline säilitada tellimus sarnaselt füüsilise kaardiga. See aitab kasutajatel vormi kiiremini skannida. Nad loevad teavet järjekorras ja täidavad selle vastavalt. Lisaks vältige kuupäevavalija kasutamist - vaadake lihtsalt kaarti. See ei ütle mitte jaanuar 2020, vaid 01/20. Sama kehtib ka kaardinumbri kohta, mis tavaliselt jaguneb 4-kohalisteks tükkideks. Esitage see kindlasti samal viisil.
  2. Küsige ainult vajalikku teavet
    Kaardiomaniku täisnime ja aadressi küsimine võib olla täiendav turvameede, kuid te ei pea seda alati tegema. Näiteks kui teie rakendus teeb eelnevalt KYC (dokumendil ja fotol põhinev isikukinnitusprotsess), teate juba täisnime. Kasutage kindlasti varem antud teavet uuesti. Kaardinumber sisaldab palju rohkem teavet, kui võite arvata. Näiteks ei pea te küsima kaardi tüübi kohta, kuna seda saab numbrist hõlpsasti lahti dekodeerida.
  3. Kasutage õiget klaviatuuri tüüpi
    Seda reeglit on lihtne rakendada, kuid see unustatakse sageli. Meie nutitelefonidel on olenevalt kontekstist mõnda tüüpi klaviatuurid. E-posti aadressi, telefoninumbri või veebilehe aadressi sisestamiseks on spetsiaalne versioon. CVV-numbri sisestamise lihtsustamiseks kasutage numbriklaviatuuri.
  4. Visuaalne esindatus on kena lisand
    Kui teil on vajalikud ressursid, näidake kaardi visuaalset esitust, mida värskendatakse, kui kasutaja sisestab üksikasjad. Sel viisil kontrollitakse andmete õigsuse kontrollimist palju kiiremini.
  5. Vigade minimeerimine, nende ilmnemisest teatage selgelt
    Järgige kindlasti peamisi juurdepääsetavuseeskirju, nagu õige kontrast, kirjasuurus ja nii edasi. Tõenäoliselt vähendab see vigade arvu, kuna teie vormi on lihtne lugeda ja skannida. Mõne tõrke korral lisage siiski vihje selle koha kõrvale, kus kasutaja peab mõne teabe parandama.
  6. Lubage kolmanda osapoole teenused, millel juba on üksikasjad (nt Apple Pay)
    Võimalusel lubage kolmanda osapoole teenused, mida teie kasutaja juba kasutab. See võib olla sama lihtne kui Apple Pay'i lubamine või PayPali rakendamine makseviisina. Selle lihtsa reegli järgimine võib teie konversioonimäärasid tunduvalt parandada!
  7. Turvalisus - pakkuge usaldusväärne lahendus
    Veenduge, et kasutajate privaatsed andmed oleksid teie jaoks ohutud. Teine samm oleks oma kasutajate teavitamine ettevaatusabinõudest. See võib olla ükskõik mida - peen ikoon, väike vihje või lihtsalt puhas kujundus. Kasutajate kindlustumine nende privaatsuse vastu muudab teie toote usaldusväärsemaks. Ärge tehke keeruliseks, ärge lisage selle koha turvalisuse kohta suuri detaile - väike vihje on enam kui piisav.

Kokkuvõtteks…

Esitatud andmeid arvestades võime olla kindlad, et maksekaardid on enamiku kasutajate jaoks kõige universaalsemad ja kättesaadavamad makseviisid. Tegelikult on see vahetult pärast sularaha populaarsuselt teine ​​meetod. Sellepärast tulevad kasuks suurepäraselt valminud disainitud vormid. E-maksed jälitavad dünaamiliselt ka muid makseviise, kuid veel kaua läheb aega, enne kui need on sama populaarsed.

  • Järgige sama teabe paigutust, mis füüsilisel osal,
  • Skaneerimine peaks olema peamine, kuid mitte ainus meetod,
  • Järgige juurdepääsetavuse kujundamise põhimõtteid,
  • Teavitage kasutajat turvalisusest,
  • Pidage kasutaja kohta alati meeles.

Milline on Teie arvamus? Kas olete fintech'i kujundamisel kokku puutunud sarnaste probleemidega? Jagage oma arvamust kommentaaride jaotises ja kui teie arvates oli see teave kasulik - jätke plaks.

Tutvuge Netguru ajaveebist huvitavamate disainiartiklitega ja Swap Behance'i juhtumiuuringuga, mis oli selle artikli aluseks.

Tänan kõiki korrektuurilugemise ja tagasisidega seotud inimesi: Patrycja Paczkowska, Mateusz Przytuła, Luke Pachytel, Toto Castiglione, Natalia Chrzanowska