Comment concevoir la recherche de votre application mobile

Pendant que vous travaillez à créer de meilleures expériences pour les utilisateurs de votre application mobile, réfléchissez un peu à la conception de la barre de recherche de votre application. Des éléments tels que le placement, le texte d'aide et la manière dont les résultats de recherche sont affichés contribuent à la manière dont les utilisateurs s'engagent dans la recherche ainsi que dans votre application dans son ensemble.

Pourquoi Google est-il le géant de la recherche qu'il est aujourd'hui? Cela tient en partie à la manière dont il a transformé notre capacité à rechercher des réponses.

Pensez à quelque chose d'aussi simple que de rechercher la définition d'un mot. Il y a 20 ans, vous auriez dû retirer votre dictionnaire de l'étagère pour trouver une réponse à votre question. Maintenant, vous ouvrez votre téléphone ou allumez votre ordinateur, vous tapez ou vous parlez, et vous obtenez une réponse en un rien de temps et avec peu d'effort de votre part.

Cette forme de raccourci numérique n'existe pas en recherche. des moteurs comme Google. Les applications mobiles ont désormais également des fonctions de recherche autonomes.

Une barre de recherche est-elle même nécessaire dans une interface d'application mobile ou est-elle excessive? Voyons maintenant pourquoi l'élément de la barre de recherche est important pour l'expérience de l'application mobile. Ensuite, nous étudierons différentes manières de concevoir une recherche en fonction du contexte de la requête et de la fonction de l'application

La recherche dans les applications mobiles n’est pas négociable

La barre de recherche fait partie intégrante des sites Web depuis des années, mais les statistiques montrent qu’elle n’est pas toujours considérée comme une nécessité par les utilisateurs. Ces données de Neil Patel et Kissmetrics portent sur la perception et l'utilisation de la barre de recherche sur les sites de commerce électronique :

Comme vous pouvez le constater, 60% des utilisateurs interrogés préfèrent utiliser la navigation plutôt que la recherche, tandis que 47% optent pour la «recherche» filtrable par rapport à la fonctionnalité de recherche habituelle

Sur un site Web, cela a du sens. Lorsqu'un menu est bien conçu et bien étiqueté, quelle que soit sa taille, il est assez facile à utiliser. Ajoutez à cela des options de filtrage avancées, et je comprends pourquoi les visiteurs de sites Web préfèrent les recherches.

Mais les utilisateurs d'applications mobiles constituent une race différente. Ils accèdent aux applications mobiles pour des raisons différentes de celles des sites Web. En résumé, ils veulent une expérience plus rapide, concentrée et plus pratique. Cependant, étant donné que les écrans de smartphone ont un espace limité, il n'est pas vraiment possible d'inclure un menu étendu ou un ensemble de filtres pour faciliter la navigation d'une application.

C'est pourquoi les applications mobiles ont besoin d'une barre de recherche.

Vous allez trouver de nombreuses utilisations pour la recherche dans les applications mobiles:

• les applications axées sur le contenu telles que les journaux, les plateformes de publication et les blogs;
• les boutiques de commerce électronique disposant de stocks importants et d'une catégorisation de ces stocks. ;
• Applications de productivité contenant des documents, des calendriers et d'autres enregistrements consultables;
• Liste des sites qui connectent les utilisateurs au bon hôtel, restaurant, itinéraire, objet à vendre, appartement à louer, etc.;
• et les applications réseau qui connectent les utilisateurs avec un grand nombre de «correspondances».

Il y a bien d'autres raisons pour lesquelles vous auriez besoin d'utiliser une barre de recherche sur votre application mobile, mais je vais laisser les exemples ci-dessous parler d'eux-mêmes. .

Méthodes pour concevoir la recherche de votre téléphone portable App

Je vais diviser cette section suivante en deux catégories:

1. Comment concevoir l'élément de recherche physique dans votre application mobile,
2. Comment concevoir la recherche bar et ses résultats dans le contexte de l'application

