Responsive Design : Le multi-devices !

Pouvoir diffuser son contenu sur différents écrans et pour différentes orientations.

Responsive Design : à quoi ça sert ?


La régle des trois A ("AnyWhere, AnyTime, AnyDevice") nous oblige à adapter nos systèmes de diffusion de contenu pour offir la meilleure expérience possible à l'utilisateur.
Le Responsive Design est avant tout une démarche de conception. Pour chaque projet, il est nécessaire d'obtenir une réponse à chacune de ces 4 questions :
  • Faut-il cibler tous les devices ou seulement certains ?
  • Comment adapter la présentation de mes contenus aux différents devices ?
  • Faut-il diffuser le même contenu sur chaque device ?
  • Comment adapter ma technologie aux capacités d'affichage de chaque device ?


Lorsque l'on fait du Responsive Design, le design et l'intégration sont intimement liés : le designer devra mener une réflexion en amont et se demander à partir de quelle résolution les éléments devront se modifier, alors que l'intégrateur devra mettre en oeuvre les technologies nécessaires à l'adaptation et la réorganisation automatique des contenus.

Mais le Responsive Design c'est aussi une façon de mutualiser les coûts de diffusion. En effet, le coût de départ peut se révéler plus élevé qu'un simple site Internet, mais il permettra d'éviter des dépenses supplémentaires qu'engendreraient les déclinaisons de votre site pour l'adapter aux divers nouveaux supports.



Bootstrap V3 from twitter !


Bootstrap V3 est le Framework CSS developpé par twitter et mis à disposition librement, qui intégre tous les éléments d'interfaces et des bibliothèques nécessaires pour développer des sites Responsives Design dans les règles de l'art.
Mobile Agence utilise majoritairement ce système, notamment pour :
  • Gérer des grilles de mise en page.
  • Gérer le positions verticales & horizontales.
  • Utiliser des pictogrammes vectoriels.
  • Appliquer les standards du web et du référencement.

Vous avez un projet digital ?

Site web et/ou mobile - e-commerce - Mini site - Landing page - Intranet - WebServies.

PARLONS-EN !