Le redesign de la messagerie

Une messagerie, ça ne se lit pas comme un article : ça s'utilise comme une application. Le fil doit tenir dans l'écran, la barre de saisie rester sous le pouce, et le défilement ne jamais partir là où on ne l'a pas demandé. C'est le chantier qu'on vient de mener, écran par écran.

Sur téléphone, la conversation prend tout l'écran

Quand vous ouvrez une conversation, elle occupe désormais la totalité de l'écran. Plus de barre du site en haut ni de barre de navigation en bas qui grignotaient un bon sixième de la hauteur : l'en-tête de la conversation devient la barre du haut, et la flèche en haut à gauche vous ramène à vos conversations.

C'est ce que font toutes les messageries que vous utilisez déjà, et pour une bonne raison : sur un téléphone, chaque ligne de messages gagnée compte.

Sur tablette, deux panneaux plutôt qu'un

Sur iPad et tablettes Android, vos conversations restent affichées à gauche pendant que vous écrivez à droite. On avait d'abord essayé le plein écran là aussi : mauvaise idée. Sur un écran de cette taille, ça retirait toute la navigation du site pour afficher une seule conversation dans beaucoup de vide.

Une tablette a la place de montrer les deux. Vous passez d'une conversation à l'autre sans jamais perdre votre liste.

Un seul défilement, et il ne saute plus

C'était le point le plus agaçant : en remontant dans l'historique, la page entière pouvait se mettre à bouger derrière le fil, ou rebondir en arrivant en haut. Terminé. Il n'existe plus qu'un seul défilement, celui des messages, et il s'arrête net à ses extrémités.

Le bouton Revenir en bas ne déplace plus rien non plus quand il apparaît, et il est enfin cliquable du premier coup.

Appuyez longuement sur un message

Sur téléphone, maintenez le doigt sur un message : un menu monte du bas avec Répondre, Copier, et Signaler pour les messages des autres. Vous pouvez le refermer en le faisant glisser vers le bas.

Avant, trois petits points restaient affichés en permanence à côté de chaque bulle, faute de survol sur mobile. C'était du bruit sur toute la hauteur de la conversation. Sur ordinateur, ils apparaissent au survol de la bulle, comme avant.

Des messages plus lisibles

• Vos bulles passent à l'encre, un brun profond à la place du dégradé orange. Les messages reçus remontent sur le papier clair du site au lieu d'un gris qui se confondait avec le fond. Les deux côtés se lisent enfin aussi bien, et l'orange redevient ce qu'il doit être : un signal, pas une couleur de fond.
• Les heures sont plus lisibles et alignées les unes sous les autres.
• La liste des conversations s'est allégée : les traits de séparation rentrent sous le texte, et les conversations non lues se repèrent d'un coup d'œil.
• La zone de saisie s'agrandit maintenant jusqu'à cinq lignes sur téléphone et sept sur ordinateur avant de défiler, au lieu de quatre partout.

Et sous le capot

Beaucoup de ce chantier ne se voit pas, et c'est tant mieux : la conversation ne se décale plus quand une bannière d'information apparaît en haut du site, le dernier message ne passe plus sous la barre d'accueil de l'iPhone, et l'écriture d'un message long ne fait plus sauter le fil.

Si vous remarquez quelque chose qui cloche sur votre appareil, écrivez-nous. Cette mise à jour doit beaucoup à des captures d'écran envoyées au bon moment. 🧩