En web design, le terme "device" évoque le matériel électronique utilisé pour accéder à une interface web.

Les appareils comprennent une large gamme d'équipements, allant des ordinateurs de bureau et ordinateurs portables aux tablettes, smartphones, montres connectées et autres dispositifs intelligents.

Chaque type d'appareil a des spécificités de taille d'écran et de résolution qui peuvent avoir une incidence sur l'affichage et l'utilisation d'un site web ou d'une application mobile, mais également des modes d'interactions potentiellement différents (vocal, tactile, gestuel, etc.).

Le "design responsive" est une approche qui vise à créer des interfaces adaptables à différents types de dispositifs, garantissant une expérience utilisateur optimale quel que soit le moyen d'accès. Les contenus restent lisibles et fonctionnels grâce à l'utilisation de grilles flexibles et de media queries.

 

Exemple

Répartition des éléments en fonction des types de devices utilisés.
Image de FreelanceTalks.

Précédent
Précédent

Focus

Suivant
Suivant

Tunnel de conversion