Nettisivujen suunnittelu on muuttunut – mutta ei kaikki

Jos olet pyöritellyt nettisivuja yli vuosikymmenen verran, muistat varmasti ajan, jolloin web-suunnittelu tarkoitti Photoshopin avaamista, kauniin mestariteoksen rakentamista 21-tuumaiselle näytölle ja sen viemistä jpeg-muodossa – tiedostona, jonka lataamiseen meni neljä minuuttia 56k-modeemilla.

Viime vuosisadan lopulta peräisin oleva satiirinen opas otsikolla "Näin sinusta tulee web-suunnittelija" on levinnyt taas verkossa. Se on hauska aikakapseli kaikesta siitä, mikä meni pieleen varhaisessa web-suunnittelussa. Hymyn takana piilee kuitenkin varoittava esimerkki, joka pätee yhä tänä päivänä.

Kultainen (ja ironinen) aikakausi

Opas suosittelee Photoshopin varhaisten versioiden käyttöä ja kehottaa ostamaan clip-art-cd-levyjä. Se neuvoo sivuuttamaan käytännölliset seikat kuten keskimääräiset näyttöresoluutiot (800x600 oli standardi), kaistanleveyden rajoitukset ja 256 värin näytöt – näitä kutsuttiin "1950-luvun tekniikkahipsterien höpinäksi."

Ironista? Monet periaatteet, jotka tuon ajan suunnittelijat ohittivat – responsiivinen suunnittelu, suorituskyvyn optimointi, saavutettavuus – ovat nykyään modernin web-kehityksen perusta.

Missä mentiin pieleen (ja sitten oikein)

Oppaan hulvattomin osio käsittelee sisällöntuotantoa. Se ehdottaa Photoshopin tekstityökalun käyttöä oikean verkkosisällön luomiseen ja neuvoo palkkaamaan muut kirjoittamaan, koska "tämä tehtävä on alempana kuin sinun ja sinun edistyneiden web-suunnittelutaitojesi taso."

Esimerkkiteksti kuulostaa yritysjargoneilta: "MidgetWrite for Microsoft Windows 7.0 on jännittävä ja innovatiivinen uutuustuote, joka mahdollistaa yrityksille heidän ydinlaatuinitiansiivien hyödyntämisen proaktiivisen, tulevaisuuteen suuntautuneen johtamisprosessin aikana."

Kai tämä kuulostaa tutulta? Jos olet koskaan lukenut tech-alan laskeutumissivua, tiedät että tämä tyhjä markkinointikieli ei ole mihinkään kadonnut.

Opetukset, jotka oikeasti jäivät käteen

Nykyään web-suunnittelu nojaa periaatteisiin, joita "Photoshop-sivustojen" aikakausi ei ymmärtänyt:

Suorituskyky ensin: Nykyään Core Web Vitals vaikuttaa hakukonelistaukseen. Kiinnitämme huomiota latausaikoihin, kuvien optimointiin ja tehokkaaseen koodiin. Kaksi megatavun kokoinen hero-kuva saa nykyisen kehittäjän väristämään.

Sisältö on kuningas (mutta rakenne myös): Opimme, että HTML on merkintäkieli, ei suunnittelutyökalu. Semanttinen HTML, CSS Grid ja Flexbox mahdollistavat toimivat asettelut kaikilla laitteilla.

Saavutettavuus ei ole valinnaista: 256 värin näyttörajoitukset vaikuttavat nyt hassuilta, mutta periaate pysyy: suunnittele kaikille. WCAG-ohjeistukset ovat korvanneet "käytä mitä tahansa eksoottista fonttia."

Iterointi voittaa täydellisyyden: Vanha opas ehdotti suunnitelman piirtämistä paperille ennen rakentamista. Olemme vieneet tämän pidemmälle wireframe-malleilla, prototyypeillä ja toistuvalla testaamisella. Ketterä kehitys on korvannut "rakenna täydellinen ja rukoile" -lähestymistavan.

Mitä tästä opimme

Tuon vuoden 1999 oppaan kauneus ei ole pelkässä huumorissa – se muistuttaa, että web-suunnittelu on aina ollut todellisten käyttäjien ongelmien ratkaisemista. Työkalut muuttuvat, periaatteet kehittyvät, mutta perusteet pysyvät: tee se nopeaksi, tee se käytettäväksi, tee se toimivaksi kaikille.

Me NameOceanilla näemme tuhansia verkkosivustoja päivittäin. Parhaat niistä eivät ole näyttävimmät – ne ovat nopeimmat, saavutettavimmat ja hyödyllisimmät. Käytitpä sitten tekoälypohjaista Vibe Hostingia tai perinteisempiä työkaluja, muista: käyttäjäsi ovat vuoden 2024 netissä vuoden 2024 odotuksin.

Jätä vilkkuvat gif-animaatiot ja läpinäkyvyystehosteet nostalgia-blogeille.

Mitkä varhaisen web-suunnittelun muistot saavat sinut väristämään? Jaa pahimmat (tai parhaat?) 90-luvun nettikokemuksesi kommenteissa.