Site Web Réactif sur différents Appareils
 oto hmincik
18 Févr. 2015 oto hmincik

L’une des demandes les plus courantes que nous recevons de nos jours concerne le développement de sites Web réactifs et c’est une bonne chose car il y a de grands avantages à utiliser un site réactif. Cependant, cela semble également être un espace commun de confusion. Nous commencerons par partager certaines des idées fausses fréquentes que nous rencontrons lorsque nous parlons aux clients de sites Web réactifs et adaptés aux mobiles:

  1. Seuls les sites Web réactifs fonctionnent sur les appareils mobiles.
  2. Chaque site Web doit être réactif.
  3. Un site web adapté aux mobiles est réactif.

Alors, que signifient exactement « réactif » et « adapté aux mobiles »? Regardons de plus près…

 Responsive

Jetez un œil à notre site Web responsive

Responsive Design

Un site Web responsive est un site qui répond (ou change) en fonction des besoins des utilisateurs et de l’appareil (appareil mobile dans cet exemple) sur lequel ils le consultent. Ici, le texte et les images passent d’une disposition à trois colonnes à un affichage à une seule colonne. Les images inutiles sont cachées afin qu’elles n’interfèrent pas ou ne concurrencent pas les informations les plus importantes sur l’écran plus petit du site.

Si vous êtes sur un ordinateur, vous pouvez savoir si un site est réactif en réduisant la taille de la fenêtre de votre navigateur du plein écran à très petite. Si l’apparence du texte, des images et du menu change à mesure que vous devenez plus petit, le site est réactif.

Principales caractéristiques des sites web réactifs:

  • Contenu dynamique qui change
  • La navigation est condensée
  • Images optimisées
  • Remplissage et espacement corrects
  • Dépendant des systèmes d’exploitation mobiles pour fonctionner
 Compatible avec les appareils mobiles

Jetez un coup d’œil à notre version de bureau

Conception adaptée aux appareils mobiles

Un site Web adapté aux appareils mobiles est conçu pour fonctionner exactement de la même manière sur tous les appareils. Cela signifie que rien ne change ou n’est inutilisable sur un ordinateur ou un appareil mobile. Les fonctionnalités telles que les listes déroulantes de navigation sont limitées, car elles peuvent être difficiles à utiliser sur mobile. Et aucune animation Flash n’est utilisée. Le site Web est littéralement le même dans tous les domaines, sans aucun problème de convivialité quel que soit l’appareil sur lequel il est consulté.

Principales caractéristiques de mobile-friendly:

  • Contenu statique qui ne change pas
  • Navigation simplifiée
  • Les images s’affichent plus petites
  • Ne dépend pas d’un système d’exploitation mobile pour fonctionner correctement

Comment savoir lequel vous convient ?

Eh bien, nous allons le décomposer pour vous avec une petite liste de contrôle utile

Responsive

Vous pouvez obtenir une expérience mobile plus personnalisée avec un design réactif. Cependant, cela nécessite une expertise, une planification appropriée et un budget un peu plus important.

Pensez à devenir réactif si:

  • Une grande majorité de votre trafic Web consulte votre site à partir d’un appareil mobile – au moins 35%
  • Vous avez un contenu de site complexe ou des fonctionnalités difficiles à utiliser sur un appareil mobile
  • Vous prévoyez une durée de conservation plus longue sur votre site Web et souhaitez qu’il apparaisse à jour plus longtemps

Compatible avec les appareils mobiles

Vous pouvez obtenir une expérience de site Web cohérente sur tous les appareils avec un site simplifié et adapté aux mobiles. Ces sites n’ont peut-être pas de fonctionnalités ou de fonctionnalités folles, mais ils fonctionnent simplement.

Pensez à devenir compatible avec les mobiles si:

  • Vous n’avez pas un public mobile énorme qui regarde votre site sur mobile – moins de 35%
  • Vous avez un site simple qui est principalement basé sur du texte et des images, sans fonctionnalités complexes
  • La taille de vos images est petite, ce qui permet un chargement rapide sur les connexions mobiles

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.