Design UX/UI pour la gestion des flux de travail

L'IA qui sécurise les opérations bancaires

Cybersécurité

Application Web

London

CLIENTCallsign Ltd.
LOCATIONRoyaume-Uni, États-Unis et France
TEAMUX designer, UI designer, interaction designer, développeur React, chef de projet, product owner, architecte logiciel.

Callsign est une startup spécialisée dans la cybersécurité. Elle a levé une série A de 30 millions d'euros pour lancer son moteur de sécurité et d'authentification pour les banques.

Callsign souhaitait un design d'interface utilisateur pour les analystes de fraude afin de concevoir des flux de travail pour l'IA. Après des mois de tentatives, leur équipe de design interne s'est retrouvée bloquée. Les premières démonstrations clients approchant, ils avaient besoin d'un design UX/UI de premier ordre pour les workflows, et ce rapidement.

Le projet de design UX/UI avec Creative Navy était axé sur le moteur de politique, l'outil utilisé par les analystes de la fraude dans les banques pour prescrire des paramètres comportementaux à l'IA.

NOS CONTRIBUTIONS

Design UX

Design UI - Système Design

Prototypage

Développement React

Design d'interaction

Développement D3

Architecture de l'information

Assurance qualité

Expérience utilisateur et conception d'une interface utilisateur graphique pour un outil de flux de travail montrant les nœuds et les sommets

CONTRÔLER LES FLUX DE TRAVAIL DE L'IA SANS ÉCRIRE DE CODE

Le design de l'interface permet aux analystes de fraude de concevoir facilement des flux de travail. Le concept UX utilise seulement 3 gestes pour créer des éléments de flux de travail, pour changer le type de nœud et pour connecter les nœuds dans le flux de travail.

Les fonctions de collaboration complètent l'expérience de l'utilisateur sans le distraire de sa tâche principale, qui consiste à mettre en œuvre une politique de sécurité dans un flux de travail d'IA.

Le processus en 5 étapes pour contrôler les flux de travail par le biais de l'interface utilisateur

TROUVEZ VOTRE CHEMIN AVEC DES VOYAGES CENTRÉS SUR L'HUMAIN

Les applications d'entreprise ont tendance à avoir des flux d'utilisateurs linéaires et compliqués. C'était le statu quo chez Callsign.

Nous avons entièrement repensé les flux d'utilisateurs afin de refléter les besoins des utilisateurs, plutôt que la perspective de la base de données. Dans la nouvelle expérience utilisateur, les politiques sont modifiées en contexte et les utilisateurs obtiennent un retour d'information immédiat. Il n'y a pas besoin d'une expérience abstraite lorsque les utilisateurs modifient ce qu'ils voient et voient ce qu'ils modifient.

Ces flux d'utilisateurs centrés sur l'humain sont la base d'une interface utilisateur et d'une interface utilisateur de qualité.

Détail du parcours de l'utilisateur montrant les étapes du flux de gestion des politiques

UN SYSTÈME DE CONCEPTION ÉVOLUTIF

En 8 semaines, nous sommes passés d'un défi de conception à un système de conception détaillé. Nous avons créé un système de composants d'interface utilisateur dont les états sont méticuleusement documentés. Cela inclut les interactions, les principes qui les sous-tendent et les différentes façons d'utiliser les composants de l'interface utilisateur dans leur contexte.

La logique claire et l'approche minimaliste de la conception des pages, associées à un système de conception complet, ont permis de réduire le temps de développement de 30 %. La startup a ainsi pu respecter le délai fixé pour les démonstrations clients qui approchaient.

Détail du système de conception d'une application de cybersécurité avec la typographie, les couleurs, les icônes, la navigation et les styles de boutons.
Screenshtot from Zeplin showing user interface for policy management with natural language component

ÉVALUER LES FLUX DE TRAVAIL À L'AIDE DE DONNÉES

Les utilisateurs évaluent les flux de travail dans la fonction de visualisation des données. Il prédit le comportement probable du système de sécurité de la banque, compte tenu d'un ensemble de politiques.

L'expérience de l'utilisateur est structurée en deux composantes. Premièrement, une interaction en langage naturel pour créer le contexte de la simulation. Les utilisateurs sont familiarisés avec cette UX et cette UI depuis d'autres parties de l'application.

Deuxièmement, la conception de la visualisation des données est aussi simple que possible afin de se concentrer sur l'essence du résultat de la visualisation des données. Nous avons rendu cette fonction très abstraite conviviale en réduisant la charge cognitive.

Diagramme de Sankey pour la visualisation des données relatives à la cybersécurité et à la performance des politiques de sécurité
Quotes

J'ai pu constater les capacités intellectuelles des membres de la marine créative, leurs connaissances spécialisées et la manière dont ils formulent des solutions à un problème.

CTO du client du projet de conception
Yogesh PatelCTO @Callsign
Détail du bureau parisien du client de l'étude de cas sur le design UX
Vue du bureau parisien du client de l'étude de cas sur le design
Éléments de design

TRANSFORMATION DU DESIGN UX/UI EN 8 SEMAINES

Le nouveau design a été créé en 6 semaines. Il couvrait la conception du créateur de flux de travail et de la zone de gestion des politiques. La majeure partie de la conception a été livrée en 4 semaines, y compris certaines parties du design UI. Les développeurs ont donc commencé à coder le frontend en utilisant React et la bibliothèque D3. La démo du produit était prête 4 semaines plus tard.

Le succès de la démonstration a été immédiat et de grandes banques ont signé pour utiliser le produit. Callsign s'est solidement implanté sur le marché, ce qui a plu aux investisseurs.

Une fois le système de conception achevé, nous avons organisé une remise à l'équipe de conception interne. Depuis, ils utilisent le système de conception pour d'autres secteurs de la gamme de produits Callsign.

RÉSULTATS

Contrats avec de grandes banques remportés sur la base de démonstrations

Conception UX/UI livrée en 6 semaines

Frontend codé avec D3 livré en 4 semaines

Délai de commercialisation réduit de 6 mois

Notre système de conception est toujours utilisé deux ans plus tard

Voir aussi

LLOYDS BANKING GROUP

Le groupe bancaire Lloyds choisit Callsign pour réduire la fraude

TECHCRUNCH

Callsign obtient 35 millions de dollars en série A pour sa plateforme d'authentification adaptative

WORLD ECONOMIC FORUM DAVOS

Callsign récompensé en tant que pionnier de la technologie

SUNDAY TIMES

Callsign est considéré comme un "perturbateur à surveiller" par le Sunday Times