MathWorks Feature Modeling Apps

MathWorks Feature Modeling Apps

MathWorks Feature Modeling Apps

Balancing Complexity for Engineers

0-1 PRODUCT DESIGN, RESEARCH

0-1 PRODUCT DESIGN, RESEARCH

Client
Client
Client

MathWorks -

Simulink

MathWorks -

Simulink

Role
Role
Role

Lead UX

Designer

Team
Team
Team

UX Researcher,

PM, Development

UX Researcher,

PM, Development

Timeline
Timeline
Timeline

2 Releases

(~8 months)

2 Releases

(~8 months)

Year
Year
Year

2023

2023

Introduction

In 2023, I led the design of two new Simulink applications (Feature Modeling & Authoring Apps) that challenged my outlook of UX. Traditionally, my focus was on making interfaces intuitive and visually appealing. However, designing for engineers (highly precise thinkers) required a different approach.


Instead of prioritizing minimalism, I needed to create tools that were functionally robust and seamlessly integrated into users complex workflows.


Our team at MathWorks set out to design the modeling environment engineers use for system design and simulation…

Challenge

Our users, including those at Bosch and Cummins, struggled with the limitations of existing UML diagramming tools, often cluttered and requiring extensive training.


These users needed a tool to create and maintain “product lines” or a set of all possible features, parameters, requirements, assets, and constraints that together create a high-level collection of the parts of a system


The challenge: how could we design a tool that was powerful yet easy to navigate?


Before designing, we conducted user interviews and contextual inquires to observe workflows. I led a kick-off with PMs and developers that helped define the challenges and opportunities for this project.

Current Pain Points:

Current Pain Points:

Current Pain Points:

Cluttered interfaces

made data hard to interpret

Rigid workflows

slowed down efficiency

Limited customization

restricted usability

Steep learning curves

extensive documentation

Key User Metrics (Attitudinal & Behavioral):

Qualititative

"I can’t find what I need without clicking through multiple menus."

Quantitative

60% requested better feature organization for faster workflows.

Quantitative

40% of engineers spent extra time navigating instead of designing.

Quantitative

100% of engineers agreed that they would benefit from a streamlined modeling and authoring tool for complex system designing.

Qualitative

"There’s too much information, but I don’t want to lose depth."

Qualitative

"This takes so long to load I leave and go make myself a cup of coffee and it still hasn't loaded"

Who is this for and how is it being used?

Product Line Engineer

Create and manage a feature

model which can be used to

create various catalogs/variations of the same solution type.

Application Developers
Application Developers
Application Developers

Build an application/product based on a set of features. This catalog is used for testing, feasibility, analysis, etc.

Component Engineer

to develop and test reusable components. These components are key parts of a feature solution.

Feature Model: a high-level model of all the possible parts and characteristics that build a general type of system (ex. Water filtration system model not a specific type like Hospital Water Filtration System)


Feature Catalog: a hierarchical collection used to organize all the parts of a specific model (ex: parts of a Water Filtration System)

Key Requirements:

Key Requirements:

Key Requirements:

Toolstrip framework

for easy navigation and task completion

Working area

for multi-document support for seamless workflow

Essential controls

that display essential information & actions for better decision-making

Customizable catalogs

to streamline engineering workflows

the current state of things

What are competitors doing?

We analyzed grocery apps like Instacart, Weee!, Amazon Fresh, and Walmart Grocery. While these platforms excel in ease of delivery and pickup options, they lack:

  • Personalization for dietary and schedule needs.

  • Efficient meal planning tied to inventory.

  • Shopping list collaboration & planning tools.


Sketching a shared vission

I facilitated cross-functional sketching sessions using Miro, involving designers, engineers, and product managers. We:

  • Mapped pain points and feature priorities.

  • Used dot voting & affinity diagrams to identify key functionalities.

  • Debated trade-offs between simplicity and technical depth.

Ideation & Design

Our initial research helped me create a prioritized list of requirements for the products including:

  • Engineers needed all critical data visible upfront but in an organized structure.

  • UI elements should be designed to support, not obscure, complexity.

  • The tool needed to be adaptive to different expertise levels.

Using this framework I started mapping out target workflows, user roles & goals, user input & output, and feature maps for the products.

Design Iteration & Collaboration

My design strategy followed the key user need for full control over data without losing depth. My designs aimed for functional clarity instead of traditional simplicity.

Throughout the design process I met regularly with PMs and developers to validate my designs.

Final Design Elements:

  • Toolstrip Framework – Key actions easily accessible.

  • Multi-Panel Working Area – Engineers could view multiple documents simultaneously.

  • Customizable Feature Catalogs – Enabled flexibility in modeling workflows.

  • Hierarchical Data Organization – Ensured clarity without sacrificing complexity.

Iterating Based on User Feedback

We conducted A/B testing, comparing:

  • Minimalist UI vs. data-rich UI → Engineers preferred data-rich but structured designs.

  • Different navigation models → Clear labeling improved efficiency by 30%.


Feature Modeling Workflow

Feature Modeling Workflow

Feature Authoring Main Configuration Page

Feature Authoring Main Configuration Page

Final Usability Metrics:

Final Usability Metrics:

70% increase in efficiency

reducing task completion times

70% increase in efficiency

reducing task completion times

Higher feature adoption

among engineers from Hyundai and Bosch

Reduced cognitive load

leading to faster onboarding

Reflections & Takeaways

This project taught me that great UX isn’t always about simplicity, it’s about presenting complexity in a way that feels natural. Engineers don’t need minimalism; they need clarity, control, and efficiency.

By designing the Feature Modeling & Authoring Apps, we didn’t just create an intuitive UI, we built a system that engineers could trust and rely on. This experience reinforced my ability to balance usability, functionality, and technical constraints, a skill I will bring to future Design teams.