Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I have always wondered that, How can we represent/show multi-touch gestures like swipe, pinch etc in mockups / interactive prototypes.

For example, I'm currently prototyping in Axure for an Android app. I have a function like shown in the image. Or probably like (Long Press, move, lift) to delete/move icons in Android.

User can interact through it and tap can be represented by Onclick in Axure, but how can I tell effectively that a particular gesture on a particular item on screen will do something.

So, I just want to know how can we represent these gestures in both static and interactive prototypes (like in Axure).

enter image description here

share|improve this question
    
Are you asking how to make Axure recognize multi-touch gestures in live prototypes? Or are you asking how to indicate gestures in static wireframes? –  dnbrv Mar 14 '12 at 1:55
    
Actually my question was both for static and interactive prototypes. I mentioned Axure cos i'm using it. –  carora3 Mar 14 '12 at 8:00

2 Answers 2

up vote 8 down vote accepted

This open source library is pretty good to start with and covers many types of common gestures: http://gestureworks.com/icons-fonts

Gestureworks


Alternatively, this one is pretty good as well: http://gesturecons.com

Gesturecons


You could also try a short video or animated GIF images to make the gestures more explicit, VideoHive offers many footages you could use to that effect.

share|improve this answer

I'm not a fan of Axure for this reason. It's interactive, but not interactive in the way the final product is, so can't possibly communicate the actual interaction and, typically, will only confuse in the interim.

For static mockups, Luke Wroblewski has a nice set of gesture notation:

http://www.lukew.com/ff/entry.asp?1071

share|improve this answer
    
So which other prototyping app would you recommend instead of Axure. Is there any other? –  RaulM Mar 27 '12 at 12:12
    
By default, the only web prototyping app I recommend is HTML/CSS and JS. I argue it's as difficult to figure out as Axure is, but is actually pertinent to what you are building, while Axure prototypes really only make sense in the context of Axure. –  DA01 Mar 27 '12 at 14:54

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.