L'ergonomie web représente l'ensemble des études et des techniques qui permettent d'optimiser le confort de navigation à travers l'expérience utilisateur. Elle doit répondre à 2 enjeux: prendre en compte tous les choix qui rendent la navigation de l'utilisateur simple et intuitive et participer à la réalisation des objectifs du site (vendre, prospecter, informer, etc. ). Un code structuré qui respecte les normes en vigueur Pour référencer et indexer les pages d'un site web, Google utilise des robots (Googlebots) qui analysent la qualité du code et l'architecture du site (sitemap). Le code traduit la structure du site, il s'agit de son squelette. La fiabilité de cette structure dépend de la qualité du code utilisé pour développer le site. Pour que votre code soit bien interprété par les moteurs de recherches, il doit être « propre » et respecter les normes W3C qui font office de référence en matière de développement web. Le code de votre site web ne doit pas non plus contenir d'erreur de lien (redirections, erreur 404) afin que vos pages soient bien indexées par les moteurs de recherche.
Éliminez tous les éléments superflus qui n'ont aucune valeur ajoutée Les pop in et widgets mal placés ainsi que les images animées qui alourdissent les pages de votre site sont à é élément doit avoir une valeur ajoutée. Posez-vous la question: ce message ou ce contenu peut-il aider l'internaute à convertir? N'essayez pas de combler les espaces vides avec des éléments qui n'apportent rien à votre audience. Un site épuré et minimaliste est plus performant qu'un site surchargé. Votre angle d'engagement doit être sur la qualité et non la quantité. Guidez l'internaute! Tous les éléments importants doivent se situer au-dessus de la ligne de flottaison. Si l'internaute doit scroller, guidez-le avec une flèche dynamique. Évitez tous les modules qui peuvent distraire, perturber, agacer ou faire hésiter votre utilisateur à poursuivre son parcours. L'internaute doit comprendre facilement l'enchaînement des actions qu'il doit faire. Revoyez votre Call to action (CTA) s'il le faut: sa couleur, sa visibilité, son emplacement ainsi que le wording utilisé.
Les informations recueillies sont destinées à CCM Benchmark Group pour vous assurer l'envoi de votre newsletter. Elles seront également utilisées sous réserve des options souscrites, à des fins de ciblage publicitaire. Vous bénéficiez d'un droit d'accès et de rectification de vos données personnelles, ainsi que celui d'en demander l'effacement dans les limites prévues par la loi. Vous pouvez également à tout moment revoir vos options en matière de ciblage. En savoir plus sur notre politique de confidentialité.
Les cinémagraphes permettent de se concentrer sur des détails auxquels on prête rarement attention (par exemple, la manière dont les gens regardent fixement leurs écrans, les reflets étant la seule chose qui change). À vous de choisir de vous camoufler dans les tendances ou bien de les maîtriser, et de vous imposer en créant quelque chose de nouveau. Un grand merci à Tina Touli, Simona Bunardzhieva (simoneone) et Thanos Kagkalos pour leur aide précieuse dans le développement de ce projet. Pour découvrir les autres créations originales de Tina Touli, rendez-vous sur sa page Behance.
Ne vous focalisez pas uniquement sur la macro conversion Le comportement du visiteur qui découvre votre enseigne sera différent du comportement de celui qui vous connaît déjà. De la même manière, un internaute qui a une intention d'achat immédiat aura un parcours différent de celui qui souhaite s'informer sur votre produit ou service. « Les petits ruisseaux font des grandes rivières. » Votre premier objectif est la conversion mais cherchez aussi des micro-conversions: génération de lead, contact par chat online, téléchargement d'un ebook, inscription à la newsletter micro conversions vous permettent d'identifier vos prospects tièdes. Prospects avec lesquels vous allez nouer une relation de confiance afin qu'ils deviennent chauds puis clients.
J'ai répété la procédure pour les autres calques, en utilisant des valeurs de cycle légèrement différentes à chaque fois. Visionnez la vidéo ci-dessus afin de découvrir les étapes que j'ai suivies pour créer une composition avec défilement. Voici l'animation finalisée du motif de bulles. J'ai créé et animé trois formes supplémentaires, toutes inspirées d'un motif de camouflage classique différent, puis j'ai commencé à utiliser le contenu Adobe Stock. AJOUT DES YEUX ET ANIMATION ANALOGIQUE Pour ajouter les billes, autrement dit les yeux, dans la composition, j'ai d'abord déplacé une lentille grossissante en plastique devant l'écran de mon ordinateur, que j'ai ensuite essayé de maintenir en place pendant que je faisais défiler le contenu. Comme les déformations étaient intéressantes, j'ai décidé de manipuler des billes de verre. Pour les stabiliser temporairement devant l'écran de mon ordinateur, j'ai positionné un cadre parallèlement au moniteur et fixé les billes avec du ruban adhésif.
Nous vivons dans un monde mobile, avec l'omniprésence des smartphones, les consommateurs ont pris l'habitude de faire les choses en mobilité. Ils ont toujours à portée de main un accès direct au web. Concrètement, ils veulent pouvoir réserver un vol, ouvrir un compte bancaire ou acheter un nouveau casque audio aussi facilement que lorsqu'ils recherchent un resto ou envoient un message à un ami. Mais, leurs attentes ne sont pas toujours conformes à la réalité, du moins pas encore. Les sites mobiles peuvent être lents et compliqués à parcourir. Le processus de paiement est parfois fastidieux: de nombreux champs à remplir et plusieurs étapes à remplir avant de finaliser l'achat. Or, les consommateurs ont tendance à abandonner si le processus est trop complexe. Avec un peu de chance, ils reviendront sur votre site à partir d'un ordinateur, mais dans le pire des cas, vous ne les reverrez jamais. La vitesse et l'ergonomie ne sont pas seulement des enjeux de développeurs. Ce sont aussi des enjeux de marketeurs.