MarkMonitor is the global leader in online brand protection. Experts in Domain Management, Anti Counterfeiting, Anti Piracy, Partner Compliance, and anti-Phishing.

Data Grid design: adding new features that add functionality and soften monotony.

Softening the monotony of data-grids and modals 

The MarkMonitor Data-grid is an essential and core tool leveraged by MarkMonitor analysts on a daily basis. MarkMonitor analysts represent 95% of the customers MarkMonitor service. Analysts use the Data-grid religiously.  MarkMonitor is considered a sovereign posture application suite. Sovereign postured systems monopolize the user's attention for long periods of time. Therefore, the way data is displayed and the way patterns and information can be perceived is incredibly important.

The number of columns available to the analysts at MarkMonitor can easily expand to over 100 with custom columns and fields specific to customers needs that may no limits. With that much information available in a Data-grid and filters to manipulate the data, subtle and distinct differences in how data is perceived become important. Additionally, modal's are also a large portion of how interactions are currently handled. Many of the MarkMonitor modals look similar in nature. 

In this case study, I hope to describe a secondary form of modal that we've only just started to explore. This second type of modal or “grid bar” can be embedded into certain areas of the Data-grid where data can be added, deleted, or edited. 

The simple tool in addition to the manipulation of multiple Data-grids and one screen much like an Excel spreadsheet tabular system for sheets are one of several features were beginning to explore to expand the feature sets of the MarkMonitor core product line and reduce the monotony of grids and modals. The example below may add some color to the problem.


Screen Shot 2019-07-26 at 2.55.30 PM.png

Shown above is a screen capture from the Brand Protection platform. 

Workflow relocation in the UI

One large change to the analyst's experience is the repositioning of the workflow that allows the analyst to move from the scan creation, results review, enforcement aspects of the workflow. As you can see below, there's been a repositioning of the existing drop-down menu based workflow into a tab-based workflow that is more obvious and integrated into the system. We felt as though a relocation of the workflow that draws more attention to its importance and to the left to the right process of the workflow made more sense to the persona.

Shown below is the V2 Leapfrog dropdown menu workflow.

Review Basic - Workflow 1.1.png

Shown below is the V2 Leapfrog dropdown menu workflow.

Review Basic - Workflow 1.1.png

Shown below is the V2 Leapfrog dropdown menu workflow.

Review Basic - Workflow 1.1.png

MCDT is a Design and UX Consultancy

© 2012-2016 

MCDT Consulting