Webdesign bien fait : parfaitement inutile

Publié: 2022-03-10
Résumé rapide ↬ Cet épisode de Web Design Done Well célèbre les sites Web étranges et farfelus. Des sites aux fins douces, innocentes, parfois inutiles. Sont-ils générateurs d'argent? Changeurs de jeu? Pas nécessairement, mais ils sont certainement amusants, et d'une manière que seul le Web pourrait vraiment gérer.

Au milieu des KPI, du commerce électronique et des analyses apparemment sans fin, il existe encore de nombreux sites qui adoptent la frivolité. N'est-ce pas énervant de s'amuser un peu ?

Le Web peut sembler être un endroit très commercial de nos jours. La plupart des endroits où vous allez semblent être des légions de produits brillants et des publicités personnalisées énervantes qui se disputent notre attention. Il y a beaucoup d'argent à gagner, et parfois tout cela peut sembler un peu inhumain.

Détendez-vous, détendez-vous et profitez. Peut-être même penser à un projet inutile de votre part. N'oublions pas que la seule limite à ce qui est possible sur le World Wide Web est notre imagination.

Partie de : Conception Web bien faite

  • Partie 1 : L'ordinaire rendu extraordinaire
  • Partie 2 : Utilisation de l'audio
  • Partie 3 : Excellent éditorial
  • Partie 4 : Parfaitement inutile
  • Aussi, abonnez-vous à notre newsletter pour ne pas manquer les prochaines.

Hacker Typer

Hélas, la vie du développeur moderne n'est pas aussi énigmatique ou sexy que Matrix nous l'a fait croire, mais cela ne signifie pas que nous ne pouvons pas nous permettre un peu de faire semblant. Un ancien mais un goodie, Hacker Typer "est né d'un simple désir de ressembler au hacker stéréotypé dans les films et la culture pop".

Une capture d'écran du site Hacker Typer avec un design vert sur noir.
( Grand aperçu )
Plus après saut! Continuez à lire ci-dessous ↓

Court voyage

Il existe peu de toiles de couverture plus grandes pour les artistes que le World Wide Web. Avec une telle charge de vente de produits et de création de marques, on peut perdre de vue la création pour la création.

'Short Trip', une page expérimentale d'Alexander Perrin, montre ce qui est possible en ligne. L'idée de «croquis» semble toujours très pratique - quelque chose pour laquelle vous avez besoin d'un stylo et de papier. Pas si. Les illustrations en graphite et les tramways sont au centre de cette « illustration interactive ». Pourquoi? Pourquoi pas?

Une capture d'écran de Short Trip, une page expérimentale d'Alexander Perrin avec des illustrations au graphite.
( Grand aperçu )

Cela a été construit avec Three.js et JavaScript WebGL et fonctionne à la fois sur ordinateur et sur mobile. Étant devenu si habitué à la conception axée sur l'engagement du Web moderne, il y a quelque chose d'incroyablement paisible à regarder un monde numérique passer.

dessin.jardin

"Jardiner, mais avec des emojis et moins de temps." C'est ainsi que l'artiste de Minneapolis, Ben Moren, décrit le magnifique dessin.jardin. Cela couvre à peu près tout. Faites glisser votre curseur sur l'écran et regardez un champ vide devenir resplendissant de fraises, de tournesols et (au sens figuré) de champignons magiques. Assurez-vous également d'avoir le son.

Une capture d'écran du site drawing.garden avec des lettres SM dessus.
( Grand aperçu )

Ce n'est pas tout à fait ce que les gens veulent dire quand ils parlent de s'occuper de son "jardin numérique", mais c'est une alternative terriblement agréable. Pour ceux qui s'intéressent à ce qui se passe parmi les racines, le projet a été réalisé à l'aide de p5.js et le code peut être consulté dans son intégralité sur GitHub.

Flopstarter

L'exécution sur celui-ci est tout simplement parfaite. Le financement participatif et les programmes de soutien ont changé la donne pour une grande partie du Web (envisagez de devenir membre de Smashing , au fait), mais ils ont également eu quelques ratés en leur temps (pas nous, nous sommes vraiment bons). Flopstarter est une pièce d'or satirique pas si subtile, assemblant toutes sortes d'idées absurdes qui ont besoin de vos dollars durement gagnés pour devenir réalité.

Une capture d'écran du site Web de Flopstarter avec le projet AnkleHub
( Grand aperçu )

Des bols plats, des vestes en peau de pomme de terre, des taies d'oreiller en papier de soie dans lesquelles pleurer - c'est une belle gamme d'idées idiotes. Le site est tellement professionnel que vous avez presque envie de soutenir les produits. Presque.

Libérez votre goberge intérieure

Qui a besoin d'un chevalet pour être artiste ? Ce site de Jackson Pollock vous permet de créer votre propre chef-d'œuvre maniaque, donnant au Web cool et calculateur une belle sensation organique. C'est une joie de "peindre" avec et parvient même à vous convaincre que vous êtes quelque peu artistique. (Si Pollock n'est pas votre style, pourquoi ne pas essayer Mondrian and Me à la place ?)

