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

3
  • 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, 2012 at 1:55
  • Actually my question was both for static and interactive prototypes. I mentioned Axure cos i'm using it.
    – carora3
    Mar 14, 2012 at 8:00
  • A quick overview of 8 icon sets
    – Crissov
    Oct 29, 2014 at 13:44

2 Answers 2

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
  • 1
    HTTP 404: The icons poster is here. 190MB as for today .
    – erbdex
    Mar 11, 2016 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

2
  • So which other prototyping app would you recommend instead of Axure. Is there any other?
    – RaulM
    Mar 27, 2012 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, 2012 at 14:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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