Avec le mobile devenant la plate-forme de choix pour un nombre croissant d'utilisateurs, les gestes deviennent plus pertinents que jamais. Les petites actions qui permettent une interaction avec un appareil mobile, les gestes sont peu pris en compte par les utilisateurs car ils se concentrent davantage sur les résultats de leurs gestes à l'écran.

Vous devez comprendre deux aspects distincts pour comprendre le concept de gestes: la mécanique tactile et les activités tactiles; ils se rapportent au geste initiateur et à ses conséquences. Les gestes sont également intimement liés à l'expérience utilisateur essentielle sur un appareil mobile. Dévissez l'interface utilisateur et la manière dont les utilisateurs utilisent les gestes, et vous foirez leur expérience utilisateur. Ainsi, les gestes ont une grande importance pour les utilisateurs de tablettes et d’appareils mobiles.

Voici tout ce que vous devez savoir pour bien comprendre les gestes sur mobile ...

Définir des gestes

Les gestes sont la base même de votre interaction avec vos appareils mobiles. Regardez-les comme deux-parties: la mécanique du toucher et les activités tactiles qui s'ensuivent.

La mécanique tactile est ce que les doigts d’un utilisateur font sur son écran. Par exemple, si vous appuyez sur l'un des gestes les plus élémentaires d'un élément de menu, vous avez effectué un mécanisme tactile.

Les activités tactiles sont le résultat de la mécanique tactile précédente. Par exemple, si vous appuyez généralement deux fois sur une section de contenu écrit, l'écran du téléphone mobile effectuera un zoom avant sur ce contenu.

Les activités tactiles peuvent également résulter de combinaisons de différents mécanismes tactiles. Par exemple, avant de trouver une section de contenu écrit qui vous intéresse suffisamment pour vouloir effectuer un zoom avant (deuxième mécanisme tactile), vous devez d'abord faire défiler l'écran en effectuant un balayage (premier mécanisme tactile).

Types de mécanique tactile et activités tactiles

Il y a beaucoup de mécanique tactile en dépit du fait que de nombreux utilisateurs ne sont probablement familiers (du moins consciemment) qu'avec le tapotement et le glissement.

Tapotement

Le plus populaire et le plus simple est le tapotement, c'est-à-dire lorsque vous touchez l'écran pour effectuer une action comme ouvrir votre application de messagerie. Le taraudage se caractérise par une simple pression sur un doigt puis sur un ascenseur.

Double tapotement

Ensuite, il y a un double tapotement, où les utilisateurs répètent immédiatement l'action de toucher dos à dos. Ceci est généralement lié au fait de rendre les choses plus grandes sur un écran.

Balayer

Maintenant, nous arrivons à glisser, ce que beaucoup de gens connaissent. Le balayage se caractérise en appuyant sur le doigt, en déplaçant un élément à l'écran et en soulevant de nouveau le doigt. L’exemple parfait est celui de l’écran de verrouillage de votre iPhone, qui nécessite de glisser pour accéder à l’écran où vous devez entrer votre code pour accéder à la page d’accueil ou à l’écran.

Glisser

Cependant, il y a aussi le glisser, qui implique la même mécanique tactile, mais à une vitesse différente. Si vous voulez faire glisser des icônes d'application vers différentes parties de votre écran d'accueil, vous faites glisser au lieu de glisser.

Flinging

Lâchement connecté à la fois glisser et glisser est envolant. Encore une fois, la mécanique tactile est la même chose qu’un coup, mais la vitesse est différente. Avec le flinging, vous déplacez votre doigt très rapidement, comme lorsque vous vous lancez sur l'écran pour vous débarrasser de l'image de profil de quelqu'un sur laquelle vous avez cliqué dans votre application Twitter.

Longue pression

Un appui long se produit lorsque votre doigt touche un élément de l'écran, reste appuyé pendant un moment, puis se décolle de l'écran. Une activité tactile en résultant pourrait être l'ouverture de la boîte de copie pour copier une section de contenu écrit.

