Protection contre la conception jetable

À propos de l’auteur

Frederick O’Brien est un journaliste indépendant qui se conforme à la plupart des stéréotypes britanniques. Ses intérêts incluent la littérature américaine, le graphisme, le développement durable…
En savoir plus sur
Frédéric
↬

La jetabilité est un terme délicat à manipuler dans le monde numérique. Tant de choses changent si rapidement – langages de programmation, frameworks et tendances de conception pour n'en citer que quelques-uns – qu'il semble souvent inévitable que les choses que nous fabriquons soient obsolètes presque dès que nous les aurons terminées. C'est à bien des égards une chose passionnante et positive, mais cela peut aussi faire noyer la réflexion à long terme par des priorités à court terme.

Cet article explique ce que je considère comme une conception Web jetable et le type de des problèmes que cela peut causer. C'est aussi une question de longévité dans un contexte numérique, avec des mesures que nous pouvons tous prendre pour trouver le juste milieu entre réinventer la roue et tourner les pouces alors que le monde nous dépasse. Il y a un temps et un lieu pour différentes approches. La planification à long terme dans certains domaines permet une innovation et une expérimentation débridées dans d'autres. L'évolution et l'amélioration sont bonnes. Couper les coins et mettre la charrette avant les boeufs n’est pas.

Plongeons-nous, dans le style de Troy McClure, dans les choses à faire et à ne pas faire du design jetable.

Qu'est-ce que le design jetable?

Tout d'abord. Je pense que la plupart d'entre nous comprennent intuitivement ce que signifie le design jetable dans un sens général: bon et mauvais. La conception jetable est en plastique à usage unique. Ses structures construites avec des matériaux de second ordre qui s'effritent bien avant l'heure. Au pire, c'est une réflexion à court terme et des maux de tête à long terme. À son meilleur, il peut être avisé et consciencieux, comme piquets de tente biodégradables lors d'un festival de musique ou des modèles réduits.

Dans ce contexte de conception Web, nous nous concentrerons principalement sur le 'à son les pires aspects, avec des signes similaires aux moments où cela peut être (et est) très utile. La longévité est un concept plus glissant en ligne, mais encore une fois, nous avons tendance à reconnaître les péchés lorsque nous les voyons. En voici une poignée:

• Une expérience utilisateur déplaisante.
  Nous sommes tous tombés sur des sites Web déformés par manque de pérennité. Les éléments déplacés, les boutons ne fonctionnent pas et le site qui croasse doucement «tue-moi» ne sont que quelques-unes des choses que nous remarquons dans les secondes avant de cliquer, pour ne jamais revenir.
• Suivre les modes de conception plutôt que de façonner le design autour du contenu
  Vous souvenez-vous du défilement de parallaxe? Des carrousels? Il y a de très bonnes raisons pour toute fonctionnalité dans le bon contexte; être cool n'en fait pas partie. Les modes sont encore plus flagrantes lorsqu'elles entrent en conflit avec le reste du design.
• Liens brisés, internes et externes.
  Les liens sont l'un des plus grands cadeaux du Web. Les liens morts volent le contexte aux utilisateurs, détruisent le flux de navigation et, pire que tout, gaspillent leur temps.
• Des tiroirs de navigation toujours plus nombreux sans motif ni logique évidents.
  Les en-têtes sont censés faciliter la navigation sur le site, pas plus difficile.
• Corrections rapides.
  Cela lance un défi allant des correctifs évidents qui n'ont jamais été suivis à des extraits codés en dur avec des talents étranges pour casser tout le reste sur le site.

En plus d'être frustrant Au quotidien, ces types de problèmes ont tendance à découler du type d'approche qui oblige les sites à être remplacés ou redessinés beaucoup plus tôt qu'ils ne le devraient. Parfois, seul un nouveau site Web fera l'affaire, mais chaque année? Il arrive un moment où de tels projets deviennent une fuite des ressources.

Les causes

D'une certaine manière, la conception jetable est la pointe d'un iceberg de mauvaise pratique. Il existe de nombreux facteurs potentiels qui y mènent et qui peuvent faire des ravages ailleurs. Certains dont j’ai été témoin (et pour être honnête, j’ai été coupable) moi-même, d’autres de loin.

Mauvaise planification