1. Conception de l'élément de recherche physique

En ce qui concerne la présence physique de l'élément de recherche de votre application, vous devez prendre en compte un certain nombre d'éléments:

Top Or Bottom?

Shashank Sahay explique pourquoi il existe deux endroits où l'élément de recherche apparaît sur une application mobile:

• 1. Barre pleine largeur en haut de l'application
  Il s'agit d'applications qui sont pilotées par la recherche. La plupart du temps, les utilisateurs ouvrent l'application dans le but exprès de lancer une recherche.

Facebook est un bon exemple. Bien que les utilisateurs de Facebook s’engagent très probablement avec le flux de nouvelles dans l’application, je soupçonne sournoisement que les données de Facebook indiquent que la fonction de recherche est plus généralement utilisée, du moins en ce qui concerne les premières étapes. C’est pourquoi il est placé en haut de l’application.

• 2. Un onglet dans la barre de navigation alignée vers le bas.
  Ceci concerne les applications qui utilisent la recherche pour améliorer l'expérience principale d'utilisation des principales fonctionnalités de l'application.

Nous allons opposer Facebook à l'une de ses propriétés sœurs: . Instagram . Contrairement à Facebook, Instagram est une application de média social très simple. Les utilisateurs suivent d'autres comptes et obtiennent un aperçu du contenu qu'ils partagent par le biais de mises à jour d'histoires en plein écran, ainsi que dans leur fil d'actualités sans fin.

Cela dit, la fonction de recherche existe dans la barre de navigation afin que les utilisateurs puissent rechercher d'autres comptes à consulter ou à suivre.

Pour ce qui est de cette panne de base, Sahay a raison de dire comment le placement de recherches est corrélé. avec intention. Mais la conception de l'élément de recherche va au-delà de l'endroit où elle est placée dans l'application.

Shallow Or Deep?

Il arrivera parfois qu'une application mobile bénéficierait d'une fonction de recherche profondément intégrée à son application.

Vous verrez ce genre de chose assez souvent dans des applications de commerce électronique telles que Bed Bath & Beyond :

Dans cet exemple, cette fonction de recherche existe en dehors de la recherche de produit standard sur la page de destination principale. Les résultats de ce type de recherche sont également affichés de manière unique, reflétant ainsi le but de la recherche:

Vous pouvez utiliser d'autres méthodes pour utiliser des fonctions de recherche «approfondies» dans les applications de commerce électronique.

Pensez aux magasins qui ont des tonnes de commentaires attachés à chaque produit. Si vos utilisateurs souhaitent se concentrer sur ce que les autres consommateurs ont à dire sur un produit (par exemple, si une tente de camping est imperméable), la fonction de recherche les aidera à accéder rapidement aux avis contenant des mots clés spécifiques.

voir les recherches approfondies dans les applications de voyage et de divertissement telles que Hotels.com :

Vous connaissez probablement tous la fonction de recherche de base associée à toute application liée aux voyages. Vous entrez les détails de votre voyage et les résultats les plus pertinents sont affichés sous forme de liste ou de carte. C’est ce que cette capture d’écran est.

Cependant, voyez où il est écrit “Nom de la propriété” à côté de la loupe? Ceci est une fonction de recherche dans une fonction de recherche. Et les seules choses que les utilisateurs peuvent rechercher ici sont les noms réels des propriétés d'hôtels.

Barre, tabulation ou loupe?

Cela m'amène à mon prochain point de conception: comment savoir quel élément de conception représente la fonction de recherche .

Vous avez déjà vu des raisons claires d’utiliser une barre de recherche complète pour placer un onglet dans la barre de navigation.

Voici un exemple d'utilisation de cette application dans le YouTube application mobile:

À mon avis, la loupe est l'élément de conception de recherche que vous utiliseriez lorsque:

