willem.com

Touch interfaces vs traditional mouse and keyboard input

Creating intuitive natural interfaces

June 24, 2020 -

Past weeks I have been working on a new app involving personal health. The main challenge is to come up with an intuitive, natural interface that works well on small touch screen devices. But what is it that makes an touch screen interface any good? Read along for some best practices.

Continue reading
Navigation structures that rely on hovering are NOT going to work on touch screens
Navigation structures that rely on hovering are NOT going to work on touch screens
The Back / Hide / Save buttons are near the thumb: they are within range and reaching for them does not cover the contents of the screen
The Back / Hide / Save buttons are near the thumb: they are within range and reaching for them does not cover the contents of the screen
Contextual keyboards provide a better way to enable textual input. It makes no sense to show a full QWERTY-keyboard if you only ask for a numeric value.
Contextual keyboards provide a better way to enable textual input. It makes no sense to show a full QWERTY-keyboard if you only ask for a numeric value.
The big 'yes/no' buttons reduce the likelihood of error as they do not require mouse pointer pixel precision
The big 'yes/no' buttons reduce the likelihood of error as they do not require mouse pointer pixel precision
Directly manipulating the on screen elements feels natural - a mouse in this use case would be redundant
Directly manipulating the on screen elements feels natural - a mouse in this use case would be redundant
Recreating old UI patterns on a modern touch screen device is not going to win you any usability awards... (although, who doesn't miss Clippy?)
Recreating old UI patterns on a modern touch screen device is not going to win you any usability awards... (although, who doesn't miss Clippy?)

Other stories

all blog posts

Tagged

CreatingCreativityDesignGameiOSiPad

Articles (153)