Call us! 512-349-0334 or (877) INDUSOFT

InduSoft Web Studio Symbol of the Week: Minimalistic Gauge and Tips for Designing a Minimalistic Interface

As a complement to our previous collection of minimalistic high contrast designs for InduSoft Web Studio, we’re introducing new minimalist SCADA/HMI symbols this week. These symbols are ideally suited to embedded HMIs, and designed to be easy to read on small displays. More importantly, this stylistic approach to interface design is a trend we expect to grow as more manufacturers embrace “smart” technology. Minimalist designs are already becoming prevalent in devices such a smart watches, because the high contrast and minimally designed graphic elements make the information the key focal point of the screen, but still offer enough visual elements to read it quickly.

Here’s this week’s symbol, Minimalistic High Contrast Symbols , and a few tips for creating applications using this design theme.


Download Minimalistic Gauge Here!

Visit the forum thread for Minimalistic Gauge

Name: BlackGauge_01.sym

Range (if applicable): -9999 to 9999 (maybe more)

Description: Minimal high-contrast gauge meant to complement the existing minimal symbols launched previously: Minimalistic High Contrast SymbolsProperties: TagName, Label, Min, Max

Ideas for improvement:

  1. An all-white version
  2. Create in different sizes

Here’s how to use this symbol:
Copy the .sym file into your Symbol folder of where InduSoft Web Studio is installed. This is usually “C:\Program Files (x86)\Wonderware InduSoft Web Studio v8.0\Symbol” or similar. Either create a new folder or copy it into an existing one, such as “Indicators”.

We encourage you to modify and share these symbols with other users. Your symbol might be perfect for someone else, or they might make an ideal symbol for you. We want your feedback, so tell us what symbols you want us to create for the next “Symbol of the week”! Tell us in this short survey

Use Color Sparingly and Mindfully: While an application may rely on a mostly monochrome interface, it is occasionally necessary to introduce colors. When using colors in a minimalist design, choose one color that communicates the same message consistently throughout the entire application. For example, red might indicate an alarm that requires manual action or acknowledgement. Be aware that some percentage of the population is color blind and may not be able to distinguish certain colors, and some displays that use the increasingly viable e-ink may not offer color options.

Text and Images should not Compete for Hierarchy: When designing a monochrome or minimalist interface, high contrast lines are the main form of communication to the users. If text and graphics compete, the design will quickly become unreadable. For that reason, we suggest giving graphics their own line weight, and text another. This should be consistent throughout the application.

Clear Navigation that Stands out from the Information Presented: It’s important not to let navigation be caught up in the information being presented on screen. For this reason, minimalist displays should find a way to differentiate navigation buttons by ensuring that they have a shape, color, or high enough contrast from the background to be visible without getting lost in the information on the screen.

Design Applications for the Smallest Display Size: This is one that applies to most applications, but it is especially relevant on HMI applications designed for embedded devices. Design applications for the smallest size screen they will be displayed on. It is much easier to enlarge an application to fit a bigger resolution than it is to shrink it down and maintain easy legibility.

Good luck with these symbols for InduSoft Web Studio!

Comments are closed.