8.1. UI/UX in Mechatronics#
User interface, or UI, is the part of a system that a person directly interacts with. This might include buttons, switches, touchscreens, lights, sounds, joysticks, labels, apps, or physical handles.
User experience, or UX, is the overall experience a person has when using the system. A system with good UX is easy to understand, reliable, comfortable, and safe to use. A system with poor UX may technically work, but still be confusing, frustrating, tiring, or unsafe.
In mechatronics, UI/UX is especially important because users are often interacting with moving parts, motors, sensors, actuators, and automated systems. The interface does not just control information on a screen - it may control physical motion in the real world.
For example, a user might interact with:
A button that starts a conveyor belt.
A joystick that controls a robot arm.
A touchscreen that adjusts the speed of a motor.
An emergency stop button that immediately disables a machine.
Lights or sounds that show whether a system is safe, active, or in fault mode.
Good UI/UX design helps users understand:
What the system is doing.
What actions are available.
What will happen when they press a button or move a control.
Whether the system has accepted their input.
Whether the system is safe to use.
What to do if something goes wrong.
8.1.1. UI/UX and Safety#
Mechatronic systems can cause harm if they are difficult to control or understand. For this reason, UI/UX design is closely linked to safety.
A safe interface should:
Make important controls easy to find.
Clearly show when the system is active.
Provide feedback when the user gives a command.
Prevent accidental operation where possible.
Include a clear way to stop the system.
Use labels, colours, symbols, and layout consistently.
For example, an emergency stop button is usually large, red, easy to reach, and separate from other controls. This is a UI decision, but it has a direct effect on the safety of the system.
8.1.2. UI/UX and Accessibility#
A mechatronic system may be used by people with different physical, sensory, or cognitive abilities. Good design considers these differences from the beginning rather than treating them as an afterthought.
Accessible UI/UX may include:
Large buttons that are easy to press.
High-contrast text and symbols.
Audio feedback as well as visual feedback.
Tactile feedback such as vibration or clicks.
Simple language and clear instructions.
Controls that can be reached from a seated position.
Adjustable speed or sensitivity.
Alternative control methods, such as switches, voice control, or joystick input.
Designing for accessibility often improves the system for everyone. A large, clearly labelled stop button is helpful for a person with low vision, but it is also helpful for any user in an emergency.
8.1.3. UI/UX Design Process#
A simple UI/UX design process for mechatronic systems is:
Identify the users.
Identify what the users need to do.
Identify any safety or accessibility requirements.
Choose suitable input controls.
Choose suitable output feedback.
Design the layout of the interface.
Test the interface with users.
Improve the design based on feedback.
A good mechatronic system should not only work correctly. It should also be easy and safe for people to control.