Touch screen UI Principle

Touch screen UX is still evolving. We acknowledge  Steven Hoober’s “Thumb Zone” theory, introduced in his book Designing for Mobile Interfaces, refers to this usability pattern as the most comfortable area for touch navigation with one-handed use. In our design we have considered legacy POS monitor as well as high resolution tablet devices.

1. Accessibility

  1. Space between elements.
  2. Avoid crowded buttons. Small Square buttons used in mouse driven UI are not suitable for touch UI.
spacing

We keep enough space between button and avoid distracting colors.

2. Target Area

Research indicates that the minimum target area for efficient, accurate interaction using a finger is 6×6 millimeters (mm). This area translates to layout metrics as follows:

  1. Use natural interactions
  2. Size interactive elements adequately
  3. Keep wandering hands in mind & hands covering important interface elements when they shouldn’t be.

 

Floreant interface was designed keeping in mind these restrictions: positioning information so that it does not get covered by hands when needed.

 

touch-screen-usability-2

touch-screen-usability-3

3. Textual inputs

Even with the best graphical interface, users may often have to type numeric values and text strings with precision (i.e. set points, log-in and password), and the input from the keyboard onto the touchscreen interface should be placed where most efficient for the user.

keyb

Full keyboard layout is essential for faster data entry.

4. No tooltips

The touch screen interface design engineer must remember that ToolTips and Hovers are absolutely useless in touch screen systems. These tools are very handy when passing the mouse pointer over to an object or graphical element, which highlights upon contact or a ToolTip pop up appears. In a touch screen system, however, these are useless because when the user touches the graphical element directly it activates without any roll-over effect. Therefore these tools should not be considered in graphical interface designs created exclusively for touchscreen systems. In a touch screen system it must be clear to the user what can be touched, manipulated, dragged, etc., and what cannot be touched without relying on the mouse to pass over it.

tooltip1

Have been using it for over an year now and the POS System is just amazing. if you are looking for a Restaurant POS i would absolutely recommend using Floreant POS”

– Blongo, Sourceforge Review