D’après les mĂ©dias une image vaut 1000 mots ! Alors utilisez vos images et photos sur le web, de plus il est très facile d’intĂ©grer une image. Toutefois, il y a quelques recettes Ă connaĂ®tre sur le traitement des images et photos du web.
Certes il y a nombreux sites web qui ne sont pas des bons exemples, un mauvais traitement des images peut décourager les lecteurs, diminuer vos chances de référencement et nuire au fonctionnement du site et les ventes.
Jakob Nielsen, expert en ergonomie Web, a menĂ© une Ă©tude du Eye Tracking et a rĂ©digĂ© un article publiĂ© sur leur site, intitulĂ© « photos de contenu Web ». Les rĂ©sultats d’Ă©tude ont surpris l’industrie du design, car ils ont rĂ©pondu aux questions des experts qui n’Ă©taient pas en mesure d’y rĂ©pondre avant cette Ă©tude.Le traitement des images et photos sur le web
En gĂ©nĂ©ral, les visiteurs apprĂ©cient les images et photos sur le web, lorsque celles ci sont pertinentes. A choisir, certains prĂ©fèrent une page Web sans images ou photos, plutĂ´t qu’une page Web pleine de photos mĂ©diocres qui pĂ©nalisent la lecture et ralentissent l’ouverture des pages. Voici, comment utiliser des images, en suivant les règles fondamentales du web :
Les Ă©lĂ©ments de base d’une image sont la dimension, la composition, la qualitĂ©, l’exposition afin d’optimiser une image. Les gens cherchent des images de qualitĂ©, alors qu’il suffit parfois de rĂ©gler le contraste pour faire la diffĂ©rence.
Les critères d’une bonne image ou photo :
- Émotionnel : Est-ce que le produit est bien vendeur dans l’image ?
- Rationnelle : Est-ce que l’image montre les avantages du produit ?
- La marque : Est-ce que l’image reprĂ©sentatif de la marque ?
- Message transmis : Est-ce que l’image envoie le bon message aux visiteurs ?
- PrĂ©voir la rĂ©ponse des visiteurs : l’image doit aider la prise de dĂ©cision et donner envie du produit.
Plusieurs Ă©tudes du Eye Tracking dĂ©montrent qu’il est important d’avoir des bonnes photos et images pour prĂ©senter des produits, meilleurs seront les rĂ©sultats. Évitez d’intĂ©grer des photos pixelisĂ©es car elles seront ignorĂ©es.
Vous prĂ©sentez une entreprise, le personnel en photos. Les internautes veulent connaĂ®tre l’entreprise, contacter un bon photographe et essayez de rester loin des photos de banque d’image. Certes, ce sera plus cher, mais cela ajoutera bien plus de valeur et d’authenticitĂ© Ă votre enseigne et site Web.
Qualité et pertinence des images et photos dans Eye Tracking
Voici les résultats de différentes études, dans cette photo il y a plusieurs zones rouges. Celles ci indiquent les endroits fixés par les yeux des visiteurs, tandis que les zones bleues indiquent les zones ignorés par les yeux des visiteurs.
Outre le fait qu’il s’agit d’une conception obsolète, vous pouvez voir clairement qu’aucune des zones rouges sont sur les images. C’est parce que toutes les images intĂ©grĂ©es dans leur page web sont purement du remplissage.
La section du restaurant de New York Magazine (voir en bas Ă droit) a Ă©galement fait partie de l’Ă©tude du Eye Tracking, des chefs mondialement connus sont en vedette dans les photos.
Dans cet exemple la photo est pertinente, mais prendre en compte la qualité de la photo ; un contraste faible et des images trop petites seront simplement ignorés.
La qualité des photos est aussi importante que le sujet de la photo utilisé. Il doit y avoir un équilibre, entre la qualité et la pertinence qui sont 2 facteurs essentiels !
Â
Â
Â
Â
Â
Â
Â
Â
Â
Bien choisir vos images et photos pour orienter l’œil du lecteur !
Les mĂŞmes Ă©tudes de la technologie Eye Tracking montrent que notre lecture (concentration) peut facilement ĂŞtre influencĂ© et modifiĂ© par les images. James Breeze a montrĂ© comment les images peuvent ĂŞtre pertinentes pour la lecture d’un site web.
Il a fait une étude de la technologie Eye Tracking sur 106 personnes en utilisant un site de fabricant de couches pour bébé. Comme vous pouvez voir sur les 2 images ci-dessous, quand le bébé fait face aux visiteurs, la plupart des internautes ont tendance à regarder son visage.
Toutefois, lorsque la même annonce et le même bébé, a une position différente, les résultats sont nettement mieux.
Non seulement les gens se concentrent principalement sur le texte, mais une plus grande attention Ă la marque et mĂŞme pour les petits textes dessous.
Â
Donnez du sens pratique et informatif à l’image et aux photos
Les images et photos sur le web aident les visiteurs et donnent beaucoup d’informations sur le produit en quelques secondes – mieux que des mots pourraient dĂ©crire. Un exemple très connu est montrĂ© ci-dessous, comment Apple fait de la publicitĂ© pour leur produit MacBook Air. Nous savons tous qu’il est petit, lĂ©ger et beau. Mais si vous ne le connaissiez pas, vous aurez une idĂ©e en 1 milliseconde en regardant la publicitĂ© minimaliste ci-dessous.
Â
Optimisation des images et photos en volume octet
Selon les donnĂ©es de Interesting stats, 61,9% d’une page web est constituĂ© d’images, le volume moyen d’une page Web Ă©tant 1.29MB. D’après les spĂ©cialistes des images trop lourdes prennent beaucoup trop de temps Ă s’afficher. Selon Jakob Nielsen, l’affichage d’une seconde est la limite Ă respecter pour les visiteurs qui naviguent ! Ils aiment se sentir libre dans une espace de commande sans ĂŞtre obligĂ© d’ attendre.
La bonne utilisation des images et photos sur votre site web
Certes les images sont cruciales pour réussir un site Web, surtout quand votre activité est un site marchand. Exportez bien vos photos au format web et les intégrer dans les emplacement stratégiques, cela devrait faire la différence !
Source: « How to Use Images Successfully – Web Design Usability Guide » par Christian Vasile
Autres articles :
Web Design 10 Tendances 2020
RĂ©alisez le plan de votre site web