ux.artu.tv » Blog Archive » 24 Weeks of Windows Phone Metro Design | #13 Touch Gestures

24 Weeks of Windows Phone Metro Design | #13 Touch Gestures

 24 Weeks of Windows Phone Design Index

Twitter   

When going through the Windows Phone UX guidelines Gestures article (scroll down to the Touch Gestures section) you can see and explore the different out-of-the-box gestures that allow users to interact with UI controls in Windows Phone. However, I must say these gestures are listed more as a reference or and FYI than as something we can leverage. As far as I understand you can’t change the gestures you use to operate things… a Panorama will be panned. A push button will be tapped. A list item could be tapped or tap and held to reveal a context menu. But all these gestures are already baked into the Windows Phone control library so that’s why I say it seems to be more of an FYI list for us that something we can directly use.

One interesting concept to mention is the multi-touch gesture. Turns out Windows Phone supports up to 10 touch points as an operating system but there aren’t really any devices that support 10 touch points and the minimum support for all Windows Phone devices is 4 points. So there is the ability to design your own gestures by leveraging this four touch point concept. You will definitely need to work with a developer to make this work as it requires of coding.

Here is a quick summary of the gestures but I encourage you to visit the Windows Phone UX Guidelines to learn more about all these…

A tap is a single, brief touch on the screen within a bounded area and back up off the screen again.

tap.png

A double tap is two quick taps within a bounded area.

doubletap.png

A pan is a single finger placed down and moved across the screen in any direction. The pan gesture ends when the finger is lifted from the screen.

pan.png

A flick is a single finger down moved rapidly in any direction and ends with the finger lifted up off the screen. A flick can follow a pan gesture.

flick.png

Tap and hold is a single finger down within a bounded area for a defined period of time.

tapandhold.png

A pinch and stretch is two fingers down within separate bounded areas followed by the fingers moving closer together (pinch) or further apart (stretch).

pinchandstretch.png

Four points. Windows Phone supports four simultaneous user touch input points to enable unique application interactions.

fourpoints.png

Leave a Reply