Design Systems for POS: Adapting Material Design and Human Interface Guidelines for Retail Hardware
Google's Material Design and Apple's Human Interface Guidelines are built for smartphones. Adapting them for 10-inch POS touchscreens, harsh retail lighting, and gloved users requires a fundamentally different approach to spacing, color, and interaction patterns.
Why Phone Design Systems Fail on POS
Google's Material Design 3 and Apple's HIG are the two dominant design systems for touch interfaces. They work beautifully on smartphones held 12 inches from the user's face. But a POS terminal is used at arm's length, often under fluorescent retail lighting, sometimes with one hand, occasionally with gloved fingers. Applying phone-optimized design patterns directly to POS hardware produces interfaces that are hard to read, easy to mis-tap, and frustrating to use.
Spacing and Sizing: The 1.5x Rule
Research from in-store usability testing shows that POS touch targets should be at minimum 1.5x larger than their phone equivalents. Material Design recommends 48dp minimum touch targets; for POS, we recommend 72dp. Text sizes should start at 16sp (not 14sp), and line heights should increase to at least 1.5x for readability at distance.
Color in Retail Lighting
The color system that works in a dimly lit living room fails under 500-lux retail lighting. Colors appear washed out, and subtle differentiations between UI states become invisible. For POS interfaces, contrast ratios should target 7:1 minimum for all text (not the WCAG AA requirement of 4.5:1). Color should never be the only differentiator for state changes — always pair color with icons, text labels, or shape changes.
Interaction Patterns Unique to POS
POS terminals need interaction patterns that don't exist in phone design systems: a dedicated "assistance" button on every screen that summons staff, gesture shortcuts for common actions like void-item and apply-discount, and a "customer-facing" mode where the interface inverts to show a simplified view on the opposite side of the terminal. These patterns should be consistent across all screens and learnable within a single shift.
FAQ
Should POS interfaces follow Material Design or HIG?
Neither directly. Both systems provide excellent foundations but require significant adaptation for POS-specific factors: viewing distance, lighting conditions, and retail workflows.
What is the minimum touch target size for POS?
72dp recommended — 1.5x the standard 48dp mobile target — to accommodate arm's-length use, gloved hands, and lower-precision interactions.
Interested in ZOLON Smart Terminals?
From POS hardware to edge computing — let's discuss your project.
Contact Our Team →