Refonte de l'interface d'administration de Shopify : recherche et notifications déplacées dans la barre latérale

À partir du 15 septembre, Shopify commence à déployer progressivement une interface d’administration remaniée à tous les commerçants : les couleurs, les polices, les espacements et les icônes de chaque page ont été mis à jour. Il n’y a pas d’interrupteur pour cette refonte, les commerçants verront immédiatement le nouveau design en se connectant à l’interface d’administration.

Les modifications les plus marquées concernent la structure de navigation. La recherche, les notifications et le sélecteur de boutique, qui étaient auparavant fixés dans la barre supérieure de la page, ont maintenant été déplacés dans la navigation latérale gauche. La navigation latérale peut être réduite, ce qui élargit la zone de contenu de la page, et peut être développée au besoin. Dans le blog officiel, le designer principal de produits, Derek Briggs, mentionne un phénomène observé par l’équipe de conception : les commerçants se déplacent souvent d’une zone à l’autre, en particulier en entrant et sortant fréquemment des pages de paramètres. En regroupant ces éléments dans la barre latérale, les commerçants peuvent modifier les paramètres tout en restant ancrés dans l’ensemble de l’administration, sans avoir l’impression de quitter la page actuelle.

Les commerçants ayant plusieurs boutiques ressentent le plus le changement du sélecteur de boutique. Auparavant, il était à un emplacement très visible dans la barre supérieure, maintenant il est dans la barre latérale - si vous gérez trois ou quatre boutiques, les premiers jours, vous aurez tendance à jeter un coup d’œil vers le coin supérieur droit.

Par exemple, un site indépendant vendant des équipements de plein air, le service client traite les expéditions sur la page des commandes chaque jour, puis se rend dans les paramètres pour modifier les options logistiques, avant de revenir aux commandes. Dans l’ancienne version, la barre supérieure s’étendait sur le haut de la page, et la page des paramètres était une couche indépendante ; dans la nouvelle version, la navigation latérale reste visible, le chemin de changement est plus court, et le contexte n’est pas interrompu. Ce changement n’est pas époustouflant, mais après une journée entière, on peut sentir qu’il y a un peu moins de friction.

Sidekick déplacé en bas de chaque page

Le deuxième grand changement concerne Sidekick : le panneau latéral qui s’ouvrait à droite est devenu une petite fenêtre de chat flottante en bas de chaque page, que vous pouvez ouvrir pour poser des questions, et les tâches longues peuvent être développées en un panneau latéral.

Derrière ce changement de position, il y a des chiffres fournis par l’équipe officielle : le volume de conversations quotidiennes de Sidekick a augmenté de 4,8 fois, passant de 2025 à 2026. L’explication de Shopify est que les commerçants commencent de plus en plus à l’utiliser comme principal moyen de travail, passant d’un “outil à ouvrir spécifiquement” à “quelque chose de toujours présent”.

En regardant ensemble la réorganisation de la navigation et la nouvelle position de Sidekick, l’intention est claire : l’architecture de l’information de l’administration est réorganisée autour de l’assistant AI - la barre latérale retire les éléments de la barre supérieure pour libérer de l’espace sur la page, et l’espace libéré en bas de la page est réservé pour l’entrée de conversation.

Les applications intégrées changent automatiquement de style, les interfaces dessinées par vous ne le feront pas

Pour les développeurs d’applications, le changelog officiel divise les changements en deux catégories.

Les interfaces construites avec les extensions Admin UI et App Home UI obtiendront automatiquement le nouveau style lors du déploiement de la nouvelle administration dans la boutique, sans changement de fonctionnalité, et sans avoir à modifier une seule ligne de code d’extension. Si l’application utilise uniquement des extensions intégrées, cette mise à jour représente un travail nul.

Mais si vous rendez vous-même l’interface dans l’App Home (sans utiliser les composants web Polaris), l’interface conservera le style existant et ne suivra pas automatiquement les changements de l’administration. Pour changer de visuel, vous devez migrer vers Polaris 2.0. Actuellement, le candidat à la version de Polaris Web Components est 1.1, et le RC de 2.0 a déjà été publié, apportant le style visuel de la nouvelle administration. Shopify utilise un modèle de version sémantique CDN Polaris, et la mise à niveau vers une nouvelle version majeure est une opération explicite, les commerçants ne verront pas l’application dans un état à moitié nouveau et à moitié ancien.

Une question que l’équipe officielle n’a pas encore clarifiée : la certification “Built for Shopify” exige une cohérence visuelle, et certains développeurs ont déjà demandé sur le forum si les applications partiellement migrées vers Polaris sont conformes, il faudra attendre des éclaircissements ultérieurs.

Les pièges des tests en période de déploiement

Pendant la période de déploiement progressif, il y a un état de transition : la même application peut apparaître dans la nouvelle administration sur la boutique A, et dans l’ancienne version sur la boutique B. Le changelog original indique “une application peut apparaître soit dans l’ancienne, soit dans la nouvelle administration en fonction de la boutique du commerçant”.

Lorsque l’environnement de test et la version de la boutique client ne sont pas cohérents, ne doutez pas de votre code, c’est un état prévu. La date de fin du déploiement complet n’a pas été annoncée par l’équipe officielle, et ma boutique de test n’avait pas encore été mise à jour avec la nouvelle version au moment de la rédaction.

Les commerçants se plaignent déjà, mais cette fois, il s’agit de soustraction plutôt que d’addition

Il y a beaucoup de retours négatifs dans la communauté. Certains commerçants ont posté en disant que la nouvelle interface utilisateur est “vraiment mauvaise”, se plaignant que les polices sont étranges, que la page des commandes est trop vide, que les couleurs sont trop vives, que les boutons et la structure de la page changent trop souvent - ce qu’il veut dire, c’est probablement que le problème n’est pas seulement cette mise à jour, mais que l’administration est en constante évolution.

Ces plaintes sont raisonnables, l’interruption de la mémoire musculaire a un coût réel. La logique de conception de l’équipe officielle est également compréhensible : l’équipe de conception n’a pas tout refait, mais a plutôt examiné page par page si les décisions de conception existantes étaient toujours valables. Certaines pages ont accumulé des décisions pendant plusieurs années, et certains modèles n’ont résolu qu’un seul problème, mais ont été conservés.

Pour les vendeurs, il y a peu à faire : il suffit de passer une demi-journée à retrouver les entrées courantes. Ce qui nécessite vraiment une décision, ce sont les équipes de développement des applications intégrées - celles qui utilisent uniquement des extensions n’ont rien à faire ; celles qui rendent elles-mêmes l’App Home sont conseillées de télécharger le RC de Polaris 2.0 et de le tester dans une boutique de test, afin que, tant que le déploiement n’est pas encore arrivé chez les clients, les problèmes d’adaptation visuelle soient exposés à l’avance.