Ne pas se préparer, se préparer à l’échec. La maxime sonne juste dans le monde du développement Web. Que vous construisiez un portefeuille, une boutique de commerce électronique, un magazine, un site de réservation d'hôtel ou quoi que ce soit d'autre, une planification fragile conduira à un design fragile. Si vous ne savez pas ce dont vous avez besoin, les chances que vous tombiez sur la bonne réponse par hasard sont plutôt minces.

Le design va de pair avec le but. Vous ne construiriez pas un avion sans plan, n'est-ce pas? Nous devons connaître le but avant de nous lancer dans la construction de choses. J'ai touché à ce sujet dans Ce que Vitruve peut nous apprendre sur la conception Web et il existe une quantité presque infinie de matériel de qualité sur le sujet. En voici quelques-uns:

Comme toujours, il y a un équilibre à trouver. Des éléments tels que l'accessibilité, la navigation et l'architecture de l'information doivent être intégrés à un site Web dès le début, tandis que le style de vos hyperliens peut se permettre d'évoluer au fur et à mesure que le site s'installe. Vous ne pouvez pas tout expliquer, mais vous pouvez certainement vous orienter dans la bonne direction et donner au projet une chance décente de réussir. Si vous vous installez avec une boussole fonctionnelle, vous n’avez pas nécessairement besoin de connaître le chemin exact.

À la mode

Le Web évolue beaucoup plus rapidement que le monde naturel. Chaque jour apporte de nouvelles idées, de nouvelles normes, de nouveaux cadres, de nouvelles possibilités. Tout ce qui est or ne brille pas, cependant. Il y a une ligne fine entre le progrès et les modes, mais encore une fois, nous avons tendance à reconnaître intuitivement la différence quand nous la voyons.

Le défilement parallaxe peut sembler élégant, et cette boucle vidéo pleine page sur la page d'accueil peut avoir un certain facteur wow, mais est-ce que ces choses servent le site et ses utilisateurs? Parfois, la réponse est oui, et c'est bien, mais parfois ils ont l'impression de surcompenser un manque de substance.

Une philosophie similaire s'applique aux frameworks, bien que pour des raisons légèrement différentes. Comme l'écrit Rachel Andrew ancienne Smashing rédactrice en chef HTML et CSS «sont la base de tout ce que nous faisons», mais la plupart des projets de plus de quelques pages impliqueront probablement les goûts de React ou Vue. Personne n'aime un monopole, mais l'utilisation de cadres établis et pris en charge est généralement le choix judicieux. Ce nouveau révolutionnaire que vous avez lu mérite certainement votre attention, mais peut-être pas sur la boutique en ligne de votre client.

En bref, faites des choix en fonction de ce qui convient au projet, pas de ce que tout le monde est

Mauvaise documentation

Une bonne documentation est si importante. Cela vous oblige à clarifier votre propre pensée et à donner aux autres une chance de comprendre ce que vous avez fait. Si vous fuyiez le pays demain, est-ce que quelqu'un d'autre saurait comment fonctionne le site? Le client peut-il l'utiliser? Sont-ils capables de publier eux-mêmes des entrées de blog et de mettre à jour le contenu clé? La documentation d'utilisation et de transfert permet aux projets de rester vivants et de se développer.

La thésaurisation des connaissances peut être bonne pour vous, mais elle est terrible pour le projet. Non seulement cela obscurcit le fonctionnement interne, mais cela les prive également de l'examen extérieur qui les améliorerait probablement. Tout le monde étant sur la même longueur d'onde sur les fondamentaux vous permet à tous de vous concentrer sur les choses les plus inspirantes. (C'est aussi un avantage clé de l'utilisation de frameworks éprouvés. Les gens peuvent aller et venir, mais au moins il y a une continuité dans la technologie, ce qui nécessite des explications moins personnalisées.)

Voici quelques bons points de départ pour une meilleure documentation:

In équité, certaines personnes n'ont aucun intérêt à savoir comment certaines choses fonctionnent. Je n'aime pas cela comme une excuse pour ignorer complètement la documentation, cependant. Tout ce qui vaut la peine de le faire vaut bien pour lui-même. Même la documentation peut être belle et inspirante. Un de mes amis travaillait sur l'intégration de Stripe il y a quelque temps et m'a lié à leur documentation. J'ai été plutôt étonné de voir à quel point il est bien fait:

