Interaction gestuelle multitouch: au-delà des pincements et des glissements.
Un sac mixte d'interaction et d'attente ...
Vous utilisez l'application photo sur l'iP (hone/od/ad), vous savez qu'il existe quelques gestes familiers pour interagir.
Appuyez pour sélectionner une image.
Balayez vers la gauche ou la droite pour avancer ou reculer dans l'album.
Pincez ou étirez pour zoomer ou dézoomer.
À n'importe quel niveau de zoom, un ou deux doigts naviguent dans le plan de l'image agrandie.
Ces ensembles de gestes sont transférables dans d'autres applications, à savoir Cooliris, Flickr et al
Quels gestes imagineriez-vous, étant donné l'opération en cours de gestes sur un Apple appareil multitouch renverserait une image horizontalement ou verticalement?
Je cherche à utiliser des gestes qui n'entrent pas en conflit avec la mise en œuvre actuelle des gestes présentés dans les applications ci-dessus, donc tout en gardant une touche opposée à la direction d'une autre, (pensez à faire défiler à l'aide des pavés tactiles sur les Macbooks. Une solution que James aborde dans son réponse) pourrait nous sembler parfaitement raisonnable ici, cela ne se traduit pas sur le périphérique iP (hone/od/ad) car il ne fait que pincer.
J'ai trouvé un geste qui n'imite pas les autres et qui glisse vers le haut ou vers le bas. En fait, cela ne fait rien pour vous faire zoomer.
Le principe de 'le point sous le doigt suit le doigt' est déjà derrière les gestes de panoramique, de balayage, de pincement et de zoom. Le principe suggère comment ajouter de nouveaux gestes pour les transformations comme la rotation et le retournement aussi.
- Un index de gauche à droite en même temps que l'autre index de droite à gauche. Échange à gauche et à droite.
- Un index de haut en bas en même temps que les autres index de bas en haut. Échange en haut et en bas.
Cela pourrait également être fait d'une seule main, en utilisant le pouce au lieu d'un index. Le principe est que les gestes existants sont relativement intuitifs.
Modifier:
- Avec pincement, le geste s'arrête lorsque les doigts se rencontrent.
- Avec swap, les doigts continuent sur le passé.
Il n'y a donc pas beaucoup de risques de confusion des gestes par l'utilisateur ou le logiciel.
Une alternative qui suit toujours le même principe est qu'une pincée jusqu'à ce que les doigts soient ensemble suivie d'un étirement - le tout dans le même geste sans retirer les doigts - fait un flip dans le sens du mouvement. Cela s'appuie sur notre modèle perceptuel de `` suivre le mouvement plutôt que de suivre l'objet en mouvement '', c'est donc comme si le doigt/le pouce avait changé de place pour nous. L'animation de rétrécir puis d'agrandir (inversé) fonctionnerait également bien avec cela.
Je ne m'attends pas à ce que "flip" soit un geste.
Un geste peut faire apparaître des outils de manipulation d'image, dont flip pourrait être l'un des.
"Flip" transforme l'image. Les gestes ont tendance à manipuler la vue d'une image plutôt qu'à la modifier.
Mathématiquement parlant, retourner une image équivaut à la mettre à l'échelle par un facteur négatif. De nombreuses applications de dessin (par exemple Illustrator, SketchUp) vous permettent de retourner un objet de cette manière - vous redimensionnez l'objet à zéro, puis continuez à sortir de l'autre côté.
Le geste de pincement pourrait être fait pour fonctionner de cette façon, bien qu'il puisse être quelque peu délicat à faire avec une seule main. Cela ne fonctionnerait pas non plus si vous permettez à deux doigts de tourner et de se mettre à l'échelle en même temps (car le geste de rotation à 180 ° serait le même que pour le retournement).
Si vous faisiez cela, les utilisateurs voudraient souvent retourner sans mise à l'échelle, et vous ne voulez pas qu'ils aient à juger visuellement, car ils se retrouveraient avec une image retournée et mise à l'échelle de 97% ou 101%. Ainsi, il serait hautement souhaitable d'avoir l'échelle "snap" à 100% quand elle était proche (peut-être que ce comportement ne devrait s'appliquer que lorsque l'image est retournée, car les utilisateurs pourraient autrement vouloir pour ajuster l'échelle par une petite quantité).
Je pense que le contexte est important ici. Parle-t-on d'un objet virtuel 3D? Un objet 2D virtuel dans l'espace 3D? Parlons-nous de renverser l'axe d'une image ala PhotoShop? Est-ce une application à une fonction? Multifonction? etc.
Dans le contexte des images 2D, et en supposant qu'il s'agit d'une forme d'édition d'image, je pense que la clé va être un moyen de changer de mode plutôt que d'essayer d'inventer un autre geste.
C'est ainsi que la plupart des applications de retouche d'image sur les appareils iOS fonctionnent maintenant. J'imagine que je clique sur une sorte de mode "rotation/retournement". Dans ce mode, un balayage horizontal basculerait le long de l'axe x, un balayage vertical le long de l'axe y. Rotation à deux doigts et pincement pour zoomer/mettre à l'échelle.
Que diriez-vous de tourner vers la droite ou la gauche avec le multitouch avec les cinq doigts comme si vous teniez un bouton à l'ancienne.
Les interfaces tactiles fonctionnent mieux lorsqu'elles répondent aux gestes de la main de la même manière que les objets physiques - comme faire glisser la gauche/la droite pour parcourir un roman, ou "étirer" une image avec vos doigts pour zoomer. En tant que tel, je m'attendrais à n'importe quelle autre gestes pour correspondre étroitement à certains comportements du monde réel.
Un tel comportement pourrait inclure:
- frotter d'avant en arrière pour supprimer ou effacer un élément
- en utilisant un doigt pour tenir un objet, et un autre pour en déplacer un vers lui, pour regrouper les objets
- secouer un appareil pour envoyer des données et des fichiers à un autre
Je pouvais imaginer en utilisant 2 doigts d'une main pour définir un axe de rotation, et en utilisant 1 doigt de l'autre main pour balayer perpendiculairement à cet axe.
Donc, pour retourner verticalement, prenez votre index droit et votre majeur et placez-les horizontalement pour définir un axe horizontal. Il s'agit de l'axe autour duquel l'image pivotera. À l'aide de votre index gauche, balayez vers le haut ou vers le bas, perpendiculairement à l'axe. Cela fera tourner l'image autour de l'axe horizontal.
La tache sous le doigt glissant se déplace par rapport au doigt glissant.
Retournez (tournez) l'appareil physique autour de l'axe horizontal ou vertical, un retournement partiel devrait suffire. Vous pouvez l'implémenter avec des lectures d'accéléromètre et/ou de gyroscope. C'est un grand mouvement, mais retourner des images n'est pas quelque chose que vous faites tout le temps (je ne le fais pas).
Pincement à trois doigts sur l'axe concerné (pouce, index, majeur)
Ma première pensée a également été de faire tourner l'appareil, mais je ne voudrais pas faire tourner l'iPad. Il faudrait que ce soit un geste rapide et court, et il est trop fragile et trop lourd pour de telles opérations saccadées.
Vous pourriez théoriquement saisir l'un des coins de la page et le retourner littéralement sur lui-même? Cela imiterait l'animation de changement de page utilisée dans l'application iBooks d'Apple.
Si vous avez implémenté cela, je m'attends à voir l'image inversée sur le dessous de l'image et à voir le retournement être animé dynamiquement en "repliant" sur l'image.
J'ai essayé de retourner une image artificielle sur ma table,
La première réaction de mon corps fut;
- Placez et maintenez votre pouce sur l'image
- Simultanément avec votre majeur, simulez une rotation de 30 */60 * de gauche à droite ou de droite à gauche avec le pouce comme point central.