Darktrace Mobile App

Secure the Future, Anytime, Anywhere

My role

Lead Designer — Feature Scoping, Research, Interaction Design, Visual Design, Prototyping

Timeline & Status

6 Months, Q&A

Overview

The Darktrace mobile app had an outdated design that was difficult to use and did not provide an optimal user experience.

The challenge was to redesign the app to make it more intuitive, user-friendly, and visually appealing, while retaining the core functionality and features that make Darktrace's cybersecurity technology so effective.

HIGHLIGHTS

Stay One Step Ahead, Even on the Move.
0.1
Threat Visualiser
IMAGE
0.2
Light Mode - Email Console
IMAGE
0.3
AI Analyst
IMAGE
0.4
News Room
IMAGE
0.5
Alerts
IMAGE

Context

A new direction for Darktrace.

The message was loud and clear

The Darktrace mobile app's outdated design resulted in poor user engagement, as users found it difficult to use and did not find the app visually appealing, leading to low user satisfaction and usage rates.

1
Community requests.
IMAGE

The Problem

While designing the app and mapping out the user flows, some challenges arose.

A pile-up of constraints.

We had to launch before that Darktrace rebranding "LOOP 6"

Incorporating new features and products into the mobile app without compromising the existing user experience.

Designing an app that would appeal to a wide range of users with varying levels of technical expertise.

Consider how to present complex cybersecurity information in a way that was easily digestible and actionable.

THE CHALLENGE

Streamlining complex cybersecurity workflows into a mobile app by prioritising features and crafting intuitive user flows for seamless protection on the go.
2
Project process within timeline.
IMAGE

Emerging Opportunities

Opportunity to collaborate with product managers and engineers to integrate new products into the app while ensuring a cohesive and intuitive user experience through extensive testing.

How can I make complex information simpler and more accessible?

HIGH-LEVEL AUDIT

Starting from where change was needed.

Darktrace, but through a user friendly security lens.

The Darktrace team asked me to evaluate their current security monitoring app and compare it against industry standards like Splunk, IBM QRadar, and other leading SIEM solutions while keeping the essence of their AI-driven approach.

3.0
Audit exhibit A.
IMAGE

Visibility of System Status x User Control and Freedom

Lack of visual confirmation for user actions like applying filters or changing language settings.

Filters and sorting options provide flexibility, but there’s no clear "Undo" or "Reset" button to revert changes easily.

Navigation between tabs (e.g., AI Analyst, Models, Devices) is straightforward but lacks contextual breadcrumbs for deeper tasks. The tab navigation at the bottom aids recognition but does not provide clear feedback on the current tab in some cases.

3.1
Audit exhibit A.
IMAGE

Match Between System and Real-World x Consistency and Standards

Could use more user-friendly explanations or tooltips for non-expert users to clarify terms like "Antigena" or "Patterns of Life."

Dark theme aligns with cybersecurity branding but feels overly dense due to excessive data displayed on some screens.

The dashboard visualisations are useful but could be more interactive or simplified for quick insights.

3.1
Audit exhibit A.
IMAGE

Recognition Rather Than Recall x Accessibility

Small font sizes and dense layouts may pose challenges for users with visual impairments.

There is no visible "Help" or "Learn More" option for new users unfamiliar with Darktrace’s features.

No confirmation dialogs shown for critical actions.

Goal

Enhance the usability of the Darktrace mobile app so security teams can detect and respond to threats faster, streamline their workflows, and gain actionable insights effortlessly.

Shown in Figure 3.1, categorising releases into two stages helped mitigate the cognitive load of seeing all the steps at once.

Additionally, overly-technical terms were revised to better cater to a general audience.

3.1
User Flows
IMAGE

Pinpointing the issues.

Having structure also helped surface some heuristic issues; whichmainly involved confusing navigation and lack of edge case considerations.

3.2
Updated User Flow
IMAGE

Depth Interviews

I conducted three in-depth interviews, these interviews allowed me to explore participants' past experiences with music distribution platforms and their expectations for Beatclap services.

The findings confirmed my assumption that users prefer managing their music revenue and distribution on a computer, as they believe it minimises errors and streamlines the process.

One participant expressed their frustration:
"I find it incredibly inconvenient to track my music revenue across different platforms every single time. It's frustrating and time-consuming."

North Star design principles:

Research

Prioritisation Framework

Impact x Effort

To prioritise features that would deliver the highest value in the shortest time, I collaborated with PMs, researchers, engineers, and product strategists. The goal was to focus on workflows and tools most vital to security teams' day-to-day operations. After evaluating user behaviour and feedback, we concentrated on two high-impact workflows central to cybersecurity operations: Incident Response and Threat Monitoring.

