Arcanna.ai
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.
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.
- No visibilityUsers have no way of knowing which integrations are supported by Arcanna.ai without having to go manually through all the dropdown options.
- FrustrationUsers 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.
- Misleading labelsThe labels "Category" and "Subcategory" do not help the users understand what is required from them.
- Lack of informationNowhere is explained how the integrations can be used in the AI jobs after their creation.
Definition & Ideation
After gathering, organizing, defining the ideating over the user insights gathered from the research, the following took place:
- 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.
- 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.
- 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.
- Visual hierarchy and element grouping for easier configuration.
High-fidelity mockups
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.
- Rigid creation processEvery change or confirmation required going manually through each and every step.
- No overall visibilityThere is no overall visibility on the users input, although it is a critical part of the process.
- Poor visual hierarchy and orderThe involved elements do not create a clear of organized flow, so the users become overwhelmed and confused.
Definition & Ideation
After gathering, organizing, defining the ideating over the user insights gathered from the research, the following changes took place:
- The AI job process was moved to a separate section.
- Related information was grouped and the process went from 5 to 3 steps.
- All the information that needed user input has it's own space keeping the user focused.
- A summary step was added for overall visibility before creating the AI job.
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.
High-fidelity mockups
The redesigned AI job creation process allows users to create AI jobs effortless, providing them with all the necessary information.