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.
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.
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.
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?
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.
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.
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.
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.
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.
Having structure also helped surface some heuristic issues; whichmainly involved confusing navigation and lack of edge case considerations.
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."
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.
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.
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.
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.
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.
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.
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.
Having structure also helped surface some heuristic issues; whichmainly involved confusing navigation and lack of edge case considerations.
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."
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).
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.
Having structure also helped surface more heuristic issues; which mainly involved confusing navigation and lack of edge case considerations.
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."
A standard set of layout grids and breakpoints (Figure 4.0), was critical in ensuring we could design and build quickly and consistently.
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.
Optimise navigation and improve the visibility of key functions (e.g., threat prioritisation, device status) to help users complete essential workflows more efficiently.
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.
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.
Simplify configuration workflows (e.g., filters, thresholds) to reduce cognitive load and help users focus on high-priority incidents faster.
Optimise navigation and improve the visibility of key functions (e.g., threat prioritisation, device status) to help users complete essential workflows more efficiently.
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.
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.
Simplify configuration workflows (e.g., filters, thresholds) to reduce cognitive load and help users focus on high-priority incidents faster.
The redesign of the Darktrace mobile app centered on delivering a user experience grounded in clarity, accessibility, and functionality.
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.
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.
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
Create and access to your royalty splits, terms and payees.
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.
Optimise navigation and improve the visibility of key functions (e.g., threat prioritisation, device status) to help users complete essential workflows more efficiently.
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.
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.
Simplify configuration workflows (e.g., filters, thresholds) to reduce cognitive load and help users focus on high-priority incidents faster.
I streamlined the incident management interface by consolidating critical metrics and threat data into a single, digestible view.
Custom filters and thresholds were introduced, allowing users to tailor the app to their organisation’s specific needs.
The introduction of contextual panels provides quick, in-depth details on threats, helping users make decisions without navigating away
I improved the alert system by introducing color-coded prioritisation and clean, concise messaging.
Delivering proactive cyber resilience with real-time detection and autonomous response to known and novel threats.
Project takeaways reflect a user-centered approach, with a focus on balancing technical feasibility and user needs.
Achieved a 92% satisfaction rate, reflecting positive reception of the redesign.
Increased to 53%, indicating enhanced usability and reduced user errors.
Saw a 35% rise in daily active users within the first three months post-launch.
Critical tasks (e.g., alert response) completed 30% faster, improving operational efficiency.