The physical buttons in the reactor control room are all red and black mushroom switches, but we found there was a need for standard user interface buttons as well. These buttons all have one of the most important features for a user to know what to click - hover effects. Modeled after Google's Material design guide, the buttons all "raise" themselves up when the user hovers over them. We've packaged:
- Rounded corner buttons in several widths
- Button groups (radio buttons) that allow one selection from many options
- Push buttons in red and black, small and large sizes
One important aspect of the control room is quick evaluation of instruments at a glance. Needle gauges provide this in the physical system, so we duplicated them for the virtual instrument. This gauge highlights the containers and shadows that we used throughout the theme to provide a sense of depth. This is also inspired by Material Design's system for representing layers.
Numeric and string controls
We included simple, clean numeric and string controls. They use nine slice scaling to retain the simple rounded corners as they're resized. We added sliders to match the slide switches from above.
A key element from the interfaces we were replacing is the idea of a rotary selection switch. We've bundled these switches into the control suite, with different variants for different quantities of selections.
For larger format text fields, we included a string indicator that scales as a self-contained UI element.