KPIs

This comprehensive guide will cover everything about KPIs in Mokkup.

When to Use?

A KPI card is a visual representation of a key performance indicator (KPI). It typically includes the KPI name, the current value, the target value, and a trend line. KPI cards are often used in dashboards to track the performance of a business against its goals.

KPIs are beneficial when:

• Track Metrics Performance: KPIs help track business performance against goals. KPIs can track sales, customer happiness, and employee efficiency.
• Identify trends and patterns: KPIs can identify data trends. This might help you assess your business's performance and find opportunities for improvement.
• Make better decisions: KPIs might help you choose products and marketing efforts.
• Better communications: KPIs can be used to communicate business performance to stakeholders including investors, employees, and customers. This can boost business trust.

How to Create?

There are two ways to use the Filter in Mokkup.

Creating a New Project:

• Click on ‘Create new’ from the home page
• Setup the project by filling in the name and choosing the frame size
• Drag & Drop the KPI card on to the canvas or click on it to add from the left menu
• Resize it on the canvas and place in the desired location
• Edit it from the customize element menu which opens on element selection

Using a Mokkup Template:

• Choose a template from the template library and click ‘Use Template’
• Select the KPI card that needs modification
• Resize it on the canvas and place in the desired location
• Edit it from the customize element menu which opens on element selection

Tip: Mokkup elements have multiple variations that can be accessed by double-clicking on the element or clicking Variation in the customize element menu.

How to Customize?

 

Mokkup allows various customization options for all elements. These customization options are present in the menu on the left side. 

This is the default tab that opens when an element is selected. All element customizations can be done in this tab. Each sub-section will be explained below.

1. Details:

Edit the basic element details here:

Alignment: 

• Adjust the title alignment to either left, center, or right of the element.

Title:

• Change the title of the chart here. Toggle off if not needed.

Banding:

• Toggle on if the element needs banding

• This option is not available for all the variations

2. Properties:

Properties include all the essential elements of the KPI.

Label Position:

• Change the label position here either to the top or bottom of the KPI card
• This feature is not available for all variants

Measured Value:

• Toggle off if the KPI card doesn’t need a measured value.
• Change the value of the element here & edit the text specifically.

Compared Value:

• Edit the title & value of compared value from here; toggle off if not needed.

Percentage Change:

• Toggle off if the KPI card doesn’t need a percentage change.
• Edit the title & value of the percentage here.
• Legend can also be edited here.

3. Add Ons:

Contains additional elements that can be added to the KPI card.

4. Variation:

• Clicking this will open the ‘Choose Style’ pop-up. 
• Pick a different style for the element from this. 
• The pop-up can also be accessed by double-clicking any selected element.
• Different element variations can also be achieved by customizing it using the steps described above.

5. Design Customizations

• This will access the 'Design Customizations' menu when clicked. 
• Use this to change your active theme and utilize customization options to adjust the canvas accordingly.
• For more information, please refer to this article.

This was a complete guide to using and editing KPIs on Mokkup. For further help, please ask our Chatbot or contact Support.