Retour haptique sous iOS 10

Les commentaires Haptic ajoutent une toute nouvelle dimension à l’interaction des utilisateurs mobiles. Apprenez à utiliser les nouvelles API de retour haptique de l'iPhone 7 pour fournir une réponse tactile à vos utilisateurs.

Qu'est-ce que la rétroaction haptique??

Dans iOS 10, nous avons une nouvelle API pour fournir des commentaires à l'utilisateur. Le retour haptique est une extension du retour visuel auquel chaque utilisateur est déjà habitué. Si vous avez un iPhone 7 ou un iPhone 7 Plus, vous avez peut-être remarqué une petite vibration de l'appareil lorsque vous faites défiler un sélecteur de date ou lorsque vous modifiez la valeur d'un commutateur: il s'agit d'un retour haptique. Le nouveau UIFeedbackGenerator la classe peut être utilisée pour implémenter le même comportement dans vos applications.

Quand l'utiliser

La première règle de retour haptique des directives d'interface humaine iOS: ne pas en abuser! Vous ne devriez pas envoyer de commentaires inutiles à vos utilisateurs. Si vous le faites, ils pourraient décider de désactiver cette fonctionnalité pour tout leur appareil. Comme il peut être désactivé, n'utilisez pas les commentaires haptiques comme seule méthode de commentaires avec votre utilisateur. Il se peut qu’il ne soit pas disponible sur certains appareils et les demandes soient ignorées en silence sur les appareils plus anciens qui ne le prennent pas en charge..

En général, le retour haptique devrait être une réponse à une action initiée par l'utilisateur. De cette manière, il est plus facile pour les utilisateurs de corréler les commentaires avec leur source..

Enfin, si vous voulez jouer un son en même temps, veillez à le synchroniser..

Comment choisir le bon retour

Le document Quoi de neuf dans iOS 10 d'Apple spécifie que l'une des trois classes concrètes suivantes doit être utilisée:

  • UIImpactFeedbackGenerator fournit une métaphore physique qui complète l'expérience visuelle. Par exemple, l'utilisateur peut ressentir un bruit sourd lorsqu'une vue glisse en place ou que deux objets entrent en collision. Il a trois variations: Succès, Attention, et échec.
  • UINotificationFeedbackGenerator indique qu'une tâche ou une action, telle que déposer un chèque ou déverrouiller un véhicule, est terminée, a échoué ou a généré un avertissement. Il a trois variations: lumière, moyen, et lourd.
  • UISelectionFeedbackGenerator indique que la sélection change activement. Par exemple, l'utilisateur sent de légers tapotements lorsqu'il fait défiler une molette de sélection. Ce retour est destiné à communiquer le mouvement à travers une série de valeurs discrètes, sans créer ni confirmer une sélection..

Pour expliquer ces différents types, la documentation propose des vidéos avec son pour illustrer le modèle de chaque type de retour. Essayez-les vous-même sur le site des développeurs Apple.

Comment effectuer des commentaires

Commençons maintenant à coder! Nous allons créer une application iOS très simple qui donne un retour de succès lorsqu'un bouton est enfoncé. Ouvrez Xcode 8 et créez un nouveau projet iOS.

Ajouter un bouton dans votre Storyboard déposer et créer un IBAction pour déclencher le retour. 

 Le cycle de vie d'un générateur de commentaires ressemble à ceci:

  1. Instancier le générateur.
  2. Préparer le générateur (optionnel).
  3. Retour de déclenchement.
  4. Relâchez le générateur (optionnel).

Je vais vous guider à travers chacune de ces étapes ci-dessous.

Instancier le générateur

Commencez par déclarer une nouvelle variable de type UINotificationFeedbackGenerator. Si vous souhaitez utiliser un autre type de retour, changez simplement cette classe.

var feedbackGenerator: UINotificationFeedbackGenerator? // Déclarer le type de générateur.

Initialiser le générateur dans viewDidLoad:

override func viewDidLoad () super.viewDidLoad () feedbackGenerator = UINotificationFeedbackGenerator () // Instancie le générateur. 

Préparer le générateur

Si vous savez à l’avance que l’utilisateur va déclencher un retour d’information, vous devez appeler le préparer() méthode. Cela réduira le temps d'attente entre votre appel de méthode et les commentaires matériels réels. Un exemple est lorsque vous souhaitez donner plusieurs commentaires au cours d'un geste. Dans ce cas, préparez d'abord le générateur de manière à réduire la latence.

Commentaires sur le déclencheur

Dans l'exemple que nous construisons, nous n'avons aucun moyen de savoir quand l'utilisateur appuiera sur le bouton. Pour cette raison, à l'intérieur de l'action, nous déclenchons immédiatement le retour.

@IBAction func triggerNotification (_ sender: UIButton) feedbackGenerator? .NotificationOccour (.success) // Déclenche le retour haptique. 

Relâchez le générateur

Nous avons déclaré le générateur facultatif de sorte que, si nous n'en avons plus besoin, nous pouvons le définir comme néant libérer toutes ses ressources. Ceci est une étape optionnelle. 

Il n’existe actuellement aucun moyen de tester le retour haptique dans le Simulateur. Vous devriez mettre la main sur un iPhone 7 et tester le flux de l'application avec le nouveau système de feedback en action. Lancez l'application sur votre iPhone 7 et appuyez sur le bouton à l'écran. Vous devriez ressentir un retour de succès! 

Lorsque vous ajoutez un support à vos commentaires dans votre propre application, assurez-vous qu'elle se sent bien dans le contexte. que vos utilisateurs pourraient s'attendre, sinon ils pourraient être confondus.

Conclusion

Haptic Feedback est une nouvelle fonctionnalité qui permet à votre application de se sentir plus réaliste. Les utilisateurs apprécient toujours de voir que votre application prend en charge les dernières fonctionnalités de leur appareil, alors n'hésitez plus et implémentez-la immédiatement..

En attendant, découvrez certains de nos autres cours et tutoriels sur le développement d'applications Swift et les nouvelles fonctionnalités d'iOS 10..

  • Mettre à niveau votre application vers iOS 10

    Dans cet article, je vais vous montrer ce que vous devez faire pour préparer vos applications pour iOS 10. Comme pour toutes les versions majeures, iOS 10 introduit une multitude de changements et…
    Bart Jacobs
    iOS
  • iOS 10: Création d'interfaces de notification personnalisées

    Dans ce didacticiel, vous apprendrez à utiliser le nouveau framework UserNotificationsUI dans iOS 10 pour créer des interfaces personnalisées pour les applications locales et…
    Davis Allie
    SDK iOS
  • Les données de base s'améliorent

    Au cours de la WWDC de cette année, Apple a apporté un certain nombre d’améliorations significatives à Core Data, portant le cadre au niveau supérieur. Dans cet article, je vais…
    Bart Jacobs
    Données de base
  • Créer des applications iOS avec Swift 3

    iOS 10 vient de sortir, et avec lui, Swift 3. Swift est un nouveau langage de programmation d'Apple, spécialement conçu pour créer iOS, macOS et…
    Markus Mühlberger
    Rapide