VMware
An end-to-end solution for the SaaS infrastructure that is part of the VMware NSX portfolio.
![VMware](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/6495dc67e69c44e6c3a5cd28_Frame%20434.png)
Overview
Designing Feature Flag Management Tool
The Feature Flags Management Tool (FFM) is a SaaS Infrastructure Common Platform within NorthStar NSX. It wraps code in flags, allowing for runtime toggling of functionality based on user properties. This enhances workflows in an agile style and CI/CD environment.
The NorthStar NSX Feature Flag Management project aims to enhance the user experience, enabling product owners to manage and monitor features while facilitating feature experimentation and delivery by development teams. The vision is to improve in-product feature analysis, suggest service upgrades based on usage patterns, and provide ML-based insights.
My Design Process
As the solo product designer, I took full ownership of the end-to-end deliverables and led the entire design process from conceptualization to delivering.
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/649876c911e142a684f21257_image%2024.png)
Key Objectives
1) Select Feature Rollout to SaaS Customers - Enable VMware to dynamically enable/ disable features, with granular control over which subset of features to rollout to desired target of customers or deployments in SaaS
2) SaaS vs On-Premise Difference - Enable VMware to control access to SaaS-only features, exposing features only through SaaS while withholding those features from on premise exposure, while leveraging same codebase and release train
3) Internal Developer Productivity - Enable developers to work on the same development branch while maintaining branch stability
4) Error handing and dependency compatibility checks - Enable NorthStar / NSX to identify compatible feature capabilities from the underlying platforms
Research and Discovery
Understanding the people
The Key users for FFM are internal facing roles for VMware as a service provider.
During my research, I interviewed eight VMware employees: three Product Owners, three Site Reliability Engineers, and two Developers. I asked them to share their experiences using the Feature Flags Management Tool (FFM) and highlight any pain points they encountered.
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/649726f6df482a3daf6d73c1_Frame%202819%20(1).png)
Understanding the products
I conducted a competitive analysis to examine how other products address similar challenges. I selected five competitive products and VMware CPS (Internal tool) to compare their user flows and studied their well-established design systems to understand how to effectively deliver messages within the product.
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/6499179d66842dea06611c22_Frame%2016911.png)
Opportunities
- Automated Entry: Introduce predefined fields to reduce manual input and save time.
- Bundle Operation: Enable feature flags to control other flags, simplifying scalability.
- Dependency Creation: Allow for flag dependencies to ensure flags are only active under specific conditions.
- Telemetry and Usage Tracking: Implement a feature to track and evaluate flag usage for valuable insights.
- Streamlined Troubleshooting: Simplify troubleshooting steps and provide clear error messages for quicker resolution.
Solution
Higher Level Breakdown
Increase product releases and engineering velocity
Enable businesses to offer tiered levels of functionality
Provides more flexibility for the user experience
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/64972bee5eac467136b33473_Frame%202883.png)
User Flow
Northstar Product Owner
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/649746856406757e7046389a_Frame%2016.png)
User story
1. The PO create a flag with three variants going to parallel market.
2. Rollout the three versions and compare the results of completion rate, accuracy and cancellation
- See how many times user come and modify the policies
- See where they made the changes
3. ML based recommendation on which variation is the strongest.
- Slick to see the real statistics behind them
- Rollback the other flags
Northstar SRE
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/6497482fdea017577bccf081_Frame%2017.png)
User Story
1. The SRE discover that the latest release of an application they support has a severe latency problem due to an issue with a new networking feature in the app.
2. If that feature is controlled via a feature flag, the SRE can remediate the issue very quickly by simply switching it off. and don’t have to wait for developers to fix the underlying code issue before they can solve the problem for users.
3. Leverage feature flags as a way of supporting the core goal: Maximizing reliability.
Prototypes
High-level statistics of all flags
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/6497760fb182f6dc8d608486_q1.png)
Multi-stage flag creation
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/64986b5eca2ca9295b95628a_q2.png)
Insight & Analytics on one specific flag
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/64986b64352f8242434ce5a2_q3.png)
Recommendation & Actionable Insights
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/64986b6ba6201fd47b992ac2_q4.png)
Key takeaways
Designing an Enterprise Product:
- Understanding the users is the key to starting a great product.
- For enterprise products, minimize user interaction with the UI. The less interaction, the better.
- Constant feedback, critiques, and iterations are important parts of the process.
User Cases and Presentations:
- Constructing detailed user story can help tell the story in a more systematic way during presentations.
- Structure for presentations: Background story - Challenges - Solution - Design.
Working in a Multidisciplinary Team:
- Ability to work in a multidisciplinary team.
- Worked with designers, engineers, SRE (Site Reliability Engineers), and PMs (Product Managers) to understand their perspectives.
Poster Presentation
![](https://cdn.prod.website-files.com/649511fd69906da7f06e3245/64986c564ac9926b69c3049a_Screen%20Shot%202022-08-18%20at%209.19%201.png)