Network Operations Console (NOC) Business Rules

NOC is a remote asset management tool that supports and administration and customer service a way to check in on their assets. This case study is for a singular feature in the NOC; the business rules.


Pringle Robotics


4 Weeks


Figma, Trello, FigJam, NextJS


Design a user-friendly implementation of the JSON editor. This editor allows users to set parameter bounds that the asset operates within and reports on if it exceeds the bounds. The data types can vary from asset to asset.


The end result is a powerful and intuitive interface that allows users to create and customize business rules for assets. Contextualizing the rules in plain language was a strong research backed decision that made our interface stronger as a result

From the initial research to the iterative design, each phase played a crucial role in delivering a product that not only met but exceeded user expectations. for asset management, ultimately enhancing operational efficiency.


Research & Analysis

In the research phase, extensive efforts were put into understanding the target audience. Previously create personas and empathy maps were referenced and updated to identify pain points and needs. Competitive research allowed us to benchmark existing solutions, ensuring the NOC's business rules implementation would stand out in terms of usability and functionality

Wireframe & Ideate

Sketches were created to visualize the layout and flow of the sreens. Wireframes were developed to establish the basic structure and navigation. These wireframes served as the foundation for the subsequent design phases. We presented these wireframes to the stakeholders and potential users for feedback. 

Design & Iterate

Collaborating with a co-worker, we developed the visuals using the established design system. We iterated through concepts and identified what was good about each and used that information to inform the final design.

Prototype & Test

User testing was a crucial step to validate design decisions and gather real-world feedback. Participants interacted with the prototype, and their insights were collected to identify potential pain points or areas of improvement. This iterative process ensured that the NOC was refined based on actual user experiences.

Iterate & Deliver

Applying the feedback obtained from user testing, iterative design cycles were implemented. This involved refining interactions, adjusting layouts, and enhancing visual elements to align with user expectations.

Kyle St. John © Copyright 2023. All rights Reserved.