{"id":1630,"date":"2013-06-18T22:27:51","date_gmt":"2013-06-18T20:27:51","guid":{"rendered":"http:\/\/blog.stephaniewalter.fr\/?p=1630"},"modified":"2023-08-04T11:16:09","modified_gmt":"2023-08-04T09:16:09","slug":"traduction-adaptive-vs-responsive-quelle-est-la-difference","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/fr\/blog\/traduction-adaptive-vs-responsive-quelle-est-la-difference\/","title":{"rendered":"[Traduction] Adaptive VS Responsive Design : quelle est la diff\u00e9rence ?"},"content":{"rendered":"
Ce contenu a \u00e9t\u00e9 r\u00e9dig\u00e9 il y a 11 ans. Il se peut qu'il ne soit plus \u00e0 jour.<\/div>

La diff\u00e9rence entre le \u00ab\u00a0Responsive Webdesign\u00a0\u00bb et ce qu’on appelle \u00ab\u00a0Adaptive Design\u00a0\u00bb ou \u00ab\u00a0Design Adaptatif\u00a0\u00bb n’est pas forc\u00e9ment facile \u00e0 saisir.\u00a0 Viljami Salminen dans son article \u00a0Adaptive vs. Responsive, what\u2019s the difference?<\/a> donne une explication assez claire, dont je vous propose la traduction aujourd’hui avec son autorisation.<\/em><\/p>\n

\n

Il semble y avoir confusion entre ces deux termes et leur signification. Je vous propose donc mon avis sur le sujet ainsi que quelques liens annexes pour continuer vos lectures. Je ne suis en g\u00e9n\u00e9ral pas un grand fan des d\u00e9bats \u00e0 propos de la fa\u00e7on dont on devrait nommer telle ou telle chose, mais j’ai voulu cette fois clarifier la situation puisque cette question revient assez souvent.<\/p>\n

Le Responsive Webdesign<\/strong>\u00a0est une partie d’un plus grand concept que l’on appelle Adaptive Design<\/strong>\u00a0(Design Adaptatif ou Design Adaptif). Lorsque l’on parle de Responsive Webdesign, on fait uniquement r\u00e9f\u00e9rence \u00e0 la mise en page<\/strong> (Ethan Marcotte – NDT auteur du livre Responsive Webdesign<\/a> <\/em>– des grilles fluides, des images flexibles et des media-queries).<\/p>\n

Le Design Adaptatif\u00a0<\/strong>quant \u00e0 lui va bien au del\u00e0 d’une simple fluidit\u00e9 dans la mise en page. En pratique ce terme signifie la m\u00eame chose qu’Am\u00e9lioration Progressive<\/strong>, \u00e0 savoir pour faire simple, essayer d’apporter la meilleur exp\u00e9rience utilisateur \u00e0 la plus large audience possible (NDT par audience il faut entendre diff\u00e9rents appareils et situations de navigation)<\/em>. De plus le terme \u00ab\u00a0Adaptive Design\u00a0\u00bb ne devrait pas \u00eatre confondu avec le terme \u00ab\u00a0mise en page adaptative\u00a0\u00bb (Adaptive layout) qui n’a strictement rien \u00e0 voir.<\/p>\n

 <\/p>\n

Enfin le terme Adaptive layout<\/strong>, ou Mise en page Adaptative<\/strong>\u00a0d\u00e9signe un type de mise en page obtenu en combinant plusieurs largeurs fixes. Pour ma part je pense que la mise en page adaptative (lorsque qu’elle est bien faite et que les largeurs fixes sont combin\u00e9es \u00e0 des largeurs fluides) est une forme de design responsive, et non une alternative \u00e0 ce dernier. Zeldman partageait une id\u00e9e similaire dans un article de 2011<\/a>.<\/p>\n

\"adaptivetrad1Ataptative<\/p>\n

Liens \/ Ressources :<\/p>\n