• L'une des principales raisons pour lesquelles les utilisateurs accèdent à l'application consiste à effectuer une recherche,
• Et elle est en concurrence avec un autre cas d'utilisation primaire

Dans ce cas, YouTube a besoin de la mini-loupe car elle sert deux types d'utilisateurs:

1. Les utilisateurs qui viennent dans l'application pour rechercher des vidéos.
2. Utilisateurs qui viennent dans l'application pour télécharger leurs propres vidéos.

Pour économiser de l'espace, des liens vers les deux existent dans l'en-tête de l'application YouTube. Si vous avez des priorités divergentes au sein de votre application, envisagez de faire la même chose.

«Recherche» ou donner un indice

Une autre chose à prendre en compte lors de la conception de la recherche d'applications mobiles est le texte situé dans le champ de recherche. Pour décider cela, vous devez vous poser la question suivante:

"Mes utilisateurs sauront-ils quel type de contenu ils peuvent rechercher grâce à cette fonction de recherche?"

Dans la plupart des cas, ils le feront, mais il serait peut-être préférable d'inclure un indice. dans la barre de recherche pour vous assurer que vous n’ajoutez pas de friction inutile. Voici ce que je veux dire par là:

Voici l’application pour Airbnb :

La barre de recherche me dit de “Essayer“ Costa de Valencia ””. Ce n’est pas nécessairement une suggestion explicite. C’est davantage pour m'aider à comprendre comment utiliser cette barre de recherche pour rechercher des lieux de séjour lors d'un prochain voyage.

Pour les nouveaux utilisateurs d'Airbnb, ce conseil serait utile. Ils peuvent se rendre sur le site en pensant que c'est comme Hotels.com qui permet aux utilisateurs de rechercher des informations telles que des vols et des locations de voitures. Airbnb, en revanche, vise avant tout à fournir un hébergement et des expériences. Ce texte de recherche est donc un bon moyen de guider les utilisateurs dans la bonne direction et de les empêcher de recevoir une réponse "Désolé, aucun résultat ne correspond à votre requête".

2 Conception de la barre de recherche et des résultats en contexte

Il est important de déterminer où placer l'élément de recherche. Vous devez maintenant réfléchir à la manière de présenter les résultats aux utilisateurs de votre application mobile:

Recherche simple

Voici la fonction de base de la recherche que vous pouvez offrir. Les utilisateurs tapent leur requête dans la barre de recherche. Les résultats pertinents apparaissent ci-dessous. En d'autres termes, vous laissez le soin à vos utilisateurs de savoir ce qu'ils recherchent et de le saisir correctement.

Lorsqu'une requête pertinente est entrée, vous pouvez obtenir des résultats de plusieurs manières.

app like Flipboard les résultats s'affichent sous forme de hashtags tendance:

Ce n’est pas le moyen le plus courant d’afficher les résultats de la recherche, mais cela a du sens dans ce contexte particulier. Les utilisateurs recherchent des catégories de contenu qu'ils souhaitent voir dans leur flux. Ces catégories avec hashtag permettent aux utilisateurs de choisir les sujets de haut niveau qui leur conviennent le mieux.

ESPN dispose d'une fonction de recherche de base plus traditionnelle:

Comme vous pouvez le constater, ESPN fournit une liste des résultats contenant le mot-clé. Il n’ya rien de plus à cela cependant. Comme vous le verrez dans les exemples suivants, vous pouvez programmer la recherche d'applications pour que les utilisateurs soient mieux informés des résultats qu'ils souhaitent voir.

Recherche filtrée

Selon l'enquête Kissmetrics susmentionnée, le filtrage avancé est une recherche populaire. méthode parmi les utilisateurs du site. Si votre application mobile contient beaucoup de contenu ou un vaste inventaire de produits, pensez à ajouter des filtres à la fin de votre fonction de recherche pour améliorer encore l'expérience. Vos utilisateurs sont déjà familiarisés avec la technique de recherche. De plus, cela vous évitera d'avoir à ajouter des améliorations à la fonctionnalité de recherche elle-même.

