Categories

Entries for the 'UI/UX' Category

User Interface Design Tips: Checkboxes vs Toggle Switches
Zach Haynberg

User Interface Design Tips: Checkboxes vs Toggle Switches

Interactivity, or input from a user, is expected in almost every type of mobile or desktop application, website, or interface. Users enter personal information, change application settings, and navigate various menus while using an interface. As designers, it is our job to provide users with the correct controls to make these inputs easier and quicker. Two of the most common controls, toggle switches and checkboxes, appear to accomplish the same task and often get their use cases confuse...

Continue reading →


8 Readability Tips to Try on Your Next HMI Project
Ashley Sherwood

8 Readability Tips to Try on Your Next HMI Project

Why do we code PLCs, design HMIs, create complex SCADA networks? The short answer is - so that somebody can use them to get a job done. For an HMI to be useable, it must be readable. Readability isn't just a matter of word choice. Technical choices like text alignment, line width, or font size can make or break readability. Here are eight tips for ensuring readability in your HMIs:  1. Left-align Text Likewise, justifying text creates awkward g...

Continue reading →


Flattening WinCC's Skeuomorphism: The Toggle Switch
Eric Baggen

Flattening WinCC's Skeuomorphism: The Toggle Switch

I recently developed an HMI using WinCC 7.4 for an automation project. Building it from the ground up afforded me the opportunity to deviate from WinCC’s default skeuomorphic controls and instead experiment with more modern, flatter UI elements found on consumer-facing products like smartphones and web interfaces (think Facebook, Google, and Apple). I relied on WinCC’s faceplate types to create generic controls that could be dragged and dropped as needed without additional ov...

Continue reading →


Basic LabVIEW UI Control Customization
Steven Dusing

Basic LabVIEW UI Control Customization

A common gripe about using LabVIEW is that the user-interface (UI) is not very attractive. Well, that is only true if you do not know how to customize LabVIEW controls to make them look truly modern and visually appealing. Fortunately, there is a way to change the default LabVIEW controls! While National Instruments and many other LabVIEW developers have documented this process before, for completeness, I will go through the basics with lots of screenshots before posting some of ...

Continue reading →


Multiplexing Arrays of UDTs in TIA Portal V14
Jason Mayes

Multiplexing Arrays of UDTs in TIA Portal V14

It's back! When V13 SP1 was first released, one of the features I was most excited about was the ability to multiplex arrays of custom UDTs on a PLC using a simple index tag on an HMI. This feature allowed me to use a single faceplate or screen to display or modify data from multiple objects by simply changing a single tag. I was so excited, I even wrote a blog post about it then! Unfortunately, it was a feature to be short lived and, due to some unexpected consequences, mysteri...

Continue reading →


DMC LabVIEW UI Suite
Steven Dusing

DMC LabVIEW UI Suite

Our DMC Test and Measurement team recently created the DMC LabVIEW UI Suite! It’s the first official DMC LabVIEW user interface control and indicator set, and will save time developing LabVIEW user-interfaces while simultaneously providing our customers with modern and sleek applications. 21st Century UI On our projects, we usually spend a good amount of time manipulating the appearance of native LabVIEW controls and indicators to bring them into the 21st century. We know the st...

Continue reading →


The Product Development Process: How to Bring Your Product to Market
Tim Jager

The Product Development Process: How to Bring Your Product to Market

Have you ever had a product design idea? Our engineers created this overview of the product development process to demystify how to bring your product to market.  Learn more about DMC's Custom Software and Hardware Development services.

Continue reading →


Simplifying UI and UX Design with Color Cheat Sheet
Ela Kaya

Simplifying UI and UX Design with Color Cheat Sheet

A while back I took a poll of the engineers here at DMC, and one of the main concerns the engineers had was that when designing a user interface they did not know what colors to choose. As a User Interface Designer I understand that there can be a bit of decision paralysis when it comes to designing in color since there are an infinite amount of colors! I knew there had to be a way to help engineers view colors as a simple choice. I took a stroll around Google Images for color charts showing ...

Continue reading →


Design and User Interface Series Part 1 - A Brief Intro
Ela Kaya

Design and User Interface Series Part 1 - A Brief Intro

Design, User Interface (UI) and User Experience (UX) have become more relevant in our technology-driven world than ever before. To help you better understand this both subjective and objective field of study, DMC has created a video series to teach you the basics of design. Learn about the elements of great design, and why design and user interface is so significant to products and technologies that we interact with everyday.  

Continue reading →


Categories