Le Guide du Web
  • Derniers articles
  • Le guide du web
  • Les récits du web
  • Plan du blog
  • Le glossaire du web
  • Contact
  • ABIMES CONCEPT
Le Guide du Web
  • Derniers articles
  • Le guide du web
  • Les récits du web
  • Plan du blog
  • Le glossaire du web
  • Contact
  • ABIMES CONCEPT
Le Guide du Web
Le Guide du Web
  • Derniers articles
  • Le guide du web
  • Les récits du web
  • Plan du blog
  • Le glossaire du web
  • Contact
  • ABIMES CONCEPT
Copyright 2021 - All Right Reserved
Webdesign

Utilisez vos images et photos sur le web

par Avenier Michel 8 novembre 2013
écrit par Avenier Michel 8 novembre 2013

 

Utilisez vos images et photos sur le webD’après les médias du net une image vaut 1000 mots ! Alors utilisez vos images et photos sur le web. D’autre part, il est très facile d’intégrer une image. Toutefois, il y a quelques bons exemples sur la façon de traiter les images d’un site web via différents critères.

Mais nombreux sites ne sont pas des bons exemples. Même si ce n’est pas pénalisant pour le fonctionnement du site, un mauvais traitement des images peut décourager les lecteurs, diminuer vos chances de référencement et nuire à vos services et vos ventes.

Voici comment utiliser des images et photos sur le web !

Jakob Nielsen, expert en ergonomie Web, a mené une étude de Eye Tracking et a conclu avec un article publié sur leur site, intitulé « photos de contenu Web ». Les résultats d’étude ont surpris l’industrie du design et ont répondu aux questions des experts qui n’étaient pas en mesure de répondre avant la réalisation de 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 a l’air bien dans l’image et donne envie d’acheter ?
  • Rationnelle : est-ce que l’image montre les avantages du produit ?
  • De la marque : est-ce que l’image présente bien votre 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 onéreux, mais il va ajouter beaucoup plus de valeur et d’authenticité à votre site Web.

Qualité et pertinence des images et photos dans Eye Tracking

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 !

 

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 l’écoulement 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 texte du même bébé, mais une position différente est présenté à 106 personnes, 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

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

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.

Conclusion

Bonne utilisation d’images est cruciale pour un réussir un site Web, surtout quand votre objectif est la présentation et la vente. Comme vu dans les exemples ci-dessus, les mauvaises images sont souvent ignorées par les visiteurs. Toutefois, si vous parvenez à réaliser les bonnes photos et les optimiser pour le web ; Les intégrer dans les emplacement stratégiques, cela devrait faire la différence pour votre site web !

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

Comment utiliser vos images et photos sur le webeye trackingLe traitement des imagesOptimisation des images et photos en volume octetoptimiser vos images sur le webQualité et pertinence des images et photos dans Eye Tracking
0 comment 0 FacebookTwitterPinterestEmail
Avenier Michel

Auteur et éditeur de sites Web depuis 1992...

Article précédent
Tout savoir sur l’inbound marketing !
Article suivant
Augmenter vos réservations et ventes sur le net !

Related Posts

Les nouvelles pratiques du Web design

12 juillet 2022

Tendance web design 2022

26 janvier 2022

Nouvelles tendances web design 2021

5 janvier 2021

4 idées créatives d’inspiration en web design

9 octobre 2020

Réussir la création de votre site web

12 mai 2020

Web Design 10 Tendances 2020

13 janvier 2020

Le Storytelling en web design !

14 novembre 2019

Le Web Design émotionnel une nouvelle tendance !

11 octobre 2019

Les pratiques et avantages du web design

16 avril 2019

Création du logo de votre marque

26 octobre 2018

Laisser un commentaire

Save my name, email, and website in this browser for the next time I comment.

10 + dix-huit =

Recherche

Suivez-nous

Facebook Twitter Instagram Pinterest Youtube

Articles récents

  • Les nouvelles technologies web de 2023
    Les nouvelles technologies web de 2023
    L’année 2022 à été une période de vache maigre pour nombreux secteurs d’activités, en 2023 nous…
  • Préparez votre site e-commerce pour Noël 2022
    Préparez votre site e-commerce pour Noël 2022
    L’e-commerce est une activité saisonnière. La haute saison étant Noël il est donc important de vous…
  • Réussir une stratégie de marketing digital
    Réussir une stratégie de marketing digital
    Depuis l’existence du net, les habitudes des consommateurs changent constamment et pour réussir dans le e-commerce,…
  • Le SEO une stratégie web trop relative pour atteindre votre cible
    Le SEO une stratégie web trop relative pour atteindre votre cible
    Le SEO soit le référencement naturel est désormais une stratégie web trop relative pour renforcer la…
  • Psychologie marketing du e-commerce
    La psychologie marketing une stratégie du e-commerce
    La psychologie marketing du e-commerce permet de comprendre et d’orienter les interactions des consommateurs pour améliorer…

Catégories

  • Création de site Web
  • E-business
  • E-commerce
  • E-marketing
  • E-pub (publicité)
  • E-tourisme
  • E-voyagiste
  • Ergonomie
  • Hébergement et nom de domaine
  • Non classé
  • Référencement
  • Refonte de site Web
  • Réseaux sociaux
  • Technologies WEB
  • Tracking
  • Vente en ligne
  • Webdesign
  • Facebook
  • Twitter
  • Instagram
  • Pinterest
  • Linkedin
  • Youtube
Le Guide du Web
  • Home