Callsign on kyberturvallisuusalan startup-yritys. He keräsivät 30 miljoonaa euroa A-sarjan varoja lanseeratakseen pankkien turvallisuus- ja todennusmoottorinsa.
Callsign halusi käyttöliittymäsuunnittelun petosanalyytikoille, jotta nämä voisivat suunnitella tekoälylle työnkulkuja. Kuukausien yrittämisen jälkeen heidän sisäinen suunnittelutiiminsä oli jumissa. Koska ensimmäiset asiakasdemot olivat tulossa, he tarvitsivat luokkansa parasta UX/UI-suunnittelua työnkulkuja varten - ja nopeasti.
Creative Navyn kanssa toteutetussa UX/UI-suunnitteluprojektissa keskityttiin Policy Engineen, työkaluun, jota pankkien petosanalyytikot käyttävät määrittäessään tekoälylle käyttäytymisparametreja.
UX-suunnittelu
UI design - Suunnittelujärjestelmä
Prototyyppien rakentaminen
React-kehitys
Vuorovaikutussuunnittelu
D3-kehitys
Tietoarkkitehtuuri
Laadunvarmistus
Käyttöliittymäsuunnittelun ansiosta petosanalyytikot voivat suunnitella työnkulkuja helposti. UX-konseptissa käytetään vain kolmea elettä työnkulun elementtien luomiseen, solmutyypin vaihtamiseen ja työnkulun solmujen yhdistämiseen.
Yhteistyöominaisuudet täydentävät käyttäjäkokemusta häiritsemättä päätehtävää, joka on tietoturvakäytännön toteuttaminen tekoälyn työnkulkuun.
Yrityssovelluksilla on yleensä monimutkaisia lineaarisia käyttäjävirtoja. Tämä oli Callsignin nykytilanne.
Suunnittelimme käyttäjävirrat täysin uudelleen siten, että ne heijastavat käyttäjien tarpeita tietokannan näkökulman sijaan. Uudessa käyttäjäkokemuksessa käytäntöjä muokataan kontekstissa, ja käyttäjät saavat välitöntä palautetta. Abstraktia kokemusta ei tarvita, kun käyttäjät muuttavat sitä, mitä näkevät, ja näkevät sen, mitä he muuttavat.
Nämä ihmiskeskeiset käyttäjävirrat ovat kuluttajaluokan UX:n ja UI:n perusta.
Kahdeksassa viikossa pääsimme suunnitteluhaasteesta yksityiskohtaiseen suunnittelujärjestelmään. Loimme käyttöliittymäkomponenttien järjestelmän, jonka tilat on dokumentoitu huolellisesti. Se sisältää vuorovaikutussuhteet, niiden taustalla olevat periaatteet ja erilaiset tavat käyttää käyttöliittymäkomponentteja kontekstissa.
Selkeä logiikka ja sivujen suunnittelun minimalistinen lähestymistapa yhdistettynä perusteelliseen suunnittelujärjestelmään lyhensivät kehitysaikaa 30 prosenttia. Näin startup-yrityksen oli mahdollista noudattaa lähestyvien asiakasdemojen määräaikaa.
Käyttäjät arvioivat työnkulkuja tietojen visualisointiominaisuudessa. Se ennustaa pankin turvajärjestelmän todennäköisen käyttäytymisen, kun otetaan huomioon joukko käytäntöjä.
Käyttäjäkokemus koostuu kahdesta osasta. Ensimmäinen on luonnollisen kielen vuorovaikutus simulaatiokontekstin luomiseksi. Käyttäjät tuntevat tämän käyttöliittymän ja käyttöliittymän sovelluksen muista osista.
Toiseksi tietojen visualisoinnin suunnittelu on mahdollisimman yksinkertaista, jotta voidaan keskittyä tietojen visualisoinnin tuloksen olemukseen. Teimme tästä erittäin abstraktista ominaisuudesta käyttäjäystävällisen vähentämällä kognitiivista kuormitusta.
Uusi muotoilu luotiin 6 viikossa. Se kattoi työnkulun luomis- ja hallinta-alueen suunnittelun. Suurin osa suunnittelusta toimitettiin neljässä viikossa, mukaan lukien osa käyttöliittymäsuunnittelusta. Näin kehittäjät aloittivat frontendin koodaamisen Reactin ja D3-kirjaston avulla. Tuotteen demo oli valmis neljä viikkoa myöhemmin.
Demon menestys oli välitön, sillä suuret brittiläiset pankit allekirjoittivat sopimuksen tuotteen käytöstä. Callsign sai vahvan jalansijan markkinoilla, mikä miellytti sijoittajia.
Kun suunnittelujärjestelmä oli valmis, järjestimme luovutustilaisuuden heidän sisäiselle suunnittelutiimilleen. Siitä lähtien he ovat käyttäneet suunnittelujärjestelmää Callsignin tuotevalikoiman muilla osa-alueilla.
Sopimukset suurten pankkien kanssa voitettu esittelyn perusteella
UX/UI-suunnittelu toimitettiin 6 viikossa
Koodattu etusivu D3:lla toimitettiin 4 viikossa
Markkinoille tuloaika lyheni 6 kuukaudella
Suunnittelujärjestelmämme on edelleen käytössä 2 vuotta myöhemmin