Bornio Data Privacy Filters
UI/UX Redesign
Embedded Files
What does Bornio do
Bornio Data Privacy Filters® is a flexible and powerful tool for data engineers to stay compliant with evolving data privacy regulations. It automatically discovers, classifies, and protects sensitive data in existing data flows and clouds, reducing time, cost, and complexity in ensuring compliance.
Background
The current product was built to support the requirements of about 6 potential customers and use cases. Functionality was the focus, not usability.
Now Bornio is ready to release the product for free download to serve more customers and so we need to make the product design easy to use and visually pleasing.
My role
As the lead designer, I oversaw the UI/UX design for the project, collaborating with the product manager to conduct a heuristic evaluation to identify weaknesses.
Prioritizing tasks according to the major user journey, I established the design system's foundation and delivered detailed design specs to the development team for implementation.
Business objectives
Boost the number of active users and encourage greater engagement with the product's core features.
Deliver an exceptional user experience that motivates users to share and recommend the product through word of mouth.
Design objectives
Enhance usability to ensure the product is intuitive and user-friendly, especially for new users, ultimately boosting adoption rates.
Refine the UI design to create a visually appealing and engaging experience.
Develop a comprehensive design system to maintain consistency across all design elements.
Identify the user needs
As I am not well-versed in data science, I took the initiative to engage with the company founder, product manager, and users to gain a deeper understanding of user needs and pain points. Below is my summary of the key user requirements.
A convenient way to protect the data throughout the data flow.
De-identify data in an appropriate manner tailored to specific roles in the company.
Simplify data governance and compliance according to privacy regulations that change state-to-state.
The existing design & major user journey
01
Create Data Source
STEP 1
Select data source
STEP 2
Create a new connection to the data
STEP 3
Select an existing connection to the data
STEP 4
Data source created successfully
02
Data Preview & Privacy Policy Modification
STEP 5
Data preview
STEP 6
Review table details
STEP 7
Review privacy policies
STEP 8
Privacy policy modification
03
Install Privacy Filter & Deploy
STEP 9
Select the data source for the Privacy Filter
STEP 10
Select the Privacy Filter Mode
STEP 11
Settings for the Privacy Filter Mode
STEP 12
Execute the action according to the data source and Privacy Filter Mode
UX defects be identified from Heuristic evaluation
Inconsistent icon styles create a visually cluttered appearance.
An overcrowded layout disrupts the browsing experience, making it less comfortable for users.
The color palette feels dull and lacks clear visual guidance for users.
The information architecture could be simplified to help users locate information more easily.
Enhancing the interactive design of pop-up windows is essential to prevent accidental misoperations.
Final Design
01
Create Data Source
AFTER
To facilitate new users get started quickly, we incorporated coach marks as a user onboarding guide within essential stages.
We enhanced the pop-up title to ensure clear and concise messaging.
Furthermore, we have refined the user interface design of the data source selection component, optimizing the visual balance between logo and typography while guaranteeing its compactness.
BEFORE
02
Data Source Details
AFTER
We enhanced the UI design of the directory on the left-hand side. The improvements include a consistent icon style throughout the directory, fine-tuning of paddings to improve the directory's scanability, and introduction of a more prominent visual style for the selected node.
We have modernized the text field by simplifying its design and increasing padding to improve the browsing experience.
The current node is now highlighted at the top to inform users of their location. These enhancements have improved the usability and aesthetic appeal of the application.
BEFORE
03
Date Review
AFTER
We improved the design of breadcrumbs and simplified the table with vivid colors to differentiate between original and masked data.
Additionally, the privacy policy selection has been changed to a drop-down menu for better usability.
We redesigned the chart to make it more user-friendly and in line with design guidelines. The changes aim to improve the chart's readability, making it easier for users to interpret and utilize the information.
BEFORE
04
Install Privacy Filter
AFTER
To enhance browsing efficiency, we have simplified the data source selection design to a single-row arrangement.
This change recognizes that users may not have many data sources in the early stages, making a more elaborate design unnecessary.
We also redesigned the Privacy Policy Mode selection to ensure consistency with the data source selection design.
This change aims to provide a cohesive and intuitive interface, making it easier for users to navigate and access the available privacy policy modes.
BEFORE
Style Guide
More case studies
2025 © Edison Chen — Wish you a good life.
Page updated
Google Sites
Report abuse