Projet: Élaboration de la méthode d'implémentation du 3D Touch d'iOS pour l'application Meetic & Match
Type: Ergonomie et design d'interaction
En marge de l'annonce de l'iPhone 6 et iPhone 6S en 2015, Apple dévoila un nouveau procédé d'interaction pour sa gamme de téléphone, nommé le 3D Touch, connu comme Force Touch sur Mac Book & Mac Book Pro. Partenaire de longue date avec la marque à la Pomme, Meetic et Match travaillèrent avant même l'annonce de celui-ci quant à l'implémentation de ce dernier sur leurs applications coeurs.
Avec un travail précédent sur l'Android Wear dérivant sur l'Apple Watch, notre équipe avait d'ores et déjà pu faire ses armes quant au 3D Touch proposé par Apple. À nos yeux, celui-ci représentait une extension du simple "tap" que pouvait effectuer un utilisateur sur son écran.
Partant de ce principe, nous nous sommes demandé où pouvait se présenter le principal intérêt de cet ajout pour notre application afin de proposer une fonctionnalité qui serait une évolution de ce dont l'usager disposait déjà sans pour autant y attacher un fonctionnement essentiel à notre service, qui aurait bloqué les membres ne possédant par la technologie 3D Touch.
Là où nos utilisateurs passaient le plus clair de leur temps à "tapper" furent les listes de profils de membre, attiré la plus du temps par la photo de présentation de ces derniers. Partant du principe précédement expliqué, nous décidâmes d'appliquer le 3D Touch à la prévisualisation du contenu photo d'un profil, tout en permettant de déclencher des actions supplémentaires liées à celui-ci.
Nous découpâmes la procédure en 4 niveaux :
Niveau 0: Correspond au simple scroll de l'utilisateur sur l'écran, pas de tap ou d'action en activité
Niveau 1: Appui long sur la carte d'un membre, permettant d'accéder à des actions complémentaires concernant celui-ci
Niveau 2: Appui de force 1 permettant d'accéder à la prévisualisation du profil
Niveau 3: Appui de force 2 permettant de déclencher l'action sur l'item opérant
Niveau de pression 0
Niveau de pression 1 - Actions supplémentaires
Niveau de pression 2 - Prévisualisation du profil
Niveau de pression 3 - Déclenchement de l'action sélectionnée