5

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

  • 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
  • A quick overview of 8 icon sets – Crissov Oct 29 '14 at 13:44
10

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

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.

  • 1
    HTTP 404: The icons poster is here. 190MB as for today . – erbdex Mar 11 '16 at 7:15
3

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

  • 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

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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