Lorsque vous faites défiler la documentation un aperçu de l'exemple de code défile avec vous, mettant en évidence les sections que vous lisez. Nous n’avons pas tous à aller aussi loin, pourquoi viser moins que l’excellence?

Externalisation

Il est tentant d’intégrer des plates-formes tierces sur des sites Web. C'est facile et cela vous évite d'avoir à créer vous-même quelque chose. Pourquoi créer une galerie d'images alors que je peux simplement la gifler sur mon flux Instagram à la place? Pourquoi tenir un blog alors que je peux simplement montrer mon fil Twitter? Bon sang, pourquoi construire un site du tout? Les modèles Squarespace sont plutôt sympas et ce n'est pas mon argent de toute façon.

La réponse à la plupart de ces questions est: vous ne possédez pas le contenu qui ne se trouve pas sur votre propre site Web. Vous êtes un invité qui respecte les règles de quelqu'un d'autre et que vous payez généralement plus d'argent pour ce privilège. Comme Ana Rodrigues l'a écrit dans son cas pour l'IndieWeb l'année dernière un site Web est le cœur battant de votre présence sur le Web. Si vous sous-traitez votre contenu sur des plates-formes tierces, il ne vieillira pas bien. Cela sonne creux.

Court-termisme

Une grande partie de cela se résume à une réflexion à court terme et à une préparation précipitée (ou inexistante). J'ai développé une sorte de tique nerveuse en ce qui concerne l'expression «gains rapides». Ils peuvent être utiles, mais facilement corrompus. Trop de victoires rapides créent un design jetable et une course vers le bas. Il n’ya pas de temps de questions qui passe plus vite en ligne, mais cela ne signifie pas que la longévité n’est pas un objectif valable. Si quelque chose est d'autant plus important.

À quoi cela ressemble-t-il alors?

Construire pour durer

