Hover est utilisé depuis des années sur les sites Web pour fournir un extrait d’information aux visiteurs sans déclencher d’action. Avec les smartphones et les tablettes prenant progressivement Internet, nous devons leur accorder une attention accrue lors de la conception d'un site Web. Les écrans tactiles ne supportant pas le survol, nous devons rechercher des solutions de remplacement aux effets de survol. Si vous créez votre propre site Web ou si vous ne disposez pas des ressources nécessaires pour engager un concepteur Web professionnel, ce tutoriel est pour vous.
Vous pouvez gérer les effets de survol avec les écrans tactiles, mais cela peut être un peu gênant. Vous feriez peut-être mieux de les concevoir et d’utiliser quelque chose d’autre. Si vous souhaitez les utiliser sur votre site de bureau, vous avez généralement trois solutions pour survoler les effets sur les sites Web mobiles:
- Supprimez-les complètement et remplacez-les par l'action principale.
- Ajoutez un menu secondaire dans lequel vous pouvez appuyer une fois sur l'effet de survol et une fois de plus sur 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 modifications de conception à mettre en œuvre dans une conception existante. Vous pouvez également contourner ce problème avec du code JavaScript ou un code jQuery intelligent si vous en avez les compétences, mais si vous essayez de tout comprendre vous-même, il vaudra peut-être mieux utiliser des variantes 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
Sauf si vous pouvez employer un concepteur de sites Web indépendant pour vous aider, il est peut-être préférable de supprimer complètement les effets de survol. Bien sûr, ils ont l’air soigné et peuvent offrir des informations supplémentaires utiles, mais il existe toujours d’autres moyens pour obtenir le même effet.
Vous pouvez conserver l'action de menu en tant qu'action principale et inclure les informations supplémentaires ailleurs sur la page. Vous pouvez utiliser des boîtes de dialogue, des fenêtres contextuelles, augmenter le contenu du descripteur pour le point que vous essayez de faire ou quelque chose d’autre. Si vous n'avez pas les compétences pour implémenter jQuery, c'est probablement l'option la plus simple.
Ajouter un menu secondaire
Un menu secondaire comprend le premier tap qui simule 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 presse simule le survol d'une souris et la seconde presse l'utilisateur qui effectue l'action principale.
C'est 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 l'écran mobile de l'écran auquel vous faites face. Si vous voulez vraiment inclure des données supplémentaires de manière non standard, vous pouvez le faire.
Placez les informations de survol sur sa propre page
Une option plus simple consisterait peut-être à inclure les informations de survol dans sa propre page avec un lien de texte. Cela simplifie votre menu et maintient la navigation simple. Les hyperliens fonctionnent 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 manipuler les informations avec suffisamment de soin pour qu'elles lisent bien et ajoutent de la valeur au lecteur, je pense personnellement que c'est la meilleure alternative. Décidez où placer ces liens vers les données supplémentaires, cela dépend de votre conception mais des pages supplémentaires vous donnent une occasion supplémentaire d’ajouter des appels à l’action, d’ajouter votre numéro de téléphone, votre adresse électronique et toute information supplémentaire pouvant être utilisée. faire une vente.
Rester en vol stationnaire
Si vous souhaitez utiliser un effet de survol sur votre site Web principal, vous devrez l'insérer dans votre site mobile ou au moins dans sa version. Il existe des alternatives de menu à bascule ou des solutions JavaScript, mais elles nécessiteront la mise en œuvre d'un expert. Cette page présente vos alternatives si vous souhaitez les explorer davantage.
Un des pièges les plus faciles à tomber lorsque vous démarrez seul ou que vous construisez 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 facilité d'utilisation, vous devez hiérarchiser les audiences. Vous devez également tenir compte des appareils qu'ils utiliseront et de la manière dont ils sont le plus susceptibles de s’engager 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 de ce type ne sont pas votre meilleure option.
