Tous les articles
Ingénierie

Créer une recherche de véhicules avec des images

Les résultats de recherche sont des grilles d'images sous pression temporelle. Comment l'autocomplétion, les filtres et les résultats instantanés restent visuels sans faire fondre le réseau

Robin Ashford8 octobre 20266 minutes de lecture
Héro de blog: recherche-de-véhicules-avec-images

La recherche de véhicules est jugée dans les trois cents premières millisecondes et mémorisée par ses images. Une grille de résultats qui s'affiche complète semble être un catalogue; celle qui s'assemble par saccades semble être un scraper. La différence est rarement le moteur de recherche et presque toujours la couche d'images qui lui est attachée, donc cette partie couvre spécifiquement la recherche sous cet angle.

Autocomplétion avec des visages

Les suggestions avec vignettes se convertissent de manière mesurable mieux que les listes de texte, car la reconnaissance devance la lecture. Le schéma: à mesure que la requête se rétrécit aux modèles, chaque suggestion porte une petite vue en trois quarts avant, servie exactement à la taille de la vignette. Les images proviennent d'URLs paramétrées prévisibles, donc la charge utile de suggestion est une poignée de chaînes, et une préchargement court au focus fait que les premières touches semblent psychiques. Search resolution gère la correspondance floue en dessous

Inline de blog: recherche-de-véhicules-avec-images

La grille de résultats sous pression

  • Cellules à rapport d'aspect fixe, réservées avant toute arrivée d'image
  • Des vignettes en WebP, jamais des actifs de page de détails réduits par CSS
  • Chargement paresseux en dessous du pli, avide au-dessus
  • Des URLs stables par véhicule, donc la pagination et la navigation arrière atteignent des caches chauds

Les filtres ajoutent le tour que les ingénieurs de recherche sous-estiment: chaque changement de facette réorganise la grille, et les implémentations naïves refont appel aux images que la session détenait déjà. Cléer les cartes sur des identifiants de véhicules stables permet au cache du navigateur d'absorber les réorganisations, c'est pourquoi la navigation filtrée sur une grille bien construite semble instantanée dès la deuxième interaction.

La facette couleur, réalisée honnêtement

Le filtrage par couleur est là où la recherche de véhicules peut discrètement ravir: filtrez par rouge, et la grille affiche les modèles réels repeints en rouge plutôt que la couleur que portait la photo de stock. Avec la couleur comme paramètre de rendu, la facette et l'imagerie concordent par construction, et le résultat de la recherche devient un petit configurateur sans que personne en construise un.

États vides et longues traînées

La recherche met en avant les bords du catalogue: le modèle rare, le modèle discontinué, la requête qui correspond à un véhicule dans le pays. Ce sont précisément les résultats que la photographie n'a jamais couverts, et la couverture rendue garde la grille uniforme jusqu'à sa dernière rangée. L'état vide lui-même mérite une image; un espace réservé de marque avec un chemin de suggestion surpasse une illustration indifférente, car l'abandon de recherche se concentre précisément ici

Les utilisateurs pardonnent une recherche qui ne trouve rien. Ils ne pardonnent pas une recherche qui semble cassée pendant qu'elle trouve.

Mesurez toute la boucle comme une seule métrique: touche de clavier à grille peinte complète, sur un téléphone de milieu de gamme, via cellulaire. Le guide de référence fournit la méthode, et la stratégie de mise en cache fournit la plupart des améliorations.

Les recherches enregistrées bouclent la boucle

La discipline visuelle de la grille de recherche rapporte un second bénéfice sur les surfaces de rétention: les recherches enregistrées et les alertes réutilisent les mêmes vignettes dans les emails et les notifications, et la cohérence entre la carte d'alerte et la grille à laquelle elle renvoie donne une impression fluide lors de la visite de retour. Un seul système d'images, basé sur des identifiants stables, alimente discrètement toute la boucle, de la première touche de clavier à la notification qui ramène l'acheteur.

Vous souhaitez ces images pour votre inventaire?

Indiquez-nous quels véhicules vous listez et nous vous enverrons des exemples réels de votre propre stock.

Robin Ashford
Rédigé par
Robin Ashford
Chef de contenu

Robin écrit sur le point de rencontre entre les voitures et les logiciels: l'imagerie, les données des véhicules et les systèmes qui vendent des véhicules en ligne. Une décennie passée dans les places de marché, les plateformes de leasing et les outils de concessionnaires lui a appris quels problèmes sont réels, et les écrits ici se concentrent sur ceux-ci.

Trouvé cela utile?

Ajouter comme source préférée sur Google