Voici 5 bonnes pratiques d’intégration de vos images dans vos maquettes.
Les images ont une place centrale dans la composition d’une interface, une belle photo bien placée peut définir toute l’identité d’une interface. En plus de penser à la bonne photo, vous devrez penser à bien placer vos images afin d’optimiser l’expérience de l’utilisateur.
Faire ressortir les images
Les images les plus importantes / CTA sont les images les plus audacieuses et les plus minutieusement traitées.
Rythmer la mise en page
Utilisez une composition sur plusieurs colonne, asymétrique et rythmée afin de rendre le défilement plus amusant et attractif.
L’habillage de texte
Proscrivez l’imbrication des images dans des paragraphes. En insérant une image dans du texte, l’œil fait des sauts inutiles et est interrompu dans son flux de lecture.
Utiliser des légendes
Renseignez toujours les balises <alt> et les descriptions de vos images afin de les rendre accessibles.
Utiliser le carroussel sur mobile
Pour présenter plusieurs images, utilisez la pagination horizontale (notamment sur mobile) afin de gagner en espace de navigation.
Partagez l’article si vous avez aimé 👋
