Un MacBook qu’on touche : vos interfaces perdent le survol

Le survol, ce qui se passe avant le clic

Le survol, c’est le moment où la flèche de la souris passe sur un élément sans cliquer. Beaucoup de sites s’en servent pour cacher des choses qui n’apparaissent qu’à ce moment-là. Le menu « Nos produits » qui déroule ses rubriques. La deuxième photo d’un vêtement, vue de dos. L’infobulle qui explique une icône. Le bouton « Ajouter au panier » qui ne se montre que sur la vignette pointée.

Prenez une boutique de prêt-à-porter en ligne. Sa page catégorie affiche douze robes. À la souris, chaque photo bascule sur le modèle porté et laisse voir les tailles disponibles. Au doigt, selon la façon dont le site est construit, la première pression ouvre directement la fiche produit, ou bien affiche l’effet et demande une seconde pression que personne n’a pensé à faire. Dans les deux cas, la cliente peut passer à côté de la robe portée et des tailles. Elle ne sait même pas que ces informations existaient.

Le test à faire avec une tablette

Pas besoin d’attendre le nouveau Mac. Une tablette ou un téléphone sans souris branchée font le même travail : leur écran n’a pas de survol non plus. Ouvrez votre site, puis touchez tout ce qui bouge quand on le pointe à la souris sur un ordinateur. Menus, vignettes, icônes, liens du pied de page.

Notez trois colonnes sur une feuille. Ce qui marche. Ce qui ouvre une page au lieu d’un menu. Ce qui ne se voit jamais. La dernière colonne est votre liste de travaux.

Ce qu’Apple a vraiment annoncé

Le communiqué d’Apple décrit des gestes connus du téléphone : balayer pour faire défiler une page, pincer pour zoomer sur une photo, toucher deux fois une fenêtre pour la mettre en plein écran. Le capteur est intégré à la dalle de l’écran, ce qui réduit le temps de réaction. Le clavier et le trackpad, la surface tactile sous le clavier, restent là. Apple insiste pour dire que Touch fonctionne avec eux, pas à leur place. Le Dynamic Island, la pastille noire en haut de l’écran des iPhone, arrive aussi sur le Mac pour Spotlight et les notifications.

Johny Srouji, qui dirige le matériel chez Apple, parle d’une « avancée monumentale pour le Mac ». Le modèle 14 pouces avec puce M5 Pro démarre à 3 299 € en France. La précommande est ouverte depuis aujourd’hui, les livraisons commencent le vendredi 6 novembre.

Ce qu’on ne sait pas encore

Apple ne dit rien, dans son communiqué, de la façon dont le survol sera traité. Une hypothèse raisonnable : comme sur iPad, le navigateur dira au site que l’écran se touche. Le site affichera alors ce qu’il a prévu pour les écrans tactiles. Encore faut-il qu’il ait prévu quelque chose. Un site pensé uniquement pour la souris sur ordinateur et pour le doigt sur téléphone se retrouve devant un cas mixte : grand écran, souris et doigt sur la même machine.

Autre point, les zones à toucher. Avant l’annonce, Tom’s Guide avait monté un écran tactile sur un MacBook Pro pour tester macOS au doigt. Le journaliste relevait des cibles trop petites pour un doigt. Sur votre site, les petits liens serrés posent le même problème.

Pourquoi ça compte pour un commerce

Un MacBook Pro à plus de 3 000 € ne sera pas demain dans toutes les maisons. Mais le doigt sur grand écran existe déjà partout : tablettes posées sur un comptoir, bornes en magasin, ordinateurs tactiles sous Windows. Une agence de location, un hôtel ou une cave qui prend des réservations en ligne a déjà des clients qui touchent son site au lieu de le pointer. Le Mac tactile ajoute à la liste ceux qui travaillent sur Mac, à commencer par les métiers de l’image, qu’Apple vise d’abord.

À faire cette semaine

Faites le test de la tablette sur votre page d’accueil et sur votre page la plus vendue. Pour chaque élément qui ne se voit qu’à la souris, posez-vous une question : est-ce qu’il peut rester visible tout le temps ? Le plus souvent, oui. La page s’en porte mieux.

Et chez Blind Studio ?

Pour MisterBooking, l’identité a été pensée jusqu’à l’icône d’application, à toutes les tailles d’écran. Nous avons aussi regardé ce que l’écran pliable de l’iPhone change pour les sites et les applications. Envoyez-nous l’adresse de votre site et la liste de votre test à la tablette : écrivez-nous, nous vous disons ce qui doit rester visible et comment le montrer sans charger la page.