Touch screen user interface design
Creating intuitive natural interfaces
June 24, 2020 - Willem L. Middelkoop
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![Catapulting birds is fun because of the natural interaction that is key to the Angry Birds game](/blog/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/images/i_07_Catapulting-birds-is-fun-because-of-the-natural-interaction-that-is-key-to-the-Angry-Birds-game_500px.jpg)
![Snake '97 - It's fun, but it's UI design is arguably bad](/blog/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/images/i_06_Snake-97-It-s-fun-but-it-s-UI-design-is-arguably-bad_500px.jpg)
![Navigation structures that rely on hovering are NOT going to work on touch screens](/blog/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/images/i_05_Navigation-structures-that-rely-on-hovering-are-NOT-going-to-work-on-touch-screens_500px.jpg)
![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](/blog/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/images/i_04_The-Back-Hide-Save-buttons-are-near-the-thumb-they-are-within-range-and-reaching-for-them-does-not-c_500px.jpg)
![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.](/blog/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/images/i_03_Contextual-keyboards-provide-a-better-way-to-enable-textual-input-It-makes-no-sense-to-show-a-full-Q_500px.jpg)
![The big 'yes/no' buttons reduce the likelihood of error as they do not require mouse pointer pixel precision](/blog/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/images/i_02_The-big-yes-no-buttons-reduce-the-likelihood-of-error-as-they-do-not-require-mouse-pointer-pixel-pre_500px.jpg)