web-dev-qa-db-fra.com

Comment représenter les gestes tactiles dans des prototypes interactifs pour les applications multi-touch (Android / IOS)

Je me suis toujours demandé cela, comment pouvons-nous représenter/montrer des gestes multi-touch comme glisser, pincer, etc. dans des maquettes/prototypes interactifs.

Par exemple, je suis actuellement en train de prototyper dans Axure pour une Android. J'ai une fonction comme celle montrée dans l'image. Ou probablement comme (appui long, déplacer, soulever) pour supprimer/déplacer des icônes dans Android.

L'utilisateur peut interagir à travers elle et le tap peut être représenté par Onclick dans Axure, mais comment puis-je dire efficacement qu'un geste particulier sur un élément particulier à l'écran fera quelque chose.

Donc, je veux juste savoir comment représenter ces gestes dans des prototypes statiques et interactifs (comme dans Axure).

enter image description here

5
carora3

Cette bibliothèque open source est assez bonne pour commencer et couvre de nombreux types de gestes courants: http://gestureworks.com/downloads/ icons-poster.Zip

Gestureworks


Alternativement, celui-ci est également très bon: http://gesturecons.com

Gesturecons


Vous pouvez également essayer une courte vidéo ou images GIF animées pour créer gestes plus explicites, VideoHive propose de nombreuses séquences vous pouvez utiliser à cet effet.

10
wildpeaks

Je ne suis pas fan d'Axure pour cette raison. Il est interactif, mais pas interactif dans la façon dont le produit final est, il ne peut donc pas communiquer l'interaction réelle et, généralement, ne confondra que dans l'intervalle.

Pour les maquettes statiques, Luke Wroblewski a un bel ensemble de notation gestuelle:

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

3
DA01