Juan Guillot Gonzalez's profile

Meetic & Match - 3D Touch iOS

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
Action
Réaction -> balayage classique
Niveau de pression 1 - Actions supplémentaires
Pression longue
Affichage d'un menu contextuel
Niveau de pression 2 - Prévisualisation du profil
Appui de force 1
Prévisualisation du profil en réaction et accès aux actions primaires du profil
Niveau de pression 3 - Déclenchement de l'action sélectionnée
Appui de force 2
Déclenchement de l'action correspondante, ici l'envoi d'un message au membre
Meetic & Match - 3D Touch iOS
Published:

Meetic & Match - 3D Touch iOS

Implémentation du 3D Touch de l'iPhone sur les applications du groupe Meetic & Match

Published: