1990s website design

Timo van Loon

1990s website design

Je leest dit artikel in 5 minuten

Herinner je je nog de eerste keer dat je online ging? Misschien was het een piepende modemverbinding, een geluid dat nu bijna mythisch klinkt. We nemen je vandaag mee terug naar een tijdperk van digitale ontdekking: de jaren negentig. Dit was het decennium waarin het World Wide Web echt begon te ademen. Laten we samen duiken in de fascinerende, soms hilarische, wereld van het 1990s website design. Het was een tijd van experimenteren, van pioniersgeest, en een tijd waarin we de fundamenten legden voor wat we nu ‘internet’ noemen.

De geboorte van het web: toen alles nog nieuw was

Denk even terug. Webpagina’s waren niet de strakke, responsieve ontwerpen van vandaag. Nee, het waren digitale schilderijen, vaak gebouwd met de meest basale HTML-commando’s. Iedereen die een beetje kon programmeren, voelde zich een webarchitect. De instap was laag, de mogelijkheden leken eindeloos. Het doel was simpel: informatie delen, of gewoon laten zien dat je er was.

Wat maakte dat vroege webontwerp zo uniek? Het ging niet om perfectie; het ging om aanwezigheid. Jouw digitale visitekaartje moest eruit zien als iets wat jij, met de beperkte middelen van die tijd, zelf in elkaar draaide. En dat was juist de charme.

De visuele explosie: kleuren en achtergronden

Als je denkt aan vroege internet websites, zie je waarschijnlijk direct een explosie van kleur voor je. Geen subtiele kleurenpaletten hier. Nee, we gingen voluit. De beperkingen van de beeldschermresolutie en de beschikbare kleuren dwongen tot creatieve keuzes. Dit resulteerde in:

  • Gestreepte of gemarmerde achtergronden: Waarom een simpele witte achtergrond gebruiken als je een achtergrond van felle, herhalende patronen kon kiezen? Dit maakte de tekst soms onleesbaar, maar het zag er in ieder geval *interessant* uit.
  • GIF-animaties: Ah, de gloriedagen van de knipperende ‘Under Construction’-borden. Deze geanimeerde graphics waren de manier om dynamiek toe te voegen. Een ronddraaiende aarde, een vlammend logo; ze trokken onmiddellijk de aandacht, of je het nu wilde of niet.
  • Neonkleuren en schreeuwerige koppen: Tekst moest opvallen. Felgroen op paars, rood op blauw – de contrastregels werden vaak genegeerd ten gunste van pure zichtbaarheid.

Deze ontwerpprincipes waren een weerspiegeling van de technologie. Browsers zoals Netscape Navigator en Internet Explorer moesten de content interpreteren, en de ontwerpers probeerden elke pixel te benutten.

Navigatie: de kunst van het vinden van je weg

Het navigeren op een jaren negentig website was vaak een avontuur op zich. Er was nog geen standaard voor hoe menu’s eruit moesten zien. Hierdoor moest je echt speurwerk verrichten om bij de informatie te komen die je zocht. Het was de tijd van de ‘sitemap’ als noodzaak, niet als optie.

De onvermijdelijke ‘webring’ en de homepage-structuur

Hoe verbond je jouw nieuwe pagina met de rest van het internet? Via ‘webrings’. Dit was een community-gedreven navigatiemethode waarbij websites naar elkaar linkten in een cirkel. Je klikte op ‘Volgende site’ en belandde bij iemand met een vergelijkbaar, misschien wel even chaotisch, ontwerp. Tegenwoordig zien we deze structuur terug in de vorm van inspirerende collecties, zoals te vinden op website ontwerp voorbeelden en inspiratie.

De structuur zelf was vaak plat. De homepage was het startpunt, en van daaruit ging je dieper. Je zag vaak:

  • Framesets: Dit was een revolutionaire techniek, of in ieder geval zo werd het gepresenteerd. Je had een vast frame aan de linkerkant met de navigatie, en het hoofdframe toonde de content. Het grote nadeel? Als je een pagina uit een frame deelde, kreeg de ontvanger vaak alleen het navigatiepaneel te zien.
  • ‘Best viewed with…’ banners: Je zag vaak een banner onderaan die aangaf dat de site het beste werkte met een specifieke browser en een minimale schermresolutie, bijvoorbeeld 800×600 pixels. Dit versterkte het idee van eigenaarschap over hoe jouw creatie moest verschijnen.
  • De ‘hit counter’: Hoe wist je of jouw site populair was? Je telde je bezoekers. De zichtbare teller onderaan de pagina was een bron van trots. Iedereen die jouw vintage webpagina bezocht, werd direct meegeteld.

