Web Design bine făcut: perfect inutil

Publicat: 2022-03-10
Rezumat rapid ↬ Această tranșă a Web Design Done Well celebrează site-urile web ciudate și ciudate. Site-uri cu scopuri dulci, inocente, uneori fără rost. Sunt ei producatori de bani? Schimbători de joc? Nu neapărat, dar cu siguranță sunt distractive și, în anumite moduri, doar web-ul s-ar putea descurca cu adevărat.

În mijlocul KPI-urilor și al comerțului electronic și al analizelor aparent nesfârșite, există încă o mulțime de site-uri care îmbrățișează frivolitatea. Nu îți ia marginea doar să te distrezi puțin?

Web-ul se poate simți ca un loc foarte business în zilele noastre. Cele mai multe locuri în care mergi par să fie legiuni de produse lucioase și reclame personalizate neliniștit care concurează pentru atenția noastră. Sunt mulți bani de câștigat și, uneori, totul poate fi puțin inuman.

Relaxați-vă, relaxați-vă și bucurați-vă. Poate chiar gândește-te la un proiect inutil al tău. Ca să nu uităm, singura limită a ceea ce este posibil pe World Wide Web este imaginația noastră.

Parte din: Web Design Done Well

  • Partea 1: Obișnuitul devenit extraordinar
  • Partea 2: Utilizarea audio
  • Partea 3: Editorial excelent
  • Partea 4: Perfect inutil
  • De asemenea, abonați-vă la newsletter-ul nostru pentru a nu rata următoarele.

Hacker Typer

Din păcate, viața dezvoltatorului modern nu este chiar atât de enigmatică sau sexy pe cât ne-a făcut să credem The Matrix, dar asta nu înseamnă că nu ne putem răsfăța cu puțină imaginație. Un bătrân, dar un bun, Hacker Typer „a apărut dintr-o simplă dorință de a arăta ca hackerul stereotip din filme și cultura pop”.

O captură de ecran a site-ului Hacker Typer cu design verde pe negru.
(Previzualizare mare)
Mai multe după săritură! Continuați să citiți mai jos ↓

Excursie scurta

Există puține pânze mai mari pentru artiști decât World Wide Web. Având atâta sarcina de a vinde produse și de a construi mărci, se poate pierde din vedere creația de dragul creației.

„Short Trip”, o pagină experimentală a lui Alexander Perrin, arată ce este posibil online. Ideea de „schițe” încă se simte foarte practic – ceva pentru care aveți nevoie de un pix și hârtie. Nu asa. Ilustrațiile și tramvaiele din grafit sunt în față și în centru în această „ilustrație interactivă”. De ce? De ce nu?

O captură de ecran a Short Trip, o pagină experimentală de Alexander Perrin cu ilustrații din grafit.
(Previzualizare mare)

Acesta a fost creat cu Three.js și JavaScript WebGL și funcționează atât pe desktop, cât și pe mobil. După ce ne-am obișnuit atât de mult cu designul plin de angajament al web-ului modern, este ceva incredibil de pașnic în a privi o lume digitală în derivă.

desen.gradina

„Grădinărit, dar cu emoji și mai puțin timp.” Așa descrie artistul din Minneapolis Ben Moren desenul minunat.grădina. Cam asta o acoperă. Trageți cursorul pe ecran și urmăriți cum un câmp gol devine strălucitor cu căpșuni, floarea soarelui și (la figurat) ciuperci magice. Asigurați-vă că aveți și sunetul activat.

O captură de ecran a site-ului drawing.garden cu litere SM pe el.
(Previzualizare mare)

Nu la asta se referă oamenii când vorbesc despre îngrijirea „grădinii digitale”, dar este o alternativă teribil de plăcută. Pentru cei interesați de ceea ce se întâmplă printre rădăcini, proiectul a fost realizat folosind p5.js și codul poate fi vizualizat integral pe GitHub.

Flopstarter

Execuția pe acesta este pur și simplu perfectă. Crowdfundingul și schemele de susținători au schimbat jocul pentru o mare parte din web (apropo, luați în considerare posibilitatea de a deveni membru Smashing ), dar au avut și câteva rateuri la vremea lor (nu noi, suntem foarte buni). Flopstarter este o piesă nu atât de subtilă de aur satiric, care adună tot felul de idei absurde care au nevoie de dolarii tăi câștigați cu greu pentru a deveni realitate.

O captură de ecran a site-ului Flopstarter cu proiectul AnkleHub
(Previzualizare mare)

Boluri plate, jachete de piele de cartofi, fețe de pernă din hârtie absorbantă în care să plângi - este o gamă extraordinară de idei prostuțe. Site-ul este atât de profesionist încât aproape doriți să susțineți produsele. Aproape.

Eliberează-ți Pollockul interior

Cine are nevoie de un șevalet pentru a fi artist? Acest site Jackson Pollock vă permite să vă creați propria capodoperă maniacală, oferind rețelei cool și calculatoare o senzație organică minunată. Este o bucurie să „pictezi” cu și chiar reușește să te convingă că ești oarecum artistic. (Dacă Pollock nu este stilul tău, de ce să nu încerci pe Mondrian și cu mine?)

