Kin Walleti kasutajaliidese kujundamine

Nõuded projektile

Meie projekteerimisprotsess algab toote nõuete määratlemisega. Sel juhul peab meie toode tutvustama Kiku kasutajatele Kin'i teenimise ja kulutamise protsessi. See tähendab, et kaasame kasutajad Kiki sisemusse täiesti uuele kogemusele.

Selle toote eelneva iteratsiooni ajal (versioon tehti kättesaadavaks märkide levitamisüritusel osalenud kasutajatele) otsustati, et rahakotil on Kin kaubamärgi välimus ja tunne.

See tähendab, et seda toodet vaatavad uued Kiki kasutajad kogevad nii uusi funktsioone kui ka uut välimust ja tunnet, mis erinevad Kikist senini harjumuspärasest.

Sel põhjusel mõistsime varakult, et on oluline hoida seda versiooni võimalikult lahjana.

Kasutajasõitude kavandamine IA struktuur

Pardal

Kasutajaid tutvustatakse rahakotti läbi boti @KikTeam. See võimaldab meil selle uue kogemuse tutvustamiseks uurida, mida Kiki kasutajad tunnevad - vestlevad.

Rahakotiteabe arhitektuur (IA) - erinevate struktuuride uurimine

Selle projekti kahe iteratsiooni käigus uurisime kahte võimalikku mõjuhindamise struktuuri.

  1. Tugev funktsioonide komplekt, mis sisaldab tehingute ajalugu ja suurt osa Kini teenimise võimalustest.
  2. Lihtsam komplekt, mis sisaldab ainult tasakaalu ja teenimise / kulutamise võimalusi.

Esimene iteratsioon

Varase iteratsiooni ajal alustasime avalehega, mida kasutati TDE osaleja rahakoti jaoks, ning lisasime teenimis- ja tehinguajaloo jaoks menüünavigatsiooni. Kulutused ja tasakaal jääksid avalehele, et projekti ulatust minimeerida ja kasutada peale seda, mis oli juba kasutajatele kättesaadav. Menüü struktuur aitaks selle versiooni jaoks kavandatud robustsed funktsioonikomplektid eraldi aladesse grupeerida, et aidata suunata ja vähendada kognitiivset koormust.

Kahe uue lehe (teenimis- ja tehinguajalugu) jaoks uurisime kahte tavapärast kujundusmustrit:

  1. Tehinguajaloo ajakava: see muster võimaldab meil esitada teavet kronoloogilises järjekorras, mis sobib selle lehe eesmärgiga - näidata saabuvate ja väljaminevate Kin-tehinguid aja jooksul. See on pangandusrakenduste puhul tavaline.
  2. Sisukaardid teenimiseks: seda mustrit kasutatakse tavaliselt sisutarbimises ja e-kaubanduse toodetes, mis sobib ruumi jaoks, kus Kin töötab.

Uurisime ka loendipaigutuste ja suurte kaartide abil:

Selle versiooni kujundamisel oleme laiendanud Kin kaubamärgi kasutajaliidese komplekti ja peame katsetama uute stiilide ja kasutajaliidese mustritega.

Teine iteratsioon

Liikudes selle projekti teise iteratsiooni juurde (IPLv2), alustasime väiksema funktsioonide komplektiga. Otsisime lihtsat disainilahendust, mis annaks Kiku kasutajatele selgel viisil uue kogemuse ja mida oleks lihtne rakendada.

See rahakoti versioon on lihtne, sellel on ainult üks leht ja paigutus, päis ja vahekaardid, et eristada kahte tüüpi teavet:

  1. Laste tasakaal ja teave kasutaja kohta.
  2. Kahepoolne majanduse pakkumine - võimalused teenida ja kulutada.

Selle struktuuri kasutamine võimaldas meil luua kaks hierarhiataset.

Sinine päis juhib kasutajate tähelepanu oma suguvõsa saldole ning nende nimi ja foto pakuvad kinnitust, et see on nende konto.

Vahelehtede piirkond on kleepuva päisega keritav, et fookus tasakaalult majandusele üle minna. Eeldasime, et kui kasutajad suunavad tähelepanu oma tasakaalult nendele vahelehtedele, ei vaja nad enam saldot puudutavat teavet. Kahe vahelehe vahel vahetamine peaks siiski alati olema saadaval, kuna anname mõlemale vahelehele sama hierarhiatasandi.

KÜ kujundus

Vaata ja tunne

Rahakoti kasutajaliidese stiil põhineb Kin kaubamärgi stiilijuhendil. Meie eesmärk on luua usaldusväärse ja sõbraliku ilme abil siniseid toone, jooneikoone ja minimaalseid joonis illustratsioone, viidates teadusele ja tehnoloogiale.

Kin stiili juhendist: kangelane ja kohapealne illustratsioon, logo kasutusviisid, värvid ja tüpograafiaRahakoti kasutajaliides

Animatsioonid ja ekraanisiirded

Kasutasime kahte tüüpi animatsioone

  1. Üleminekud, mis annavad tagasisidet kasutaja toimingute kohta ja loovad ootused tuleviku suhtes.
  2. Vigade ja süsteemi tõrgete sõbralikuks tegemine vastavalt meie eesmärgile luua usaldusväärne ja sõbralik tunne.

Üleminekud

Pärast seda, kui kasutajad on tingimustega nõustunud, kulub rahakoti seadistamiseks mõni sekund. See tähendab, et pidime looma mingisuguse laadimisoleku. Otsustasime seda võimalust kasutada Kini ideede - detsentraliseerimise ja kogukonna - rõhutamiseks.

Kasutades logo elemente (ümara kujuga sfäärid), lõime metafoori indiviididele, kes liiguvad omas tempos ja suunas, kuid tulevad ikkagi kokku.

Mikro interaktsioonid

Püüdsime hoida mikrotoiminguid minimaalsena ja kasutada neid ainult tagasisidena kasutaja toimingutele.

Äärised juhtumid

Servajuhtumid ja veaseisundid ei ole suurepärane kogemus, kuid peame ka nende kujundamisel arvestama. Proovisime leida viisi, kuidas vea olek sõbralikumaks muuta.

Mis järgmiseks

Kasutajate tagasiside saamine!

Selle projekti kallal töötades tekkis meil palju küsimusi kasutatavuse, kasutajate õige paigutuse ning üldiste vastuste kohta Kiku uue ilme ja ilme kohta.
Praegu seadistame kasutaja töötubasid, teeme kasutatavuse testimist ja saame selle versiooni kohta andmeid, kui see käivitub.