3.0
Prioritisation Matrix
IMAGE

Key Design Decisions

Lack of visual confirmation for user actions like applying filters or changing language settings.

Filters and sorting options provide flexibility, but there’s no clear "Undo" or "Reset" button to revert changes easily.

Navigation between tabs (e.g., AI Analyst, Models, Devices) is straightforward but lacks contextual breadcrumbs for deeper tasks. The tab navigation at the bottom aids recognition but does not provide clear feedback on the current tab in some cases.

3.1
Audit exhibit A.
IMAGE

Match Between System and Real-World x Consistency and Standards

Could use more user-friendly explanations or tooltips for non-expert users to clarify terms like "Antigena" or "Patterns of Life."

Dark theme aligns with cybersecurity branding but feels overly dense due to excessive data displayed on some screens.

The dashboard visualisations are useful but could be more interactive or simplified for quick insights.

3.1
Audit exhibit A.
IMAGE

Key Design Decisions

Why Incident Response and Threat Monitoring?

Data revealed that over 70% of mobile app usage focused on resolving active incidents and monitoring key metrics. These workflows were critical for day-to-day operations and had the highest impact on reducing downtime and mitigating risks.

Engineering Feasibility

Collaborated with engineering teams to map technical lift for each feature. Features such as the Incident Timeline were prioritised because they leveraged existing backend capabilities, ensuring faster implementation.

User Validation

Conducted usability testing with key stakeholders (security analysts and incident responders). Their feedback validated the decision to focus on workflows that allowed rapid access to context and minimised manual effort.

Goal

Enhance the usability of the Darktrace mobile app so security teams can detect and respond to threats faster, streamline their workflows, and gain actionable insights effortlessly.

Shown in Figure 3.1, categorising releases into two stages helped mitigate the cognitive load of seeing all the steps at once.

Additionally, overly-technical terms were revised to better cater to a general audience.

3.1
User Flows
IMAGE

Pinpointing the issues.

Having structure also helped surface some heuristic issues; whichmainly involved confusing navigation and lack of edge case considerations.

3.2
Updated User Flow
IMAGE

Depth Interviews

I conducted three in-depth interviews, these interviews allowed me to explore participants' past experiences with music distribution platforms and their expectations for Beatclap services.

The findings confirmed my assumption that users prefer managing their music revenue and distribution on a computer, as they believe it minimises errors and streamlines the process.

One participant expressed their frustration:
"I find it incredibly inconvenient to track my music revenue across different platforms every single time. It's frustrating and time-consuming."

North Star design principles:

UPDATE FLOW

The backbone of the project.

You gotta start somewhere.

The Beatclap team provided me with a list of mandatory update instructions which included access to the existing Web App and a list of major competitors (Figure 3.0).

4.0
Competitive Benchmarking
IMAGE

Finding structure amidst the chaos.

To make sense of an otherwise unconventional set of steps for creating a release, I started by exploring ways to foster a perceived sense of progress.

Shown in Figure 3.1, categorising releases into two stages helped mitigate the cognitive load of seeing all the steps at once.

Additionally, overly-technical terms were revised to better cater to a general audience.

4.1
User Flows
IMAGE

Pinpointing the issues.

Having structure also helped surface more heuristic issues; which mainly involved confusing navigation and lack of edge case considerations.

4.2
Updated User Flow
IMAGE

Depth Interviews

I conducted three in-depth interviews, these interviews allowed me to explore participants' past experiences with music distribution platforms and their expectations for Beatclap services.

The findings confirmed my assumption that users prefer managing their music revenue and distribution on a computer, as they believe it minimises errors and streamlines the process.

One participant expressed their frustration:
"I find it incredibly inconvenient to track my music revenue across different platforms every single time. It's frustrating and time-consuming."

4.3
Persona
IMAGE

LAYOUT PATTERNS

No fluff, consistent, and scannable.

Keepin' it old school — responsive layout grids.

A standard set of layout grids and breakpoints (Figure 4.0), was critical in ensuring we could design and build quickly and consistently.

5.0
Responsive layout grids
IMAGE
5.1
Button Component Set
IMAGE
5.2
Card Component Set
IMAGE

THe Goal

Respond & Detect To Threats Faster

Keepin' it old school — responsive layout grids.

Enhance the usability of the Darktrace mobile app so security teams can detect and respond to threats faster, streamline their workflows, and gain actionable insights effortlessly.

Reduce time spent on tasks

