• Technisch ontwerp

De techniek maakt veel mogelijk maar kent ook beperkingen. In het technisch ontwerp staat hoe het functioneel ontwerp het best gerealiseerd kan worden.

Rekening houdend met hardware van de bezoeker, beschikbare software en met de wijze waarop de website geproduceerd gaat worden.

Hardware

Wat gebruikt de bezoeker om je website te beleven?
PC, laptop, braille toetsenbord, smartphone, tablet, monitor, tv en/of beamer? Met welke verbindingssnelheid?
Wil de bezoeker ook print en/of pdf?

Verschillende beeldschermresoluties:

  • LAPTOP
  • MacBook Pro = 1280 x 800
  • TABLET
  • iPad 2013 = 2048 x 1568
  • iPad 2011 = 1024 x 768
  • MOBIEL
  • iPhone 5 = 568 x 320
  • iPhone 4 = 480 x 320
  • Sony Ericsson C903 = 240 x 320
  • BEAMER
  • binnen FCJ = 1024 x 768

Binnen de schermresolutie is plek gereserveerd voor menu- en scrollbalken van de browser. De ruimte voor je ontwerp wordt daardoor kleiner.
En hoeveel plek heeft een dikke vinger nodig, vragen vormgevers zich af sinds de komst van smartphones.

Bouwtechnieken

Even wat terminologie:

dilbert130110

  • HyperText Markup Language: platte tekst + tags
  • Cascading Style Sheet: stijldefinities per html-element
  • JavaScript: interactie met cursor
  • Content Management System
  • PHP: Hypertext Preprocessor + database MySQL

De website staat als code-bestand op een webserver. Afbeeldingen en andere losse elementen ook. Met het computercommando ‘http’ wordt een bepaalde webpagina opgehaald en vertoond op een beeldscherm. Die vertoning is afhankelijk van besturingssystemen [met fonts], van de verbindingssnelheid met internet, van interpreterende browsers, van bruikbare players en andere software.

De keuze voor wel/geen cms is vaak van organisatorische aard. Afhankelijk van het communicatiebeleid [huisstijl, beschikbare ruimte, redactieprotocollen] en de beschikbare middelen [eigen materiaal, vaardigheden van collega’s, auteursrechten].

Voordeel van deze tijd is dat multimediale elementen die je aan een pagina wilt toevoegen op een gespecialiseerde webserver kunnen staan. Zoals bij YouTube, Vimeo, Slideshare, Google Maps, Prezi en  SoundCloud. Afbeeldingen zet je meestal op je eigen webserver.

Wisselende standaarden

Veel bedrijven willen graag dat hun bestandsformaat de standaard wordt. Dat is uitstekende klantenbinding en dat schuift miljoenen.

Voor webdesigners moeten standaarden wel bruikbaar zijn voor alle besturingssystemen en browserversies. Na veel onderhandelen worden standaarden vastgesteld door het World Wide Web Consortium (W3C).
Voor zolang als het duurt.

Bronnen