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

InduSoft Web Studio Symbol of the Week: Five Grouped Minimalist Bar Graphs

As a complement to our previous collection of minimalist high contrast designs for InduSoft Web Studio, we’re introducing new minimalist SCADA/HMI grouped graph 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.

 

Download 5 Bar Minimalistic Group Here!

Visit the forum thread for 5 Bar Minimalistic Group

Name: BarGraph5Vertical_01.sym

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

Description: Minimal high-contrast bar graphs meant to complement the existing minimal symbols launched previously

Properties: TagName1-5, Label1-5, Min1-5, Max1-5

Ideas for improvement:

  1. An all-white version
  2. Create in different sizes
  3. Add alarm limit configurations

 

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 “BarGraphs”.

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

Tips for Minimalist SCADA/HMI Applications

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.