Yelp en offre un bel exemple:

Dans la recherche ci-dessus, je recherchais initialement des restaurants dans mon "emplacement actuel". Parmi les différents filtres affichés, j'ai décidé d'ajouter «Livraison des commandes» à ma requête. Ma requête de recherche est alors devenue:

Restaurants> Position actuelle> Livraison

Cela n’a vraiment aucune incidence sur l’utilisation de la chapelure sur un site Web. Dans ce cas, vous laissez les utilisateurs effectuer le travail initial en entrant une requête de recherche. Ensuite, vous leur donnez des filtres qui leur permettent de préciser davantage leur recherche.

Encore une fois, il s'agit d'un autre moyen de réduire les risques que les utilisateurs rencontrent la réponse «Aucun résultat» à leur requête. Étant donné que les filtres sont en corrélation avec les catégories et les segmentations existantes dans l'application, vous pouvez vous assurer qu'ils aboutissent à des résultats de recherche valides à chaque fois.

Les sites Web de commerce électronique constituent un autre bon exemple d'utilisation des filtres. Voici comment Wayfair procède comme suit:

La liste des résultats de recherche de Wayfair est relativement standard pour un marché de commerce électronique. Le nombre d’articles est affiché, suivi d’une grille d’images de produits et de détails de synthèse correspondants.

Mais c’est le problème: Wayfair dispose d’un inventaire considérable. C’est la même chose avec d’autres marchés en ligne comme Amazon et Zappos. Ainsi, lorsque vous indiquez aux utilisateurs que leur requête de recherche a généré 2 975 éléments, vous devez trouver un moyen d’atténuer l’embarras qui peut en résulter.

En plaçant les boutons Trier et filtrer directement à côté du total des résultats de la recherche, vous êtes en encourageant les utilisateurs à travailler un peu plus sur leur requête de recherche pour obtenir les résultats les plus pertinents et les plus pertinents.

Recherche prédictive

La fonction de saisie semi-automatique est déjà familière à vos utilisateurs. Pour les applications contenant beaucoup de contenu, l'utilisation de ce type de fonctionnalité de recherche pourrait être d'une grande utilité pour vos utilisateurs.

Premièrement, ils savent déjà comment cela fonctionne et ne sont donc pas surpris lorsque des suggestions de requêtes connexes apparaissent devant eux. En outre, autocomplete offre une sorte de personnalisation. Au fur et à mesure que vous collectez plus de données sur un utilisateur ainsi que sur le type de recherches qu'il effectue, la fonction de saisie semi-automatique anticipe ses besoins et fournit un raccourci vers le contenu souhaité.

Pinterest est une application de média social utilisée par les utilisateurs. contenu agrégé qui les intéresse et à la recherche d'inspiration pour presque tout ce qu'ils font dans la vie:

Regardez les résultats de la recherche ci-dessus. Pouvez-vous dire à quoi je pensais ces derniers temps? La première est de savoir comment je vais décorer mon nouvel appartement. La seconde est mon prochain tatouage. Et bien qu’il n’ait fait que taper le mot «Petit», Pinterest a tout de suite compris ce qui me préoccupait le plus récemment. Cela ne signifie pas nécessairement que, en tant qu'utilisateur, je suis venu dans l'application avec cette intention spécifique aujourd'hui… mais il est agréable de voir cette touche personnalisée alors que je m'engage dans la barre de recherche.

Une autre application qui m'intéresse beaucoup est la . ] Apple Application Photos:

En plus de l'utiliser pour stocker toutes mes photos personnelles, je l'utilise régulièrement pour prendre des captures d'écran pour le travail (comme je l'ai fait dans cet article). Comme vous pouvez l'imaginer, de nombreux contenus ont été enregistrés dans cette application et il peut être difficile de trouver ce dont j'ai besoin simplement en faisant défiler mes dossiers.

