ITROL+

Image of ITROL+
In-house Project for Hyundai WIA Corporation (2016); 2017 CommIn Charge of Hardware Design and GUI Guideline
Sketch of ITROL+

Modernized Premium CNC Controller for Industry 4.0HYUNDAI-ITROL+ is a 19-inch touchscreen-based CNC controller developed for Hyundai WIA machine tools, designed with a minimalist concept featuring simple lines, clean curves, and a combination of monotone and silver tones. Key design elements focus on intuitive and user-friendly operation, with both bar-type and folder-type controllers developed from ideation to mass production. This project was part of a national research initiative and led to mass production, design patent applications, and recognition with a PIN UP Design Award.

Quick Function Bar

The "Quick Function Bar," a key design element of the HYUNDAI-iTROL+, allows users quick and intuitive access to essential functions on the machine via a favorites list. With simple operations, users can start and stop tasks by accessing the diagonally arranged quick menu, and they can also operate the controller quickly while holding the ergonomically designed white grip.

Real photo of ITROL+

Prevention of Human Error

The controller's keyboard is designed to simplify user movements, minimizing user errors and interference even during complex tasks. The built-in LED control dial allows users to make precise adjustments even in dark working environments or while wearing gloves. Additionally, the interaction-based GUI provides not only information about the machine and model status but also solutions for immediate responses. The GUI is systematically structured to layer information, enabling users to quickly grasp information and perform tasks without errors.

A person controlling the buttons of ITROL+

Functional Design Using Intuitive Visual Language

The GUI of HYUNDAI-iTROL+ aims for functional design through a clean layout, clear separation of information layers, and consistent use of visual language, allowing users to interact immediately with the machine via the controller.

  • A - Layout: The overall layout, the size of visual elements, and the use of shading were systematically planned to effectively distinguish between layers of information.
  • B - Icons: Icons visually represent the functions of buttons, allowing users to intuitively understand specific functions even beyond text.
  • C - Fonts: Noto Sans was used to ensure scalability, as it supports a variety of global languages.
  • D - Colors: Primarily using monotones with WIA Blue as an accent color to maintain corporate identity. For safety-related functions, consistency with hardware safety buttons was maintained to enable users to respond more immediately to emergencies.
A: UI of the screen, B: An example of icon, C: Noto Sans used for fonts in UI, D: Color pallet used in UI