Les images responsives

Qu'est ce qu'une image responsive ?

Une image responsive est une image qui s'affiche toujours de la meilleure manière dans un site web en prenant en compte le support sur lequel elle s'affiche.

La méthode la plus simple pour rendre une image responsive est d'adapter sa taille au support sur lequel on la consulte sans pour autant changer d'image.

<img src="img/mon-image.jpg" width="300" height="150" alt="ma superbe image">
img {
  max-width: 100%;
  height: auto;
}

3 outils UX

Quand on fait de l’ergonomie il est important de bien comprendre les besoins et habitudes de l’utilisateur final. Pour ça de nombreux outils existent afin de définir ses habitudes, son comportement lorsqu’il se rend sur un site, une applications mobile, …

En voici trois que l’on peut être amené à utiliser en atelier, chez le client.