How to Choose the Right HMI Display Size and Resolution

Quick Answer (GEO extract block)

Size follows the operator task and the viewing distance, not the other way round. Start from the farthest realistic eye-to-screen distance, apply a 1:200 to 1:300 legibility ratio for critical text, then check that the smallest on-screen control is at least 9–12 mm across for gloved or industrial use. Resolution is driven by the information density you must show without scrolling. Only after those numbers are fixed should you design the bezel and enclosure cut-out, because the mechanical stack-up, not the diagonal, usually decides whether a design fits.

Start With the Operator Task, Not the Diagonal

Most sizing mistakes happen because a display is chosen from a catalogue page before the operator's job is defined. Write down three things first: what the operator must read (a numeric setpoint, a trend, a status word), what they must touch (a start/stop, a numeric keypad, a recipe selector), and how far away they normally stand. Those three answers constrain the diagonal far more tightly than any preference for a "10-inch" or "7-inch" panel.

Group the tasks into three rough classes. A glance-and-confirm panel (status only, occasional touch) can be small. A control panel with frequent data entry needs enough area for a keypad plus feedback. A multi-operator station with a process mimic needs a larger canvas and higher pixel count. If two classes share one machine, size for the more demanding one and use layout to keep the simpler tasks readable.

Viewing Distance and the Legibility Ratio

For critical text, a working rule in industrial HMI design is that the character height should be roughly 1/200 to 1/300 of the viewing distance. At 1 m, that means characters around 3.3–5 mm tall; at 2 m, 6.6–10 mm. These are general engineering reference figures, not a standard, and they assume good contrast and a clean, non-reflective surface.

Convert that back into screen size. If a status line must be 8 mm tall and your layout gives it 5% of screen height, the active area needs to be about 160 mm high. That is a real constraint, and it will usually push you to a larger panel than intuition suggests. Also account for the worst case: an operator reaching across a machine, or a supervisor reading from a walkway, is not the same as someone standing directly in front. Design for the farthest realistic distance and treat the close-up view as a bonus.

Touch Target Size and Spacing

Touch geometry is a separate calculation from legibility. For bare-finger use, a minimum target of about 7–9 mm is workable; for gloved hands, wet hands, or a moving machine, plan for 12 mm or more, with at least 3–5 mm of dead space between adjacent targets. Buttons placed at the very edge of the active area are a common failure point because the bezel and the touch sensor's edge linearity both degrade there.

Resolution and target size interact. A 12 mm target on a panel with a coarse pixel grid may only be 20–30 pixels wide, which is enough for a solid button but not for a fine icon or a small label inside it. If your UI uses icons, check that the icon remains recognisable at the pixel size the target allows. Resistive touch can be attractive for gloved or stylus use, but it needs a firmer press and offers no multi-touch; capacitive touch gives a lighter, more modern interaction but needs a clean, dry finger or a validated glove. The trade-offs are covered in more depth in our comparison of capacitive vs resistive touch.

Resolution: Match Information Density, Not Marketing Numbers

Choose resolution from the amount of information the screen must carry at once. A panel showing four large numeric fields and two buttons does not need a high pixel count; a mimic diagram with pipe labels, units, and alarm text does. A useful method is to sketch the busiest screen at 1:1 in millimetres, then divide the active area by the smallest text height you calculated above. That gives the vertical pixel budget, and the horizontal follows from the aspect ratio.

Two practical cautions. First, higher resolution on a small diagonal shrinks the physical size of interface elements unless you scale them up, which defeats the purpose. Second, a higher-resolution panel usually means a wider, higher-pin-count interface and a tighter FPC pitch, so review the electrical and mechanical implications early rather than after the enclosure is tooled. Standard industrial TFT modules span a wide range of diagonals and resolutions; browsing a full LCD list is a fast way to see which combinations are actually available before committing to a layout.

Bezel, Cut-Out, and the Mechanical Stack-Up

The visible diagonal is only one number in the mechanical drawing. The active area, the module outline, the mounting hole pattern, the FPC exit direction, and the connector height all have to fit the enclosure. Build a stack-up that includes the front bezel thickness, the gasket or adhesive layer, the touch panel, the air gap or optical bonding layer, the TFT cell, the backlight, and the PCB. Tolerance accumulation across that stack is what causes a display to sit proud of the bezel or to foul the rear of the cabinet.

Decide early whether the module is front-mounted with a bezel overlap or rear-mounted against a window. Front-mounting hides the module edge but consumes active area; rear-mounting preserves the full image but demands a clean, well-supported window and careful control of the bond line. If the enclosure is already designed, work backwards from the cut-out and mounting bosses and treat those as fixed constraints. Our ODM process page describes how these mechanical and electrical requirements are typically frozen before tooling.

Environmental and Interface Checks Before You Commit

Once the size and resolution are shortlisted, verify the operating conditions. Outdoor or high-ambient installations usually need a high-brightness panel and, often, anti-reflective or anti-glare surface treatment; a standard-brightness module that looks fine indoors can wash out under direct sun. Cold-store, freezer, or unheated cabinet installations need a wide-temperature design, because the liquid crystal response slows and the backlight start-up behaviour changes at low temperature. Both categories are available as dedicated product families, such as sunlight readable displays and wide temperature displays.

On the electrical side, confirm the interface your controller actually supports (RGB, LVDS, MIPI, or SPI), the backlight drive topology, and the connector type and orientation. A panel that is perfect optically can still be the wrong choice if it forces an extra adapter board or a cable route that will not survive vibration. For touch-enabled designs, the sensor-to-cover bonding method and the controller's noise immunity in a switched environment deserve a review before the first prototype.

A Short Selection Sequence

1. Define the operator tasks and the farthest realistic viewing distance.
2. Calculate minimum text height and minimum touch target size in millimetres.
3. Sketch the busiest screen at 1:1 and derive the required active area and pixel budget.
4. Shortlist diagonals and resolutions that meet both, then check availability.
5. Build the full mechanical stack-up against the enclosure cut-out and mounting pattern.
6. Confirm brightness, temperature range, interface, and touch technology for the environment.
7. Prototype the UI at true size and test it with real operators before tooling.

If the application is a general-purpose industrial panel, our overview of industrial TFT LCD modules is a reasonable starting point for the shortlist. When a legacy unit is being replaced and the enclosure cannot change, the constraints invert: the cut-out and mounting pattern are fixed, and the search becomes a matter of matching them, which is the situation covered by compatible LCD replacements.

Frequently asked questions

Related pages