Commentaires sur : [Traduction] Adaptive VS Responsive Design : quelle est la différence ? https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/ Je partage ici mes conseils, mes ressources et outils sur la conception centrée utilisateur, la recherche et tests utilisateur, le design de produits, la stratégie mobile, l'utilisabilité et l'accessibilité. Fri, 04 Aug 2023 09:16:09 +0000 hourly 1 https://wordpress.org/?v=6.6.2 Par : 10-nice https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-14905 Wed, 16 Oct 2013 11:57:45 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-14905 J’ai participé à un grand débat ce matin à ce sujet. J’étais persuadé que le RWD c’était donc un système de grille (fluide ou non entre les différentes valeurs de media queries) et que le AWD n’était que l’affichage immuable adapté au device courant (par exemple affichage template mobile si on détecte un user agent mobile).

On me renvoie sur ta traduction et là, patatra, je constate que finalement ce que je pensais a voir compris est l’inverse, et encore, pas tout à fait.

En fouillant un peu plus en profondeur sur la toile je tombe sur un article relativement bien étoffé de références sur les racines et définition de ces termes. En plus de regonfler un peu ma fierté personnelle, je me dit que finalement les termes peuvent être arrangés et interprétés un peu à la sauce de chacun. Alors je pose la question, existe-t-il quelque part un document officiel qui défini clairement quoi est quoi ? (w3c ?)

]]> Par : Stéphanie Walter https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-13969 Wed, 09 Oct 2013 10:32:01 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-13969 En réponse à sebastien.

Navrée mais traduire une vidéo entière de 45 minutes (dont il n’existe à ma connaissance aucun transcript) est un travail trop conséquent pour mes modestes compétences.

]]> Par : Stéphanie Walter https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-13967 Wed, 09 Oct 2013 10:27:13 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-13967 En réponse à sebastien.

Je pense que tu as lu « trop » vite avant de passer aux exemples la partie « J’ajoute deux petites démos pour bien comprendre la MISE EN PAGE adaptative VS responsive » => Les deux exemples sont des exemples de MISE EN PAGE, de layout.

Le RWD comme défini par Ethan Marcotte dans le livre éponyme est composée de 3 choses : grilles fluide + images fluides + media queries.
L’Adaptive webdesign (ou design adaptatif) va au delà : amélioration basée sur les capacités de l’appareil, ce qui peut comporter des échanges avec le serveur et autres techniques pour adapter à l’appareil en allant au delà des simples media queries.
Le RWD est donc une partie de l’adaptive (cf schémas).

Il existe ensuite des MISES EN PAGE : la MISE EN PAGE adaptative (rien à voir avec adaptive webdesign) est basée sur une grille fixe (en px) et des media queries. La MISE EN PAGE responsive est basée sur une grille fluide (%) donc ça ne saute pas.

Est-ce plus clair ainsi ?

]]> Par : sebastien https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-13965 Wed, 09 Oct 2013 10:22:29 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-13965 PS : et sinon ça ne te branche pas de nous traduire des sous-titre de la video de brad frost : http://vimeo.com/67476280 ?
Parce que là aussi le « concept » de « atomic design », c’est pas clair…

]]> Par : sebastien https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-13964 Wed, 09 Oct 2013 10:20:28 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-13964 Désolé mais je ne comprends pas…

le résumé du texte c’est : « Responsive Webdesign = uniquement les mises en page fluide, alors que Design Adaptatif = mise en page fluide + amélioration progressive. »
or dans tes deux exemples, la version responsive est fluide (ne saute pas), tandis que la version « adaptative » saute. Donc ce que je retiens en regardant les deux exemples c’est que la version responsive est une version améliorée de la version adaptative…. alors que tout l’article semble s’evertuer à dire le contraire…
Pas clair du tout…

]]> Par : Apprendre a dessiner https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-1321 Sat, 29 Jun 2013 20:03:15 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-1321 Arf, merci pour cette précision sur le responsive design.
Comme quoi, définir les termes, c’est important.
Sympa le graphique de l’iceberg, super clair.

Merci à toi Stéphanie.
-Pit-

]]> Par : Stéphanie Walter https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-1294 Fri, 21 Jun 2013 07:03:54 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-1294 Je suis assez d’accord, certains confondent mobile first et mobile only. Le mobile first ne veut PAS dire faire la version mobile dans Photoshop avant, mais penser également le mobile en amont, et surtout lors de la phase d’intégration en ajoutant les fonctionnalités au lieu de les masquer en display:none. Du coup on peut très bien faire du mobile first, et commencer par le design desktop sur Photoshop (Illu, Fireworks, etc) sans pour autant sacrifier ce dernier. Certains feront toujours hélas d’un conseil l’extrême :/

]]> Par : Rodleg https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-1290 Wed, 19 Jun 2013 08:49:48 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-1290 Merci pour la traduction et pour ces explications (et pour l’image) Stéphanie, ils est toujours bon de rappeler les choses.
Selon moi, il y a un souci avec l’amélioration progressive ou le design adaptatif, c’est qu’il y a une tendance aujourd’hui à les négliger, à croire que le web en 2013 ne se passe que sur mobile. Je visite trop de sites où la version desktop est complètement vide et où le design ne connait aucune « amélioration » par rapport à la version mobile.
Je viens d’ailleurs d’en parler dans J’ai mal au webdesign.

Rod

]]> Par : @Oliv06 https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-1289 Wed, 19 Jun 2013 08:42:37 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-1289 En réponse à Stéphanie Walter.

Sympa ce petit article pour garder l’iceberg limpide et éviter les érosions. Merci.

La faute signalée par Ludovic :
Notons que j’ai choisi de traduire “adaptive” par “adpatatif”, mais vous risquez de trouver également le terme “adaptif”.

]]> Par : Damien https://stephaniewalter.design/fr/blog/traduction-adaptive-vs-responsive-quelle-est-la-difference/#comment-1288 Wed, 19 Jun 2013 08:40:56 +0000 http://blog.stephaniewalter.fr/?p=1630#comment-1288 Précision intéressante ! Merci d’éclairer nos lanternes ! ;-)

]]>