Hover est utilisé depuis des années sur des sites Web pour fournir un extrait d'informations aux visiteurs sans déclencher d'action. Avec les smartphones et les tablettes qui envahissent progressivement Internet, nous devons leur accorder une attention accrue lors de la conception d'un site Web. Étant donné que les écrans tactiles ne peuvent pas gérer le survol, nous devons rechercher des alternatives aux effets de survol. Si vous créez votre propre site Web ou si vous n'avez pas les ressources nécessaires pour employer un concepteur Web professionnel, ce didacticiel est pour vous.

Vous pouvez gérer les effets de survol avec des écrans tactiles, mais cela peut être un peu gênant. Il vaut peut-être mieux les concevoir complètement et utiliser entièrement autre chose. Si vous êtes prêt à les utiliser sur votre site pour ordinateur, vous disposez généralement de trois alternatives pour passer les effets sur les sites Web mobiles:

  1. Supprimez-les complètement et remplacez-les par l'action principale.Ajoutez un menu secondaire où vous pouvez appuyer une fois pour l'effet de survol et une fois de plus pour l'action principale.Placez les informations de survol sur sa propre page.

Tous fonctionneront bien sur les écrans tactiles et les ordinateurs de bureau, mais nécessiteront quelques ajustements de conception à mettre en œuvre dans une conception existante. Vous pouvez également le contourner avec JavaScript ou du code jQuery intelligent si vous avez les compétences, mais si vous essayez de tout comprendre vous-même, il est préférable d'utiliser des alternatives de conception que le code. Si vous souhaitez explorer des alternatives de code pour les effets de survol, visitez cette page.

Supprimer les effets de survol de votre conception

À moins que vous ne puissiez utiliser un concepteur de sites Web indépendant pour vous aider, vous feriez mieux de supprimer complètement les effets de survol. Bien sûr, ils ont l'air soignés et peuvent offrir des informations supplémentaires utiles, mais il existe toujours d'autres façons d'obtenir le même effet.

Vous pouvez conserver l'action de menu comme action principale et inclure les informations supplémentaires ailleurs sur la page. Vous pouvez utiliser des zones de discussion, des fenêtres contextuelles, augmenter le contenu des descripteurs pour le point que vous essayez de faire ou autre chose. Si vous n'avez pas les compétences nécessaires pour implémenter jQuery, c'est probablement l'option la plus simple.

Ajouter un menu secondaire

Un menu secondaire comprend le premier robinet qui simulerait un effet de survol. Vous pouvez inclure les informations dans le menu et afficher un deuxième menu dans le même élément. Ce deuxième menu agit comme la sélection réelle comme cela se produirait sur un bureau. La première pression simule le survol d'une souris et la deuxième pression simule l'utilisateur effectuant l'action principale.

Il s'agit d'une alternative intéressante aux effets de survol, mais elle est limitée par la taille de l'écran et limite la quantité d'informations que vous pouvez ajouter à votre effet. Les effets de survol sont limités par leur nature, mais sont plus limités sur mobile par la surface d'écran avec laquelle vous traitez. Si vous voulez vraiment inclure des données supplémentaires d'une manière non standard, c'est peut-être le cas.

Placer les informations de survol sur sa propre page

Une option plus simple serait peut-être d'inclure les informations de survol dans sa propre page avec un lien texte. Cela simplifie votre menu et simplifie la navigation. L'hyperlien fonctionne sur tous les appareils et vous obtenez une page supplémentaire pour la taille du site et le référencement. L'inconvénient est que vous devrez augmenter le contenu supplémentaire d'au moins 300 mots pour le faire fonctionner.

Tant que vous pouvez remplir les informations avec suffisamment de soin pour qu'elles soient bien lues et ajoutent de la valeur au lecteur, je pense personnellement que c'est la meilleure alternative. La décision de placer ces liens vers les données supplémentaires dépend de vous et dépendra de votre conception, mais des pages supplémentaires vous offrent une possibilité supplémentaire d'ajouter des appels à l'action, d'ajouter votre numéro de téléphone, votre adresse e-mail et toute information supplémentaire qui pourrait être utilisée. faire une vente.

Rester en vol stationnaire

Si vous souhaitez utiliser une sorte d'effet de survol sur votre site Web principal, vous devrez l'intégrer dans votre site mobile, ou la version mobile au moins. Il existe des alternatives de menu à bascule ou des solutions JavaScript, mais elles nécessiteront un expert pour être mises en œuvre. Cette page discute de vos alternatives si vous souhaitez les explorer davantage.

L'un des pièges les plus faciles à tomber lorsque vous commencez par vous-même ou créez votre premier site Web est la conception pour vous-même et non pour votre public. Vous devez certainement concevoir quelque chose que vous aimez, mais lorsque vous envisagez la convivialité, vous devez prioriser le public. Vous devez également prendre en compte les appareils qu'ils utiliseront et la manière dont ils sont le plus susceptibles de s'engager le mieux avec votre site Web.

Si votre public est jeune, il utilisera le mobile. S'ils utilisent le mobile, les effets de survol et d'autres options de conception comme celle-ci ne sont pas votre meilleure option.