UX/UI-suunnittelu työnkulun hallintaa varten

Tekoäly, joka pitää pankkitoiminnan turvassa

Kyberturvallisuus

Web-sovellus

London

ASIAKASCallsign Ltd.
SIJAINTIYhdistynyt kuningaskunta, Yhdysvallat ja Saksa
TIIMIUX-suunnittelija, UI-suunnittelija, vuorovaikutussuunnittelija, React-kehittäjä, projektipäällikkö, tuotteen omistaja, ohjelmistoarkkitehti
VERKKOSIVUSTO

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.

PANOKSEMME

UX-suunnittelu

UI design - Suunnittelujärjestelmä

Prototyyppien rakentaminen

React-kehitys

Vuorovaikutussuunnittelu

D3-kehitys

Tietoarkkitehtuuri

Laadunvarmistus

Käyttäjäkokemus ja visuaalinen käyttöliittymäsuunnittelu työnkulkutyökalulle, jossa näytetään solmut ja kärkipisteet

OHJAA AI-TYÖNKULKUJA ILMAN KOODIN KIRJOITTAMISTA

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.

Viisivaiheinen prosessi työnkulkujen ohjaamiseksi käyttöliittymän kautta

LÖYDÄ TIESI IHMISKESKEISTEN REITTIEN AVULLA

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.

Yksityiskohtainen kuva käyttäjän matkasta, jossa näkyvät toimintatapojen hallinnan vaiheet

SKAALAUTUVA SUUNNITTELUJÄRJESTELMÄ

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.

Yksityiskohta kyberturvallisuussovelluksen suunnittelujärjestelmästä ja typografiasta, väreistä, kuvakkeista, navigoinnista ja painiketyyleistä
Screenshtot from Zeplin showing user interface for policy management with natural language component

ARVIOI TYÖNKULKUJA TIETOJEN AVULLA

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.

Sankey-diagrammi kyberturvallisuustietojen visualisointiin tietoturvapolitiikan suorituskykyä varten
Quotes

Oli hienoa nähdä Creative Navyn älylliset kyvyt, asiantuntijatietämys ja se, miten he muotoilevat ratkaisuja ongelmiin.

Suunnitteluhankkeen tilaajan teknologiajohtaja
Yogesh PatelTEKNOLOGIAJOHTAJA @Callsign
Yksityiskohta UX design -tapaustutkimuksen asiakkaan Helsingin toimistosta
Näkymä suunnittelutapaustutkimuksen asiakkaan lontoolaiseen toimistoon
Suunnitteluelementit

UX/UI-SUUNNITTELUN MUUTOS 8 VIIKOSSA

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.

TULOKSET

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

Katso myös

LLOYDS-PANKKIRYHMÄ

Lloyds banking Group valitsee Callsignin petosten torjuntaan

TECHCRUNCH

Callsign keräsi 35 miljoonaa dollaria A-sarjassa mukautuvalle tunnistusalustalleen

WORLD ECONOMIC FORUM DAVOS

Teknologian edelläkävijäksi palkittu Callsign

SUNDAY TIMES

The Sunday Times on ilmoittanut Callsignin olevan "mullistava, jota on syytä tarkkailla"