Dans l'exemple ci-dessus, j'essayais de trouver une photo que j'avais prise à Niagara Falls, mais je ne me souvenais pas si je l'avais étiqueté comme tel. J'ai donc saisi «eau» et reçu quelques suggestions de saisie semi-automatique utiles sur les mots associés à «eau», ainsi que des photos qui correspondent à la description.

Je mettrais également les résultats de «Recherches récentes» dans ce panier. Voici un exemple tiré de Uber :

Avant même de pouvoir taper ma requête de recherche dans l'application Uber, elle affiche mes dernières requêtes de recherche pour moi.

Je pense que cela serait particulièrement utile pour les personnes qui utilisent régulièrement des services de covoiturage. base. Pensez aux professionnels qui travaillent dans une ville. Plutôt que de posséder une voiture, ils utilisent Uber pour se déplacer entre leur bureau et leurs rendez-vous clients. En fournissant un raccourci vers les résultats de recherche récents, l'application Uber réduit le temps passé à réserver un voyage.

Si vous disposez de suffisamment de données sur vos utilisateurs et si vous avez un moyen d'anticiper leurs besoins, la complétion automatique est un moyen fantastique. pour personnaliser la recherche et améliorer l'expérience globale.

Limited Search

Je pense que ce point d'économie de temps est un élément important à ne pas oublier lors de la conception d'une recherche pour applications mobiles.

Contrairement aux sites Web sur lesquels des temps de page plus longs sont importants, ce n'est pas toujours le cas avec les applications mobiles. Sauf si vous avez créé une application de jeux ou d'actualités où les utilisateurs devraient passer beaucoup de temps à utiliser l'application quotidiennement, ce n'est généralement pas le temps passé à l'intérieur de l'application qui compte.

Votre objectif est de créer une application mobile. doit conserver les utilisateurs sur de plus longues périodes ce qui signifie fournir une expérience enrichissante pendant qu'ils y sont. Une fonction de recherche bien pensée y contribuera grandement, car elle permet aux utilisateurs de voir immédiatement ce qu'ils veulent voir, même si cela signifie qu'ils quittent l'application quelques secondes plus tard.

Si vous avez une application qui doit faites entrer et sortir rapidement les utilisateurs, pensez à limiter les résultats de recherche comme l'a fait Ibotta :

Tandis que les utilisateurs peuvent certainement saisir n’importe quelle requête, Ibotta précise que les catégories ci-dessous sont les seules disponibles. Cela sert à la fois de rappel de ce que l'application est capable et de contourner les résultats de recherche qui importent peu aux utilisateurs.

Hotels.com impose également des limites à sa fonction de recherche. :

Comme vous pouvez le voir ici, les utilisateurs ne peuvent pas simplement rechercher des hôtels dans tout le pays, Croatie. C’est tout simplement une recherche trop large que Hotels.com ne devrait pas avoir à fournir. En premier lieu, il est probablement trop pénible pour le serveur Hotels.com d’exécuter une requête de cette nature. De plus, cela fournirait une expérience terrible pour les utilisateurs. Imaginez combien d'hôtels figureraient dans cette liste de résultats.

En contrôlant ce que vos utilisateurs peuvent rechercher et les résultats qu'ils peuvent voir, vous pouvez améliorer l'expérience globale tout en raccourcissant le temps nécessaire à leur conversion. [19659145] Conclusion

Comme vous pouvez le voir ici, une barre de recherche n'est pas un élément de conception jetable. Lorsque votre application promet une expérience rapide et pratique à ses utilisateurs, une barre de recherche peut réduire le temps dont ils disposent à l’intérieur. Cela peut également faire de l’application une ressource plus précieuse, car elle nécessite peu de travail ou d’efforts pour atteindre le contenu souhaité.

(ra, yk, il)