Une capture d'écran du site de Jackson Pollock avec quelques œuvres d'auteur dessus.
Restez à l'écoute pour le NFT. ( Grand aperçu )

Construit il y a plus de dix ans par l'artiste grec Miltos Manetas, ce site se présente toujours comme une merveilleuse vitrine de ce que l'on peut faire en s'appuyant sur l'interactivité du web. Cela peut être une toile si seulement nous la traitons comme telle.

Arpèges

Cette expérience Chrome qui parcourt les échelles au gré de l'utilisateur a une sensation ludique et pure. Pouvoir sauter entre différentes touches et instruments n'est pas strictement utile pour quoi que ce soit, mais c'est certainement agréable.

Une capture d'écran du site Arpeggios
( Grand aperçu )

La présentation et l'interface sans fioritures fonctionnent ici en faveur de la page. Il est construit autour de ses éléments de base - les notes de musique. Le son est facilement (et souvent) appliqué maladroitement sur le Web, mais des pages comme celles-ci rappellent à quel point cela peut être une expérience riche.

Sokoban

Écrit pour la première fois par Hiroyuki Imabayashi dans les années 1980, Sokoban est un genre de jeu de puzzle dans lequel vous, le joueur, poussez des caisses dans un entrepôt jusqu'à ce que chacune soit dans un emplacement de stockage désigné. Vous pensez que c'est une prémisse sèche ? Détrompez-vous. C'est un classique glacial, plus qu'un peu addictif, et gratuit à jouer sur sokoban.info.

Une capture d'écran du site Sokoban
( Grand aperçu )

Avec plus de 7 500 niveaux à parcourir, c'est un signet essentiel pour tous les procrastinateurs en série. Le défi supplémentaire de terminer chacun en aussi peu de mouvements que possible en fait pratiquement un jeu pour la vie.

Assurez-vous que tout est OK

Le bouton que nous aimerions tous avoir. Make Everything OK garde les choses simples. Je ne prétendrai pas savoir ce qui se passe sous le capot pour qu'il puisse livrer son offre, mais cela me semble être une bonne affaire.

Une capture d'écran du site Make Everything OK
D'une minute à l'autre maintenant… ( Grand aperçu )

Il y a de la beauté dans une idée - aussi stupide soit-elle - exécutée si simplement. C'est aussi un joli petit exemple de conception de sites Web skeuomorphes. Un bouton, un résultat. Ne faites pas semblant de ne pas essayer. Nous savons tous les deux que vous le ferez. Allez-y, arrangez tout.

Avis de non-responsabilité : cela peut ne pas tout arranger.

GéoCités

Ceci est le site inutile OG - ou plutôt, ce sont les OG. Fondé en 1994, GeoCities était un service qui permettait aux utilisateurs de coder gratuitement des sites Web et de les regrouper dans des "villes" avec des pages partageant les mêmes idées. Au moment où il s'est terminé en 2009, environ 38 millions de pages écrites par les utilisateurs avaient été créées. Heureusement, bon nombre de ces pages vivent dans le projet d'archives Geocities Gallery de restorativland.

Une capture d'écran des JO avec des photos de la République dominicaine
Donnez-moi ça sur un profil Facebook tous les jours de la semaine. ( Grand aperçu )

Parcourir les archives donne un aperçu surréaliste, voire émouvant, de ce qu'Internet aurait pu être et pourrait encore devenir. La communauté contemporaine la plus proche qui me vient à l'esprit est l'IndieWeb. Ou le successeur spirituel de GeoCities, Neocities, bien sûr. Des sites décalés et désordonnés, mais expressifs et beaux. Comme Edward Snowden l'a dit dans ses mémoires, Permanent Record , "toutes ces bizarreries et tics de la production amateur indiquaient simplement que l'intelligence qui guidait le site était humaine et unique".

Aucun projet n'est assez bizarre

Les sites partagés ci-dessus ne représentent qu'une infime partie des œuvres d'art, des pages expérimentales et des projets carrément absurdes sur le Web. Ils sont là si seulement vous les cherchez - ou même en faites vous-même quelques-uns.

Si vous voulez en savoir plus d'où ils viennent, les sites inutiles et le Web inutile sont de bons ports d'escale. Ailleurs, des sites comme CodePen regorgent de formidables bricoleurs. Pour les passionnés d'histoire numérique, je vous pousse à nouveau doucement vers les archives GeoCities et son successeur spirituel Neocities. Les projets de passion inutiles sont bel et bien vivants, Dieu merci.

  • "Ludisme dans le code : dynamisez votre apprentissage en vous amusant" par Jhey Tompkins
  • "Apprentissages inattendus du codage d'œuvres d'art chaque jour pendant cinq ans" par Saskia Freeke

Et si vous vous sentez audacieux, pourquoi ne pas bricoler cette idée que vous avez écrite il y a quelque temps ? Essayez ce cadre, ou cette bibliothèque, ou cette application. Il n'y a rien de tel qu'être trop idiot ou manquer de valeur. Si vous aimez le faire, c'est assez précieux.

Allez-y et soyez inutile. Gardez un peu d'innocence honnête dans votre vie en ligne.