Pour une bonne expérience de recherche

SmartSearch correspond à la nouvelle page de résultat, ie le hub avec les résultats dans les fichiers, les images, les musiques, sur le web avec des preview…

Côté app, on a toujours le contrat de recherche comme avant.

Il n’y a pas de nouveau contrat pour être intégré à la SmartSearch, c’est le système qui gère tout, et décide s’il prend des résultats de notre app ou pas !!

Si on a un site web, il vaut mieux lié son site web à son app pour que Bing puisse faire le lien, voire de proposer d’ouvrir l’app plutôt que le site web.

Avec Windows 8.1, on a un nouveau control : la SearchBox

Ce contrôle permet de monter l’historique des dernières recherches, des suggestions de résultat, et des suggestion de termes de recherche.

Il peut aussi gérer le Type to search, ie comme sur le start screen, on commence à taper pour lancer une recherche (à utiliser que sur les pages où il n’y a pas d’autre textbox)

Il faut aussi penser à rajouter une option Clear history dans les settings (via l’API WinRT) !

Le speaker présente ensuite différents conseils sur la manière de positionner le contrôle de recherche, en tenant aussi compte de la taille de l’écran (éventuellement en mettant un bouton de recherche pouvant s’étendre).

Enfin on arrive au code pour ajouter une SearchBox :

  1. On ajoute le contrôle SearchBox avec ses styles et on crée une page de résultat (avec le template VS)
  2. On se branche sur le querysubmitted event pour aller sur la page de résultat
  3. On traite la recherche dans la page de résultats

Pour gérer les suggestions, il y a un évènement suggestionsrequested sur la SearchBox.

Ensuite, sur cet évènement on peut ajouter des QuerySuggestion ou des ResultSuggestion (dans ce cas il faut gérer l’évènement ResultSuggestionChoosen).

Si on upgrade un projet de 8 à 8.1, on passe facilement du SearchPane à la SearchBox avec les mêmes évènements.

Si on ne fait pas une mise à jour majeure de l’app Win8, le conseil est d’ajouter au moins un bouton Recherche qui ouvre le SearchPane (le truc interdit jusqu’alors) !!!

Pierre-Yves Hemery

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s