- McMaster-Carr est un fournisseur de pièces industrielles qui vend des écrous, boulons, roulements, etc.
- Comment un site industriel comme celui-ci est-il devenu le meilleur site de shopping ? Parce qu’il ne fait que l’essentiel.
- Design minimaliste, principalement en niveaux de gris avec de légères touches de vert et de jaune
- Aucun pop-up, aucune animation, aucune bannière, aucun carrousel, aucune vidéo
- L’objectif d’un utilisateur qui visite le site est de trouver la pièce voulue le plus vite possible. Le site est entièrement conçu pour cela
- Ce n’est pas un endroit où l’on vient flâner, donc il n’y a ni algorithme de recommandation IA, ni produits mis en avant, ni présentation de nouveautés
- Si l’on suppose que l’on cherche un "boulon"
- saisir
bolt dans la barre de recherche
- McMaster affiche quelques sous-catégories, comme
hex head, socket head, set screws, selon la forme. On choisit Socket Head
- Dans la barre de navigation de gauche, plusieurs options de filtrage apparaissent. Les boulons sont généralement classés par taille de filetage (
Thread Size) et par longueur. Je cherche un boulon 1/4"-20 x 1" (diamètre de 1/4" et longueur de 1")
- Il existe aussi d’autres filtres : matériau, résistance, taille de tête, etc. Une fois les filtres sélectionnés, la zone principale affiche directement chaque article (et non plus des sous-catégories)
- L’interface de recherche de McMaster est vraiment excellente. Toutes les fonctionnalités de cette page sont pensées pour permettre de trouver la pièce voulue le plus rapidement possible
- La section des filtres est simple et élégante, et affiche si nécessaire des illustrations expliquant la structure
- Les illustrations sont épurées pour ne montrer que les informations pertinentes, ce qui évite de distraire pendant la recherche
- La page de résultats propose aussi des menus déroulants utiles qui expliquent les pièces recherchées.
- C’est un peu comme si l’on combinait un manuel d’ingénieur et un catalogue en un seul endroit.
- Les ingénieurs recherchent souvent directement ce type de termes, donc inclure ces informations leur fait gagner un temps précieux
- Les filtres de McMaster ne sont pas seulement utiles pour une recherche ciblée, ils aident aussi à décider de ce que je veux exactement
- Il m’arrive de chercher avec seulement une idée générale de la pièce voulue, et dans ce cas les descriptions des sous-catégories m’aident à trancher sur les détails
- Par exemple, je sais que j’ai besoin d’une
Lock Washer (rondelle frein), mais pas forcément de laquelle ; les images et les descriptions m’aident alors à choisir
- Comme tout ce que vend McMaster est défini par des spécifications, il peut proposer une recherche très intuitive
- Il n’y a ni marque, ni photos produit, ni éléments marketing de ce genre
- Pourtant, le site offre des fonctionnalités bien meilleures que celles de Grainger, DigiKey ou Home Depot
- En comparaison, Amazon est vraiment mauvais pour filtrer les articles.
- Bien sûr, Amazon propose bien plus de produits, ce qui complique la tâche… mais même des fonctions de recherche de base comme le prix sont franchement médiocres
- Le sélecteur de prix d’Amazon se résume à deux champs de texte. Pourquoi pas simplement un curseur ?
- En plus, les options de sélection par prix sont les mêmes quel que soit le produit. Que l’on cherche un stylo très bon marché ou un trampoline coûteux, c’est pareil
- L’un des grands avantages de McMaster est qu’il fournit des fichiers CAD pour presque toutes les pièces, qu’on peut télécharger et ajouter à son modèle 3D
- McMaster propose aussi des extensions pour des logiciels CAD connus, permettant même d’importer les fichiers directement,
ce qui rend la vie des ingénieurs plus facile d’un facteur 10 (et entraîne évidemment aussi beaucoup d’achats chez McMaster)
- McMaster - https://www.mcmaster.com/ est presque parfait. Il serait peut-être bien de rendre la barre de recherche un peu plus visible, mais…
- McMaster est un "service qui comprend ses utilisateurs"
8 commentaires
Le fait qu’il fournisse aussi des données détaillées sur la conception y contribue beaucoup.
Sur les sites de e-commerce classiques, il arrive souvent qu’on ne puisse pas obtenir les informations souhaitées, même sur la page détaillée du produit.
Je partage le lien pour celles et ceux à qui cela pourrait être utile ; apparemment, c’est un site qui existe depuis plusieurs décennies. Il y a 20 ans, ils publiaient même un catalogue imprimé deux fois plus épais qu’un annuaire téléphonique..!
Le fait qu’ils ne prennent absolument pas en charge le web mobile et redirigent vers le téléchargement de l’app est assez inédit aussi.
Hein ? De mon côté, sur iPhone, j’ai eu le message « Ouvrir dans App Clip » et, quand j’ai appuyé dessus, l’App Clip s’est lancé sans passer par la procédure d’installation de l’app ! Je n’en avais vu que dans les vidéos de la WWDC jusqu’ici, et c’est la première fois que j’en fais réellement l’expérience : la transition est super fluide.
Ah, comme c’était déjà installé chez moi, je ne m’en étais pas rendu compte, mais on dirait qu’ils ont aussi implémenté ça.
L’application mobile est aussi très bien réalisée. On prend vraiment plaisir à s’y promener, haha.
Une bonne référence à consulter quand on veut créer une boutique en ligne spécialisée dans un domaine.
Il y a énormément de catégories, et pourtant le site reste propre, sans superflu, sans éléments inutiles qui monopolisent des ressources.
Les illustrations, calmes et cohérentes dans leur tonalité, sont agréables à consulter, et l’UX semble aussi pratique dans les moments où l’on se dit « comment ça s’appelle déjà ? ».
On sent un vrai respect des fondamentaux haha