Design adaptif vs. Design mobile (ou conception mobile)

  • Facebook
  • Twitter
  • LinkedIn
  • Google Plus
  • Email
  • RSS

Design adaptif – plus qu'une tendance à court-terme!

Le design adaptif, c'est quoi au juste ? Tout d'abord , commençons par le définir. Le design adaptif est une pratique suivie par les développeurs web afin d'afficher correctement du contenu sur les écrans d'une grande variété de dispositifs mobiles tels tablettes et téléphones intélligents. Le design adaptif est souvent appelé design mobile ou conception mobile, mais le design adaptif et le design mobile ne sont pas tout à fait la même chose.

Le design adaptif consiste en une variété de techniques (codes) utilisées pour afficher correctement le contenu sur les dispositifs mobiles. Le Design mobile (ou conception mobile) d'autre part, est l'équivalent de Design Web (Conception Web), mais pour les petits écrans. Voici comment diffèrent leurs étapes de planification :

Planification pour un design adaptif

  • Quelle plateforme(s) sera adoptée (ie: iOS, Android, BB, Win.)
  • Quels dispositifs seront supportés (ex : mini iPad , Galaxy 3, BB Torch)
  • Quelle orientation (fixe ou double (horiz./verticale)
  • Détection (coté client) et adaptation (JavaScript)
  • "Queries" média par CSS (plusieurs mises en page)
  • Utilisation de codes "viewport" pour contrôler la taille de l'écran
  • Résolutions d'images supportées

Planification pour un site mobile

  • But du site
  • Le look du site
  • Stratégie de contenu du site
  • Infrastructure du site, Navigation
  • Audience cible et valeur recherchée
  • Stratégie pour attirer les visiteurs

Responsive Design vs. Mobile Design

Tous les sites ne sont pas pareils, et ils n'ont pas besoin de l'être. Je crois cependant, que tout les sites devraient être capable de s'adapter à n'importe quel dispositifs utilisés pour accéder le site. Adaptabilité ne signifie pas nécessairement que tout est 100% adapté. Dans de nombreux cas, cela signifie plutôt que le fonctionnement est approprié de sorte que personne ait “une mauvaise” expérience (ie: contenu avec mise-en page détraquée, qui ne télécharge pas, …). Par exemple, si vous avez un vidéo de 30 minutes dans votre site web, une version plus petite pourrait être mis à la disposition des personnes utilisant des téléphones intélligents (en utilisant une détection et adaption (côté client)); si vous avez un Infographie qui n'est pas lisible sur les petites écrans, utilisez une valeur min. fixe. pour la grosseur d'écran (par l'entremise de codes "viewport"), ou forcez l'affichage en mode paysage. Il existe de nombreuses options qui permettent aux développeurs d'offrir une expérience positive pour tous.. Il ne faut jamais prendre pour acquis que les gens qui visitent le site ou l'application, ne le feront pas avec des dispositifs mobiles.

Avouons le, le nombre d'utilisateurs qui accèdent le web avec des dispositifs mobiles augmente rapidement, rendant obligatoire pour les développeurs, la planification d'affichage de contenu sur toutes les plateformes. Le design adaptif tel qu'il existe actuellement, n'offre pas une solution parfaite cependant, comme tout le reste du monde Web, les outils de développement évoluent. Le design adaptif n'est pas une tendance à court-terme. Je crois cependant, que dans quelques années, le terme "Design adaptif “disparaitra car son intégration deviendra "pratique courrante ” avec de nouveaux outils de développement facilitant la mise en œuvre de designs adaptés pour tous. Du moins, c'est ce que j'espère. Est-ce réalisable? :)

Le bonheur se trouve dans le partage d'information!

Écrit par

CIO, Contenta Inc. - Louise Lalonde-Morin est gestionnaire de projets Web avec 20+ années d'expérience en matière de solutions d'affaires Web pour les petites et moyennes entreprises. Louise offre un bon "mix" de solutions d'affaires, Contenu, et de conception graphiques.

Pas de commentaire.

Laisser un commentaire