Optimise navigation and improve the visibility of key functions (e.g., threat prioritisation, device status) to help users complete essential workflows more efficiently.

Increase user independence

Provide clear, contextual guidance (e.g., tooltips, inline help) and intuitive layouts that allow users to complete tasks with minimal reliance on external resources or training.

Boost app engagement

Refine the app’s design to make it a valuable and enjoyable tool that security teams can rely on for both real-time monitoring and incident response.

Improve setup and configuration times

Simplify configuration workflows (e.g., filters, thresholds) to reduce cognitive load and help users focus on high-priority incidents faster.

Success Metrics

Reduce time spent on tasks

Optimise navigation and improve the visibility of key functions (e.g., threat prioritisation, device status) to help users complete essential workflows more efficiently.

Increase user independence

Provide clear, contextual guidance (e.g., tooltips, inline help) and intuitive layouts that allow users to complete tasks with minimal reliance on external resources or training.

Boost app engagement

Refine the app’s design to make it a valuable and enjoyable tool that security teams can rely on for both real-time monitoring and incident response.

Improve setup and configuration times

Simplify configuration workflows (e.g., filters, thresholds) to reduce cognitive load and help users focus on high-priority incidents faster.

6.0
Catalog - Releases
IMAGE

Design Principles

The redesign of the Darktrace mobile app centered on delivering a user experience grounded in clarity, accessibility, and functionality.

6.1
BeatStore
IMAGE

Beatstore — Customisable merch creation

The Beatstore empowers users to create and personalise their own merchandise seamlessly. With a streamlined flow, users can easily navigate through color selection, print customisation, and final product previews.

6.3
Label Profile
IMAGE

Label Overview

The label overview centralises key metrics, offering a clear snapshot of releases, artists, and recent activity. Its clean, intuitive layout allows users to easily navigate essential data and quickly access detailed information.

6.4
Release Creation
IMAGE

Release Creation — mobile-first, step-by-step flow.

The release creation process is broken down into clear, manageable steps, allowing users to easily select asset types, add metadata, and upload tracks from any device

6.5
Release Creation
IMAGE

Contracts

Create and access to your royalty splits, terms and payees.

Final Solution

Designs

Keepin' it old school — responsive layout grids.

Enhance the usability of the Darktrace mobile app so security teams can detect and respond to threats faster, streamline their workflows, and gain actionable insights effortlessly.

Reduce time spent on tasks

Optimise navigation and improve the visibility of key functions (e.g., threat prioritisation, device status) to help users complete essential workflows more efficiently.

Increase user independence

Provide clear, contextual guidance (e.g., tooltips, inline help) and intuitive layouts that allow users to complete tasks with minimal reliance on external resources or training.

Boost app engagement

Refine the app’s design to make it a valuable and enjoyable tool that security teams can rely on for both real-time monitoring and incident response.

Improve setup and configuration times

Simplify configuration workflows (e.g., filters, thresholds) to reduce cognitive load and help users focus on high-priority incidents faster.

6.0
AIA Incident
IMAGE

AIA Analyst — Reducing time spent searching for actionable insights

I streamlined the incident management interface by consolidating critical metrics and threat data into a single, digestible view.

6.1
Filters
IMAGE

Enable Customisable Threat Controls

Custom filters and thresholds were introduced, allowing users to tailor the app to their organisation’s specific needs.

6.3
AIA Analyst
IMAGE

Gain Simplified Access to Context

The introduction of contextual panels provides quick, in-depth details on threats, helping users make decisions without navigating away

6.4
Alerts
IMAGE

Alert Clarity — Reducing cognitive load

I improved the alert system by introducing color-coded prioritisation and clean, concise messaging.

6.5
Email Console
IMAGE

Dashboard

Delivering proactive cyber resilience with real-time detection and autonomous response to known and novel threats.

6.6
Video promo
Video

A happy-ending.

Retrospective — key takeaways and growth.

Project takeaways reflect a user-centered approach, with a focus on balancing technical feasibility and user needs.

Retrospective

A HUGE SUCCESS

Post-launch feedback highlighted significant user satisfaction, with praise for its streamlined navigation, clarity in presenting security insights, and its responsiveness to real-time demands.

Project Takeaways:

User Satisfaction Score

Achieved a 92% satisfaction rate, reflecting positive reception of the redesign.

Task Completion Rate

Increased to 53%, indicating enhanced usability and reduced user errors.

Active User Growth

Saw a 35% rise in daily active users within the first three months post-launch.

Time-on-Task:

Critical tasks (e.g., alert response) completed 30% faster, improving operational efficiency.