À bien des égards, la facilité avec laquelle les sites peuvent être coupés et modifiés est l'une des plus grandes forces du Web . Dans le monde réel, les déchets ont un impact négatif très réel sur le monde – des décharges de technologies obsolètes, des bâtiments abandonnés, des plages remplies de plastiques. Pas si en ligne. Quand quelque chose est obsolète, vous appuyez sur supprimer et pouf! c'est parti. Il n'y a pas de plages remplies de sites Web abandonnés; c'est juste du code. (Cela dit, l'empreinte carbone du Web augmente et ne doit pas être écartée.)

Quel est exactement l'avantage de la longévité en ligne? Et comment peut-il être durable compte tenu des changements incessants auxquels nous devons tous faire face? La présentation de Jeremy Keith «The Long Web» va aussi bien aujourd’hui qu’au moment où il l’a prononcée en 2008. Pour moi, cela se résume à la direction. Si vous comprenez à quoi sert un site, où il va et comment il est susceptible de changer, vous pouvez séparer ce qui devrait être constant et ce qui devrait être flexible.

Dans certains domaines, la cohérence est essentielle. Par exemple:

• Structure d'URL.
  Jouer rapidement et librement avec les slugs de page est généralement une mauvaise idée. C’est mauvais pour le référencement, c’est épouvantable pour UX, et c’est vraiment pénible à ranger.
• Branding.
  La familiarité engendre… la familiarité. Supposons que vous dirigiez une boutique en ligne et que vous apportiez des modifications générales à la mise en page et à la navigation tous les deux mois. Les clients finiront par se lasser des réinventions constantes.
• Stratégie de contenu et ton de voix.
  Ce que nous écrivons et comment nous l’écrivons a un impact énorme sur le caractère d’un site. Qu'il s'agisse d'un magazine ou d'une application Web de prévisions météorologiques, une rédaction peu claire et incohérente apparaît comme amateur. D'un autre côté, une voix fiable relie le passé, le présent et le futur.
• Meilleures pratiques de conception.
  Pour toutes les tendances en design graphique et UX, les fondamentaux changent beaucoup plus lentement. Un site qui englobe les bases de la typographie, des palettes de couleurs, des systèmes de grille et de la navigation se configure pour durer.
• Accessibilité.
  Vous ne pouvez pas adapter l'accessibilité du site Web. Pas bien de toute façon. Comme l'écrit Joy Heron dans son récent article sur les «Applications Web responsables», ne pas le faire est franchement irresponsable (et j'écris cela en tant que coupable moi-même dans le passé).

À bien des égards, la conception jetable fait le changement ] plus difficile . Cela vous oblige à repartir de zéro lorsque l’histoire nous dit qu’il est généralement préférable d’effectuer une itération. Parfois, vous devez retourner à la planche à dessin – sans aucun doute – mais il arrive un moment où il y a plus à gagner en clouant une offre de base.

Conception Web durable

La longévité en ligne est différente de ce qu'elle est en ligne. , disons, l'infrastructure ou le logement. Si une paire de chaussures dure trente ans, qu'est-ce que vous avez? Une bonne paire de chaussures. Si un bâtiment tient pendant des siècles et reste structurellement solide et utile, qu'est-ce que vous avez? Un bon bâtiment. Si un site Web est le même qu'il y a trente ans, qu'est-ce que vous avez? Eh bien, le site promotionnel Space Jam . Iconique peut-être, mais pas à la fine pointe de la conception Web.

Dans le domaine du développement Web, j'ai grandi pour penser que la Station spatiale internationale est un modèle particulièrement bon à suivre lorsque vous recherchez cet équilibre entre durabilité et flexibilité. Écoutez-moi. La station fonctionne depuis 1998. C'est vrai, elle a presque un quart de siècle. Comment est-ce possible? Conception modulaire et réflexion à long terme.

Le total est-il aussi avant-gardiste qu'un nouveau à partir de zéro serait ? Pas de loin, mais c'est aussi un témoignage de sa longévité. C'est déjà la chose la plus chère jamais construite (plus de 100 milliards de dollars, bébé), alors mieux vaut la faire durer. Et oui, un jour, il devra y avoir un successeur à l'ISS – une reconstruction, si vous voulez. Ils s'y préparent déjà. De nouveaux modules seront créés en vue de leur détachement dans le cadre d'une station distincte. Neat, hein?

La capacité de changement fait partie de la conception. Il est modulaire plutôt qu'un monolithe, changeant organiquement au fil du temps. Pour un exemple similaire dans le monde naturel, ne cherchez pas plus loin que votre propre corps, qui remplace ses propres cellules au fil du temps. En divisant les projets en différentes sections ou référentiels, cela vous permet d'innover sans avoir à tout reconstruire. Les amendements sont plus faciles que les réécritures.

Résilience

Faire durer la conception d’un site Web de cette manière signifie résoudre non seulement les problèmes actuels, mais aussi les problèmes futurs . Certaines choses sont impossibles à prévoir, mais d’autres ne le sont pas. Poser les bonnes questions peut faire une énorme différence en termes de longévité. En discutant de ce sujet avec Vitaly Friedman, il a résumé le processus en trois mots simples: Que se passe-t-il si…?

Quelques exemples pour augmenter votre tension artérielle de quelques crans:

• Que se passe-t-il si… nous avons 50 éléments dans la barre de navigation, au lieu de 5?
• Que se passe-t-il si… nous atteignons 100 articles de blog, ou 1 000?
• Que se passe-t-il si… nous avons un tableau très dense avec 15 colonnes sur cette page?
• Que se passe-t-il si… nous incluons un widget tiers qui charge 10 ressources externes?
• Que se passe-t-il si… notre page la plus lourde est vue sur le pire possible appareil mobile avec une mauvaise connexion 3G?
• Que se passe-t-il si… nous voulons étoffer notre fonctionnalité Progressive Web App ?
• Que se passe-t-il si… nous voulons traduire notre Interface utilisateur vers d'autres langues?
• Que se passe-t-il si… le texte d'un bouton est long?
• Que se passe-t-il si… quelqu'un peut naviguer sur le site uniquement avec un lecteur d'écran?

Cette simple invite peut mener à toutes sortes de bonnes questions de suivi, des questions auxquelles vous en tant que concepteur devrez répondre. De toutes choses, je me souviens de l’une des règles de Kurt Vonnegut pour écrire de la fiction :

«Soyez un sadique. Peu importe la gentillesse et l'innocence de vos personnages principaux, faites-leur arriver des choses horribles – afin que le lecteur puisse voir de quoi ils sont faits. »

Donnez à vos sites Web le même traitement. Soumettez-les aux types de tensions (hypothétiques) et de mésaventures que vous ne souhaiteriez pas à votre pire ennemi. Ce n'est qu'alors que vous pourrez voir de quoi il est fait et ce que vous devez faire pour le rendre vraiment résistant.

De l'architecture à la fabrication en passant par l'exploration spatiale, la valeur de ce sadique intérieur est incommensurable. Pensez-vous que les cerveaux derrière la Station spatiale internationale n’ont pas envisagé toutes les manières possibles que les choses pourraient mal tourner? Ils ont probablement un plan pour une invasion extraterrestre, juste au cas où.

Histoires de réussite de longévité

Si une station spatiale peut fonctionner pendant 20 ans sans devenir obsolète, les sites Web le peuvent aussi. En effet, beaucoup l'ont fait. Pour moi, Wikipédia est arrivé à atteindre ce point de référence en janvier . Bien qu'il soit l'un des sites les plus visités et les plus édités sur le Web, son offre de base est désormais la même qu'au début des années 2000. Si ce n'est pas cassé…

En même temps, peu de gens diraient que la Wikimedia Foundation est restée statique ou en retard. Ses initiatives Wikidata et Abstract Wiki, par exemple, servent de nœuds, apportant de nouvelles qualités à la table tout en enrichissant le projet dans son ensemble. Wikipédia et ses «modules» perdurent parce qu’ils sont conçus autour d’un objectif clair et d’une perspective à long terme.

Pour une publicité plus commerciale, il est difficile de regarder au-delà d’Amazon. L'histoire du site de Version Museum est fascinante. L’Amazonie d’aujourd’hui est très différente de l’Amazonie de 1994, et pourtant il y a une douce impression d’évolution. Mis à part quelques débuts, aucun des changements de conception ne semble choquant.

À une échelle moins gargantuesque, je n’ai que du respect et de l’admiration pour la préservation du contenu par Jeffrey Zeldman datant de 1995 . (Voir la section «Pardon My Archives» en bas.) Un solide 26 ans de contenu. Il existe maintenant un site Web conçu pour durer.

Pendant ce temps, sous le capot, les exemples parcourent un spectre. Les cadres comme React et Vue ont une conception modulaire intégrée via des composants. Avec eux, un site n'est pas un monolithe, mais une série de pièces de la taille d'une bouchée qui peuvent être hachées et changées sans tout casser.

Plus loin sur l'échelle, vous trouverez les goûts de The Guardian ] qui publie son code source sur GitHub . Du code de site Web frontal aux applications en passant par les outils internes, il existe des dizaines de centaines de référentiels, des modules qui, une fois assemblés, aboutissent à un produit d'information numérique primé . La plupart d’entre nous n’ont pas besoin de milliers de référentiels, mais l’éthique est la même.

Il n’existe pas d’approche universelle pour la conception de sites Web durables, mais il existe des principes récurrents de finalité, d’évolution et de longue durée. réflexion sur le terme. Telles sont les qualités qui permettent aux sites de survivre aux tempêtes constantes du Web.

Sustainability Online

Il n'y a rien de mal à redessiner, migrer et explorer de nouveaux mondes mystérieux en ligne. Il y a beaucoup de mal à faire ces choses pour les mauvaises raisons, et cela finira par vous rattraper. Le Manifeste de Jeff Huang pour la préservation du contenu sur le Web présente les bases d'une manière que j'aime beaucoup.

Voici quelques façons de commencer à penser à long terme:

• Ne il suffit de penser à l'année prochaine.
  À votre avis, à quoi cela pourrait-il ressembler dans deux ou cinq ans? Ou 20?! Que pouvez-vous faire pour affronter cet avenir avec élégance?
• Concevoir pour l'accessibilité.
  Non seulement ce droit est-il en soi, mais cela contribue à rendre le contenu plus clair, lisible par machine et mieux équipé pour s'adapter à l'évolution des technologies.
• Pensez modulaire.
  Comme c'est souvent le cas dans la vie, décomposer les grands projets en petits morceaux les rend plus gérables et plus flexibles. Canalisez votre Station spatiale internationale intérieure.

Les besoins de chacun sont un peu différents, mais l’éthique reste vraie. En posant des fondations solides, vous vous permettez, à vos pairs et à vos successeurs, de vous concentrer sur l'amélioration plutôt que sur les correctifs. Cela nous rapproche d'un Web où les liens morts, la conception par numéros et la domination de tiers sont des exceptions plutôt que la norme.

(vf, yk, il)