Les actualités du Mardi 30 juillet 2024 dans les métiers du web - Marmits.com - Reims
Ah les carrousels…C’est souvent une fonctionnalité assez demandée par les clients en général, car c’est dynamique, ça bouge, c’est fun etc… Mais en avez vous réellement besoin pour votre site ?
Un carrousel, c’est quoi ?
De manière générale, la plupart des carrousels contiennent plusieurs diapositives (avec des images, vidéos ou autre) qui défilent lorsqu’on clique sur une flèche de navigation ou une pagination. Cela permet aux utilisateurs et utilisatrices de maximiser la densité de l'information sans avoir à faire défiler les pages. Pratique non ? Oui mais…Des études ont montré que la plupart des personnes ont tendance à ignorer les carrousels. Nous allons voir pourquoi.
Les carrousels sont très peu utilisés
Selon les recherches d'Erik Runyon, Directeur technique des communications marketing à l'Université de Notre Dame, les carrousels affichent un taux de clic relativement faible. En ayant fait l’étude sur le site même de l’Université avec un carrousel statique (qui ne défile pas automatiquement), 84 % des clics ont été effectués sur les articles en position 1, le reste étant réparti assez équitablement entre les quatre autres (~4 % chacun).
[IMAGE]
En revanche, sur les carrousels automatiques, le taux de clic est plus élevé que sur les autres diapositives.
Une autre étude a été réalisée par Rashika Tasnim Keya , étudiante a l’Université de Design de ICT, proposant aux internautes deux même e-commerce, mais en affichant les produits différemments ; le premier site sans carousel, et le deuxième site avec carrousels pour faire défiler les nombreux produits.
[IMAGE]
L’analyse à montré que la plupart des utilisateurs ont déclaré que l'interface sans carrousel était plus compréhensible que l'interface avec les carrousels. En effet, l’interface était plus claire, et leur recherche d'articles ou de produits a été plus précise et plus rapide que sur le site avec les carrousels. On peut noter que l'expérience utilisateur est significativement différente selon l’interface avec ou sans carrousel, et que les personnes ont tendance à réaliser leur objectif plus facilement avec des composants simples d'utilisation..
Pourquoi éviter les Carrousels ?
- Ils sont souvent plus difficiles à gérer et peuvent donner des résultats inattendus sur les appareils et les navigateurs plus anciens.
- En 2023, Google a également indiqué clairement que l'accent devait être mis sur la vitesse et l'amélioration de l'expérience utilisateur grâce à la facilité d'utilisation. Les carrousels ne s'inscrivent absolument pas dans ce plan.
- Les carrousels ne sont pas simples à utiliser. Selon le World Wide Web Consortium (W3C), le carrousel doit suivre ou mettre en œuvre certaines lignes directrices afin de le rendre accessible à toutes et tous.
- Pour les carrousels automatiques, chaque personne a besoin d'un temps différent pour lire l'ensemble du contenu du carrousel. Si c'est trop rapide, les personnes sont frustrées, et si c'est trop lent, elles le sont également, en particulier pour les personnes qui ont des problèmes de motricité et qui ont du mal à cliquer sur un élément avant qu'il ne soit enlevé.
Mais si vous insistez…
Si nous prenons l’exemple d’un site e-commerce, l'objectif de l’utilisateur est de trouver des informations sur les produits, de comparer différentes gammes de produits et de prendre une décision d'achat. Cela signifie que l'utilité du carrousel dépend du contexte de l'utilisateur. L'internaute est donc plus susceptible d’utiliser les carrousels.
Mais étant donné que les utilisateurs sont moins enclins à cliquer sur les flèches pour afficher la diapositive suivante, il peut être plus efficace de changer automatiquement de diapositive après un certain temps ou de leur montrer des diapositives d'une page différente lorsqu'ils reviennent sur votre site. A noter cependant qu’au niveau de l’accessibilité, une diapositive automatique doit comporter obligatoirement un système de mise en pause et de relance du défilement.
Selon les règles du cerveau de John Medina, la vision prime sur les autres sens. Toutefois, un grand nombre de diapositives ne constitue pas un bon carrousel, car une injection excessive d'images visuelles entraîne une charge cognitive. Par conséquent, cinq diapositives ou moins, adaptées à la mémoire à court terme, amélioreront l'expérience de l'utilisateur. Il faut également faire attention à placer les flèches de manière intuitive. Les utilisateurs préfèrent naviguer d'une manière qui leur est familière en raison de leur expérience passée.
Pour conclure
A faire
Ah les carrousels…C’est souvent une fonctionnalité assez demandée par les clients en général, car c’est dynamique, ça bouge, c’est fun etc… Mais en avez vous réellement besoin pour votre site ?
Un carrousel, c’est quoi ?
De manière générale, la plupart des carrousels contiennent plusieurs diapositives (avec des images, vidéos ou autre) qui défilent lorsqu’on clique sur une flèche de navigation ou une pagination. Cela permet aux utilisateurs et utilisatrices de maximiser la densité de l'information sans avoir à faire défiler les pages. Pratique non ? Oui mais…Des études ont montré que la plupart des personnes ont tendance à ignorer les carrousels. Nous allons voir pourquoi.
Les carrousels sont très peu utilisés
Selon les recherches d'Erik Runyon, Directeur technique des communications marketing à l'Université de Notre Dame, les carrousels affichent un taux de clic relativement faible. En ayant fait l’étude sur le site même de l’Université avec un carrousel statique (qui ne défile pas automatiquement), 84 % des clics ont été effectués sur les articles en position 1, le reste étant réparti assez équitablement entre les quatre autres (~4 % chacun).
[IMAGE]
En revanche, sur les carrousels automatiques, le taux de clic est plus élevé que sur les autres diapositives.
Une autre étude a été réalisée par Rashika Tasnim Keya , étudiante a l’Université de Design de ICT, proposant aux internautes deux même e-commerce, mais en affichant les produits différemments ; le premier site sans carousel, et le deuxième site avec carrousels pour faire défiler les nombreux produits.
[IMAGE]
L’analyse à montré que la plupart des utilisateurs ont déclaré que l'interface sans carrousel était plus compréhensible que l'interface avec les carrousels. En effet, l’interface était plus claire, et leur recherche d'articles ou de produits a été plus précise et plus rapide que sur le site avec les carrousels. On peut noter que l'expérience utilisateur est significativement différente selon l’interface avec ou sans carrousel, et que les personnes ont tendance à réaliser leur objectif plus facilement avec des composants simples d'utilisation..
Pourquoi éviter les Carrousels ?
- Ils sont souvent plus difficiles à gérer et peuvent donner des résultats inattendus sur les appareils et les navigateurs plus anciens.
- En 2023, Google a également indiqué clairement que l'accent devait être mis sur la vitesse et l'amélioration de l'expérience utilisateur grâce à la facilité d'utilisation. Les carrousels ne s'inscrivent absolument pas dans ce plan.
- Les carrousels ne sont pas simples à utiliser. Selon le World Wide Web Consortium (W3C), le carrousel doit suivre ou mettre en œuvre certaines lignes directrices afin de le rendre accessible à toutes et tous.
- Pour les carrousels automatiques, chaque personne a besoin d'un temps différent pour lire l'ensemble du contenu du carrousel. Si c'est trop rapide, les personnes sont frustrées, et si c'est trop lent, elles le sont également, en particulier pour les personnes qui ont des problèmes de motricité et qui ont du mal à cliquer sur un élément avant qu'il ne soit enlevé.
Mais si vous insistez…
Si nous prenons l’exemple d’un site e-commerce, l'objectif de l’utilisateur est de trouver des informations sur les produits, de comparer différentes gammes de produits et de prendre une décision d'achat. Cela signifie que l'utilité du carrousel dépend du contexte de l'utilisateur. L'internaute est donc plus susceptible d’utiliser les carrousels.
Mais étant donné que les utilisateurs sont moins enclins à cliquer sur les flèches pour afficher la diapositive suivante, il peut être plus efficace de changer automatiquement de diapositive après un certain temps ou de leur montrer des diapositives d'une page différente lorsqu'ils reviennent sur votre site. A noter cependant qu’au niveau de l’accessibilité, une diapositive automatique doit comporter obligatoirement un système de mise en pause et de relance du défilement.
Selon les règles du cerveau de John Medina, la vision prime sur les autres sens. Toutefois, un grand nombre de diapositives ne constitue pas un bon carrousel, car une injection excessive d'images visuelles entraîne une charge cognitive. Par conséquent, cinq diapositives ou moins, adaptées à la mémoire à court terme, amélioreront l'expérience de l'utilisateur. Il faut également faire attention à placer les flèches de manière intuitive. Les utilisateurs préfèrent naviguer d'une manière qui leur est familière en raison de leur expérience passée.
Pour conclure
A faire
Interrogé par les macronistes, Charles de Courson a rappelé son opposition à la réforme des retraites. Il a laissé au bureau de l'Assemblée nationale le soin de trancher sur la recevabilité de la proposition de loi de LFI.
Gabriel Attal a détaillé ce mardi matin devant les députés macronistes le contenu d'un "pacte d'action", qui doit aller "alimenter le dialogue avec les autres formations politiques" . Voici ce qu'on y trouve.
La zone euro affiche une croissance de 0,3% au deuxième trimestre 2024 malgré la contre performance de l'Allemagne, surpassant les attentes des économistes.
Après un rebond en mai, la consommation des ménages en biens a enregistré une baisse de 0,5% au mois de juin, selon les premières estimations de l'Insee.
Le milliardaire, qui soutient publiquement Donald Trump pour l'élection présidentielle américaine, a publié sur X une vidéo imitant la voix de la candidate démocrate, Kamala Harris.
La proposition du Nouveau Front Populaire de taxer les expatriés fiscaux français soulève un débat intense. Inspirée du modèle américain, cette initiative présente de nombreux défis juridiques et pratiques.
A set of twelve free 3D animations created with React Three Fiber and GSAP.
The post Button Style 266 appeared first on Best jQuery.
The post CSS Text Effect Style 250 appeared first on Best jQuery.
The post Hover Effect Style 438 appeared first on Best jQuery.
Des affirmations controversées mettent en lumière la gestion des émissions de titres du Trésor américain, suscitant une réaction forte de la secrétaire au Trésor.
Cette hausse du PIB excède les prévisions, selon l'Insee. Elle est notamment portée par les exportations et la production de services.
Les dépenses liées aux déplacements du président et aux réceptions ont augmenté l'an dernier, mettant le budget de l'Elysée dans le rouge.
L'IA générative optimise la gestion des données, remédie aux inefficacités et facilite l'interaction avec les données ainsi que l'amélioration des processus décisionnels.
Que ce soit pour le ciblage, la qualification ou la relance de prospects, l'IA rend la prospection commerciale, souvent chronophage et fastidieuse, beaucoup plus fluide !
Le développement de l'IA générative offre des possibilités sans précédents pour les entreprises, qu'il s'agisse de l'amélioration du service client, à la création de nouvelles offres.
Looking for ways to make your videos stand out? Brighten up your social media and video projects with our curated selection of light leak transitions, effects, and templates.
This week’s issue we’re stepping back and exploring the surprising value of useless things. We’re admiring the whimsical Eames-designed Solar Do-Nothing Machine and questioning what the right balance is between function and emotion. Sometimes in design, it’s the things that are hard to justify rationally that matter the most.
In my experience of building and supporting UX teams, most of them are significantly under-resourced. In fact, the term “team” can often be a stretch, with many user experience professionals finding themselves alone in their roles.
Hello friends, if you are preparing for System design interviews then one concept you must prepare is load balancing algorithms.
In this video, we explore the most popular and powerful libraries that make creating stunning animations a breeze. Whether you’re a beginner or an experienced developer, these tools will help you add dynamic and engaging elements to your website effortlessly.
We know how hard it is to choose the right agency for your web design project. With our expertise, we can guide you through this process with confidence.
La GMAO est un point d'entrée pour de nombreuses données utiles à l'entreprise. De ce fait, l'interfaçage de la GMAO avec le SI fait partie intégrante du déploiement d'une telle solution.
Les entreprises font face à des risques accrus dus aux tensions géopolitiques, aux cybermenaces et aux fluctuations du marché mondial.
Pages CMS révolutionne la gestion de contenu pour les sites statiques hébergés sur GitHub, en offrant une expérience conviviale et collaborative directement intégrée à votre dépôt. Découvrez comment ce CMS open source change la donne.
Reflet des expériences passées et signal important pour de futures décisions d'achat, la réputation en ligne est un élément déterminant pour la réussite d'une entreprise.
Free PSD tote bag mockups featuring two different scenes. The bag is laid flat with realistic light and shadows.
The post Cotton Tote Bag Mockup appeared first on Freebiesbug.
Free photorealistic PSD mockup of a 3-slot paper coffee holder. This freebie was created by Andi Alfano.
The post Coffee Cups Holder – PSD Mockup appeared first on Freebiesbug.