Aide à la première visite sur un site Internet
Sur mon site Web, il y a une fonction du menu supérieur que j'aimerais qu'un nouveau visiteur voit et comprenne immédiatement . Peut-être que seulement 10% des visiteurs l'utiliseront (c'est pourquoi il ne mérite pas un espace plus grand que le menu principal), mais je veux être sûr que ces 10% comprennent immédiatement cette fonctionnalité.
Je cherche des idées sur:
comment souligner la présence de cette option
comment éviter que les visiteurs récurrents soient ennuyés par ce message (peut-être en utilisant des cookies pour détecter si un nouveau visiteur/récurrent?)
Exemple (mauvaise qualité):
Note: ce n'est pas une méta question, je viens d'utiliser le site ux.SE comme exemple.
La réponse est juste à côté de l'endroit où vous avez indiqué dans la capture d'écran. Le bouton jaune.
Vous voulez mettre en valeur un élément de menu car il s'agit de quelque chose de différent ou de nouveau, vous pouvez le faire ressortir en ajoutant une couleur ou une bordure autour de lui, en lui donnant une sorte de sensation de bouton fantôme alors qu'il fait toujours "juste" partie de votre menu supérieur .
Ce ne sera pas gênant non plus, car cela ne gênera personne. Ce sera juste un élément de menu qui recevra un peu plus d'attention que les autres. Vous pouvez le trouver dans beaucoup de sites Web de nos jours, normalement ces types d'éléments sont quelque peu différents des éléments de menu habituels, c'est pourquoi ils sont davantage mis en valeur, exactement comme ce que vous essayez d'atteindre.
Vous parlez d'une fonction d'intégration. Une fonctionnalité d'intégration est une chose qui présente de nouveaux utilisateurs à votre système en mettant en lumière une ou plusieurs fonctionnalités. le projecteur peut inclure des informations supplémentaires via une bulle de dialogue, etc.
Cependant, une fois que l'utilisateur a utilisé cette fonctionnalité, vous n'affichez plus le projecteur.
Cette technique est également utile pour introduire une toute nouvelle fonctionnalité aux utilisateurs existants.
BTW Cette technique provient en fait de l'industrie du jeu, car de nombreux jeux informatiques utilisent cette technique.
Voici un exemple de Linked dans l'illustration d'une bulle de dialogue pour l'intégration:
Je recommanderais d'utiliser les techniques onboarding et quelques animations simples pour montrer cet élément et son importance. Un bon exemple est le Bouton d'action flottant (FAB) :: Transitions partie de Conception matérielle , spécialement les sous-éléments Morph et Plein écran. Vous verrez comment le FAB se transforme en un autre élément.
(visitez la page pour une vidéo plus claire, c'est une animation rapide que j'ai faite pour montrer le début et la fin, mais loin de la réalité)
Vous pouvez faire de même avec votre navigation: commencez par un appel à l'action clair centré dans votre page, peut-être le seul élément visible, expliquez de quoi il s'agit, et lorsque vous cliquez dessus, transformez-le en élément comme prévu, en expliquant à l'utilisateur l'élément sera toujours là. De cette façon, en utilisant un concept ludique et facile à comprendre, il sera très facile pour votre utilisateur de se souvenir de cet élément.
En psychologie, cela est connu sous le nom de impression de mémoire ou flash de mémoire, un moyen de renforcer les chemins du cerveau en utilisant des événements visuels forts, et les transitions ont prouvé qu'elles jouent un grand rôle dans la reconnaissance des différents les états d'un élément, d'où son utilisation massive en UX, spécialement l'intégration et l'apprentissage des utilisateurs