Chevron left
Back to projects

Arcanna.ai

RESEARCH / USER TESTING / PRODUCT / UX / UI DESIGN
Arcanna.ai Cover

Overview

Arcanna.ai is the leading AI-assisted platform in cybersecurity. Arcanna.ai delivers the ultimate human-AI partnership by reducing the risk of human error and increasing the efficiency in decision making.

Role

UX/UI Designer

Platform

Web

Industry

Cybersecurity

Year

On going

Responsible for the entire end-to-end design process which includes: research, usability testing, design sprint facilitation, wireframing, visual design, information architecture, prototyping, and QA.

I work closely with the Product Owner, Development Team, Subject Matter Experts, and Stakeholders to create experiences from ideation to execution.

My contribution to Arcanna.ai has been wide-ranging, here I will provide you with a few instances:

Design system

Problem

Arcanna's dynamic startup environment is characterized by swift and ongoing innovation that demands prompt iterations. As a consequence, the platform's user experience frequently faces challenges.
As a consequence, the platform's user experience frequently faced challenges that stemmed from a combination of inconsistent UI, outdated and unused workflows, and the rapid integration of new features.

Solution

I crafted a robust design system which helps me create the product interfaces faster. It promotes visual consistency across the platform, and a unified user experience. It also, gives the development team all the basic and variations needed.
Arcanna design system overview

Integrations

Overview

Integrations play a vital role in Arcanna.ai because they assist AI jobs on processing agnostic events. Users can add, see, edit, and then "attach" them into their AI jobs in the AI job creation progress.
Initially when users wanted to add an integration they were faced two fields. One input field for the integration's title, and one dropdown field that contained the supported integration categories. Once a category was selected, another dropdown field appeared containing the subcategories of integrations related to the parent category. Once the desired subcategory was selected related input fields appeared that required the users input for configuration.

User research

Initial research uncovered 4 shared user pain points between Arcanna.ai's users as the primary reason for why they felt frustrated when creating an AI job.
  1. No visibility
    Users have no way of knowing which integrations are supported by Arcanna.ai without having to go manually through all the dropdown options.
  2. Frustration
    Users have now way to search for an integration, if even they knew what integration they wanted to add, they had to go through the dropdown fields.
  3. Misleading labels
    The labels "Category" and "Subcategory" do not help the users understand what is required from them.
  4. Lack of information
    Nowhere is explained how the integrations can be used in the AI jobs after their creation.
Old integrations sections

Definition & Ideation

After gathering, organizing, defining the ideating over the user insights gathered from the research, the following took place:
  1. Misleading labels and their dropdowns where replaced with cards. Each card represents an integration with the according logo, title, and their usage roles in the platform.
  2. A search bar was introduced, and now the users can search integrations not only by their name but by their usage roles in the platform as well.
  3. Separate section for each integration where the user can configure the details, and also learn more on how they can be used in the platform.
  4. Visual hierarchy and element grouping for easier configuration.

High-fidelity mockups

Browse integrationsSearch integration by roleSearch integration by nameintegration details and configuration
The redesigned way of adding integrations presents all the needed information and offers flexibility in a visual-appealing way.

AI job creation

Overview

Creating AI jobs is on of Arcanna's core functionalities. The existing job creation flow consisted of a pop-up modal, just like an installation wizard, which appeared once the button was clicked and had the user follow some steps before completion.

User research

Initial research uncovered 3 shared user pain points between Arcanna's users as the primary reason for why they felt frustrated when creating an AI job.
  1. Rigid creation process
    Every change or confirmation required going manually through each and every step.
  2. No overall visibility
    There is no overall visibility on the users input, although it is a critical part of the process.
  3. Poor visual hierarchy and order
    The involved elements do not create a clear of organized flow, so the users become overwhelmed and confused.
AI job creation old user flowAI job create old user flow 2

Definition & Ideation

After gathering, organizing, defining the ideating over the user insights gathered from the research, the following changes took place:
  1. The AI job process was moved to a separate section.
  2. Related information was grouped and the process went from 5 to 3 steps.
  3. All the information that needed user input has it's own space keeping the user focused.
  4. A summary step was added for overall visibility before creating the AI job.
AI job, data flow defaultAi job, data flow with inputAi job with automationsAI job summary

Usability testing

Usability studies led to keeping the whole process into a single section. This way the user is not changing context and has a overall visibility of the creation process the whole time.
Add AI job final

High-fidelity mockups

Create AI job inline validationAI job edit inputAi job, advanced settings, default feedback labelsAI job advanced settings add new feedback label with inline validationAI job, advanced settings, multiple feedback labelsAdd AI job final
The redesigned AI job creation process allows users to create AI jobs effortless, providing them with all the necessary information.