web-dev-qa-db-fra.com

Comment créer un lien vers des résultats de recherche à facettes lors de l'utilisation de l'interface utilisateur AJAX / async?

Lorsque vous avez une recherche à facettes traditionnelle qui utilise AJAX l'expérience utilisateur est généralement bonne car il y a une rétroaction immédiate sur l'état actuel du système. L'utilisateur saura quelles autres facettes sont encore disponibles pour continuer affiner leur recherche, et ils ne peuvent pas sélectionner une combinaison de facettes qui ne retournera aucun résultat.

Le problème est de savoir comment donner à l'utilisateur la possibilité de sauvegarder/partager une collection de critères de recherche?

Lorsque vous utilisez une publication pleine page pour chaque sélection, vous pouvez ajouter des variables de chaîne de requête représentant les critères de recherche, mais ce n'est pas le cas avec async.

Option A: inclure un élément "Lien permanent" dans l'interface utilisateur

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Option B: inclure un élément "Partager ceci"

mockup

télécharger la source bmml

Y a-t-il plus d'options? Devriez-vous même essayer de faire cela?

9
Charles Wesley

Vous avez deux bonnes options qui ne s’excluent pas - alors je dirais pourquoi choisir quand vous pouvez avoir les deux? Je pense que les deux sont également valables car certains utilisateurs ne font pas confiance à "Partager sur FB" et souhaitent plutôt partager l'URL à la place. Donc, si vous avez à la fois l'option "partager" et l'option URL de copie, plus d'utilisateurs trouveront votre implémentation compatible avec leur manière d'utiliser le Web. Cela signifie que David Beckham sur la facette News aurait les deux URL comme Google:

https://www.google.com/webhp?hl=en&tab=mw#q=David+Beckham&hl=en&tbo=d&source=lnms&tbm=nws&sa=X&ei=T8kKUez6I6SE4ASj6YCADw&sqi=2&vedAU00CAoob_v r_gc.r_pw.r_cp.r_qf. & fp = a266652cdd4d0cbf & biw = 1366 & bih = 64

enter image description here

... et les boutons de partage, qui rendraient votre page de résultats de recherche (SERP) meilleure que celle de Google. Et ça?! ;-)

2
Benny Skogberg

Merci pour l'examen approfondi de l'état de la recherche et du partage.

J'ai un point de correction à apporter. Vous avez mentionné que les chaînes de requête ne peuvent pas refléter les critères de recherche avec async dans l'image:

Lorsque vous utilisez une publication pleine page pour chaque sélection, vous pouvez ajouter des variables de chaîne de requête représentant les critères de recherche, mais ce n'est pas le cas avec async.

Bonne nouvelle: il n'est en fait pas difficile d'exécuter complètement async et de mettre à jour l'URL pour refléter l'état de votre recherche à facettes en temps réel. Les méthodes sont relativement récentes, mais elles reposent sur des normes largement prises en charge et sont faciles à mettre en œuvre grâce à divers cadres côté client.

Pour un bel exemple, essayez la recherche avancée sur Vimeo . Jouez avec les facettes et vous pouvez voir les résultats mis à jour de manière asynchrone, ainsi que la chaîne de requête dans la barre d'adresse.

C'est également une grande victoire pour les utilisateurs mobiles, car nous regardons les fonctions de "partage" devenir de plus en plus intégrées au niveau du navigateur et de la plate-forme.

1
Noah C