O captură de ecran a site-ului Jackson Pollock cu opere de artă ale autorului.
Rămâneți pe fază pentru NFT. (Previzualizare mare)

Construit cu mai bine de zece ani în urmă de artistul grec Miltos Manetas, acest site încă rămâne o vitrină minunată a ceea ce se poate face aplecându-se în interactivitatea web-ului. Poate fi o pânză doar dacă o tratăm ca pe una.

Arpegii

Acest Experiment Chrome, care trece prin scale după capriciul utilizatorului, are o senzație jucăușă și pură. Să poți sări între diferite clape și instrumente nu este strict util pentru nimic, dar cu siguranță este plăcut.

O captură de ecran a site-ului Arpeggios
(Previzualizare mare)

Prezentarea fără fiori și interfața funcționează în favoarea paginii aici. Este construit în jurul elementelor sale de bază - note muzicale. Sunetul este ușor (și adesea) aplicat stângaci pe web, dar paginile ca acestea sunt o memento a cât de bogată poate fi o experiență.

Sokoban

Scris pentru prima dată de Hiroyuki Imabayashi în anii 1980, Sokoban este un gen de joc puzzle în care tu, jucătorul, împingi lăzi în jurul unui depozit până când fiecare se află într-o locație de depozitare desemnată. Crezi că este o premisă uscată? Mai gandeste-te. Este un clasic rece, mai mult decât puțin captivant și gratuit pentru a juca pe sokoban.info.

O captură de ecran a site-ului Sokoban
(Previzualizare mare)

Cu peste 7.500 de niveluri de rezolvat, acesta este un marcaj esențial pentru toți cei care amână în serie. Provocarea suplimentară de a le completa pe fiecare în cât mai puține mișcări posibil face ca acesta să fie un joc pe viață.

Faceți totul OK

Butonul pe care toți ne-am dori să îl avem. Make Everything OK face lucrurile simple. Nu mă voi preface că știu ce se întâmplă sub capotă pentru ca acesta să-și ofere oferta, dar mi se pare o afacere bună.

O captură de ecran a site-ului Make Everything OK
În orice moment acum... (Previzualizare mare)

Există frumusețe într-o idee – oricât de stupidă – care este executată atât de simplu. Este și un mic exemplu frumos de web design skeuomorf. Un buton, un rezultat. Nu te preface că nu vei încerca. Amândoi știm că o vei face. Haide, face totul ok.

Disclaimer: acest lucru poate să nu facă totul ok.

GeoCities

Acesta este site-ul fără rost OG - sau mai degrabă, acestea sunt OG-urile. Fondat în 1994, GeoCities a fost un serviciu care permitea utilizatorilor să codifice site-uri web gratuit și să le grupeze în „orașe” cu pagini similare. Până la încheierea acestuia, în 2009, au fost create aproximativ 38 de milioane de pagini scrise de utilizatori. Din fericire, multe dintre aceste pagini trăiesc în proiectul de arhivă Geocities Gallery al lui restorativland.

O captură de ecran a OG cu imagini din Republica Dominicană
Dă-mi asta printr-un profil de Facebook în fiecare zi a săptămânii. (Previzualizare mare)

Răsfoirea arhivelor oferă o imagine suprarealistă, chiar emoționantă a ceea ce ar fi putut fi și ar putea deveni în continuare internetul. Cea mai apropiată comunitate contemporană care îmi vine în minte este IndieWeb. Sau succesorul spiritual al GeoCities, Neocities, desigur. Site-uri neobișnuite și dezordonate, dar expresive și frumoase. După cum a spus Edward Snowden în memoriile sale, Permanent Record , „toate aceste ciudatenii și ticuri ale producției de amatori au indicat doar că inteligența călăuzitoare din spatele site-ului era umană și unică”.

Niciun proiect nu este suficient de bizar

Site-urile distribuite mai sus sunt o mică parte din lucrările de artă, pagini experimentale și proiecte de-a dreptul absurde de pe web. Sunt acolo doar dacă le cauți – sau chiar dacă faci câteva tu.

Dacă doriți să vedeți mai multe de unde au venit acestea, Pointless Sites și The Useless Web sunt porturi bune de apel. În alte locuri, site-uri precum CodePen sunt pline de chinuitori grozavi. Pentru pasionații de istorie digitală, vă împing din nou ușor către arhivele GeoCities și succesorul său spiritual Neocities. Proiectele de pasiune fără rost sunt vii și bine, Slavă Domnului.

  • „Jucăuș în cod: supraalimentează-ți învățarea distrându-te” de Jhey Tompkins
  • „Învățături neașteptate din codificarea operelor de artă în fiecare zi timp de cinci ani” de Saskia Freeke

Și dacă te simți îndrăzneț, de ce să nu împletești ideea pe care ai scris-o cu ceva timp în urmă? Încercați acel cadru, sau acea bibliotecă sau acea aplicație. Nu există așa ceva ca să fii prea prost sau lipsit de valoare. Dacă vă face plăcere să o faceți, este suficient de valoroasă.

Du-te și fii inutil. Păstrează o inocență sinceră în viața ta online.