Nieuws » InfoProjects ontwikkelt ‘responsive design’ voor vernieuwd Amsterdam.nl

9 september 2011

Amsterdam.nl wordt met de inzet van ‘responsive design'-techniek koploper in overheidsland.

InfoProjects heeft op de Platformbijeenkomst van Amsterdam.nl donderdag 8 september een presentatie gegeven over ‘responsive design'-technieken. Deze techniek gaan we toepassen op 'de nieuwe Stijl van Amsterdam' welke volgend jaar (2012) geimplementeerd wordt.

Naar nieuwe ontwerpen van ontwerpbureau EdenSpiekermann werkt InfoProjects momenteel aan de restyling van de site Amsterdam.nl. Behalve een verfrissing van de vormgeving, zullen hierbij ook de nieuwste ontwerptechnieken worden toegepast, zoals HTML5 en responsive design (adaptieve lay-out). IPROX is sinds 2007 het preferred system voor gemeentelijke sites én intranetten van Platform Amsterdam.nl.

Eén site, toont altijd goed

Met deze nieuwe technieken maakt het voor de bezoeker straks niet meer uit met welke webclient (pc, tablet, mobiel etc.) hij/zij Amsterdam.nl bezoekt: de site zal altijd optimaal tonen. De pagina wordt automatisch geoptimaliseerd voor het schermformaat van het apparaat waarmee de website wordt bekeken. Voor bijvoorbeeld mobiele telefoons wordt dus een ‘smallere' lay-out geleverd dan voor een groot beeldscherm.

Gebruik makend van een set technologieën (waaronder CSS mediaqueries) wordt de client uitgelezen waarop de site moet tonen, en het ontwerp past zich daar slim op aan. Bij dit alles geldt dat dit op een manier wordt gerealiseerd die ‘graceful degradation' wordt genoemd: als een (oude) browser een techniek niet ondersteunt, wordt nog steeds een bruikbare en leesbare pagina geleverd.

Voorbeeld werking responsive desing op verschillende apparaten.

Presentatie tijdens Platformbijeenkomst

De werking van Amsterdam.nl Nieuwe Stijl werd donderdag 8 september gepresenteerd aan het webredactieplatorm van de gemeente Amsterdam door Ad van Pinxteren van InfoProjects. Ruim 50 genodigden kregen in het Trippenhuis aan de Kloveniersburgwal een blik op de innovatieve techniek, met daarbij een uitleg welke nieuwe denkwijze deze van de redactie vraagt. Doordat de website immers straks verdeeld is in zones die een bepaald gedrag gaan tonen, wordt het steeds belangrijker te denken vanuit content en zones, in plaats van vanuit een vast paginabeeld en presentatie.