Tekst en typografie: het tijdperk van ‘Under Construction’

De focus lag minder op strakke typografie en meer op het feit dát je tekst had. De standaardlettertypes waren Times New Roman en Arial. Kleuren werden vaak gebruikt om hiërarchie aan te geven, wat zelden subtiel was.

Content werd soms ingedeeld met behulp van tabellen. Ja, tabellen. We gebruikten ze niet alleen voor data, maar ook om de layout van de hele pagina te structureren. Dit was een handige, maar omslachtige methode om elementen naast elkaar te plaatsen. Het was een van de bekendste kenmerken van HTML-structuur uit de jaren 90.

VIDEO: 90s Web design

De noodzaak van ‘under construction’

Wist je dat veel professionele websites uit de jaren 90 een ‘In aanbouw’-pagina hadden? Dit was een eerlijkheid die we tegenwoordig zelden zien. Het erkende dat het web een werk in uitvoering was. Het was een plek waar je je voortgang deelde, zelfs als die voortgang bestond uit een paar lijnen tekst en een schildpad die langzaam over het scherm kroop.

Deze openheid maakte het internet menselijk. Je voelde de inspanning van de maker. Je zag de passie, zelfs door de lage resolutie en de trage laadtijden heen. Het ging om de intentie achter de code.

Technologieën die de koers bepaalden

De technologieën waren nog jong, en elk nieuw element dat verscheen, werd onmiddellijk toegepast, ongeacht of het de gebruikerservaring verbeterde. Het ging om de ‘wow-factor’ die een nieuw script of een nieuwe tag kon opleveren.

Nuttige bronnen

Maak je reis door het onderwerp 1990s website design compleet met deze links.

Vroege multimedia en interactie

De introductie van nieuwe media op het web was een mijlpaal. We begonnen te experimenteren met geluid en video. Denk aan:

  • MIDI-bestanden: Automatische achtergrondmuziek. Je opende een site en plotseling speelde een instrumentale versie van een popnummer af. Vaak schrok je je rot, maar het was een poging tot sfeer.
  • Grote afbeeldingen: Omdat bandbreedte schaars was, duurde het laden van een enkele, grote GIF of JPEG soms minutenlang. Geduld was echt een vereiste om het oude web design te ervaren.
  • De eerste CGI-scripts: Eenvoudige formulieren en gastenboeken begonnen hun intrede te doen. Een gastenboek was de sociale media van die tijd. Hier kon je je waardering voor de site achterlaten en de reacties van anderen lezen.

Wat we nu als vanzelfsprekend zien – snelle laadtijden, duidelijke lay-outs – was toen nog verre toekomstmuziek. Het design van de jaren negentig was een direct gevolg van de beperkingen van de technologie. Het was de creatieve dans tussen wat mogelijk was en wat je wilde bereiken, alhoewel de hedendaagse aanpak voor uniek ontworpen websites veel meer mogelijkheden biedt.

Veelgestelde vragen over 1990s website design

Wat was de meest voorkomende achtergrondstijl op websites uit de jaren 90?

De meest voorkomende achtergrondstijl was een herhalend, klein patroon, vaak in felle kleuren of met een ‘marmeren’ of ‘getextureerde’ look. Een effen witte of lichtgrijze achtergrond was uitzondering, geen regel.

Welke technologie werd gebruikt om de lay-out te structureren voordat CSS populair werd?

Voordat Cascading Style Sheets (CSS) de standaard werd, gebruikten ontwerpers voornamelijk HTML-tabellen om de positie van elementen, zoals navigatiebalken en tekstkolommen, op de pagina te bepalen. Dit stond bekend als ’table-based layout’.

Wat was het doel van een ‘hit counter’ op een 90s website?

De ‘hit counter’ was een zichtbare teller die het aantal bezoekers aan de website bijhield. Het diende als een directe indicator van de populariteit of het bereik van de site en was een bron van trots voor de maker.

Waarom zag je vaak ‘Under Construction’ banners?

Deze banners gaven aan dat de website nog in ontwikkeling was. Het was een manier om bezoekers gerust te stellen dat er nog aan de site gewerkt werd, zelfs als de inhoud nog schaars was.

Geef een reactie