Longue pression et glisser

C'est lorsque vous appuyez avec votre doigt, maintenez, déplacez et soulevez à nouveau votre doigt. Si vous avez déjà réorganisé la disposition des icônes d'application sur votre écran mobile, vous avez fait cette combinaison de gestes plusieurs fois!

Double Tapping & Dragging

Celui-ci est un peu plus complexe: vous appuyez votre doigt sur l'écran, soulevez, appuyez de nouveau, déplacez, puis soulevez votre doigt pour la dernière fois. Ce mécanisme tactile peut se produire lorsque vous zoomez sur le contenu dans une zone de l’écran, puis effectuez un zoom arrière sur une autre zone.

Pinch-Open

Un autre mécanisme tactile qui permet de zoomer sur votre écran mobile, une ouverture par pincement nécessite que vous appuyiez simultanément avec deux doigts, puis que vous vous éloigniez les uns des autres et que vous leviez les deux doigts.

Pinch-Closed

Le mécanisme de contact opposé et l’activité tactile, pincée, consiste à appuyer avec deux doigts simultanément, puis à rapprocher les doigts et à lever les deux doigts. L'activité tactile qui en résulte fait généralement un zoom arrière.

Tapping (deux doigts)

Ici, vous appuyez simultanément avec deux doigts avant de retirer les deux doigts de l'écran. C'est généralement un autre moyen de faire un zoom arrière sur le contenu.

Faire glisser, glisser ou flotter (deux doigts)

Cela nécessite que vous utilisiez deux doigts lorsque vous tapotez, déplacez et soulevez vos doigts. C'est bon pour choisir plusieurs éléments à l'écran ou incliner ou panoramique.

Longue pression et glisser (deux doigts)

Avec ce geste, vous appuyez avec deux doigts, maintenez, déplacez puis soulevez vos doigts. Ce mécanisme tactile est utile lorsque vous travaillez avec une interface qui vous oblige à réorganiser les éléments de la liste ou à réorganiser les cartes dans une collection.

Double tapotement (deux doigts)

C'est là que vous utilisez deux doigts pour taper, soulever, taper et soulever à nouveau les deux doigts. Il est généralement utilisé pour effectuer un zoom arrière sur votre écran.

Rotation

Parfois, vous rencontrez un contenu ou une animation en mouvement sur vos appareils mobiles, là où la rotation est utile. C'est là que vous appuyez avec deux doigts autour d'un objet central, puis faites une orbite autour de vos doigts et, une fois terminé, soulevez enfin les deux doigts.

L'utilisation de Google Maps lorsque vous êtes en déplacement nécessite que vous effectuiez une rotation constante autour d'éléments d'écran significatifs pour mieux comprendre votre orientation.

L'importance des gestes

L'ensemble du concept de l'interface utilisateur sur mobile repose sur des gestes. C'est pourquoi ils sont également au cœur de l'expérience utilisateur. Avec un tel écran limité, les concepteurs et les développeurs doivent continuellement s’assurer qu’ils utilisent ces actions minimales de la manière la plus efficace et la plus intelligente possible.

Si tel est le cas, les utilisateurs peuvent facilement faire ce qu'ils veulent sur leurs appareils mobiles et leurs applications, ce qui est la quintessence d'une expérience utilisateur exceptionnelle. Dès qu'un geste ne parvient pas à être intuitif, comme dans le cas des utilisateurs, il ne serait naturellement pas obligé d'exécuter cette action pour interagir avec leurs appareils mobiles pour atteindre un certain objectif. En conséquence, la conception de l’interface sera un succès.

En se rappelant ces bases des gestes, les concepteurs seront en mesure de créer des interfaces mobiles et des expériences que les gens vont adorer.

Image utilisée utilise image des icônes de geste via Shutterstock.