Responsiveness komt niet vanzelf

-

Bijna elke website is tegenwoordig responsive, en een groot aantal zelfs adaptive. Maar hoe zit dat proces nu eigenlijk in elkaar?

Wat is een responsive/adaptive website?

Responsiveness betekent eigenlijk dat de manier waarop de website getoond wordt afhankelijk is van het apparaat in kwestie. Adaptiveness betekent dat ook de functionaliteiten van de website veranderen. Een goed voorbeeld hiervan is het gebruiken van je GPS locatie om restaurants in de buurt te vinden.

Hoe worden websites responsive gemaakt?

Dat kan op verschillende manieren, maar de belangrijkste keuzes worden vóór het ontwerpproces al gemaakt. Traditioneel werd een website alleen ontworpen voor de desktop. Dan komt de verantwoordelijkheid voor de vormgeving op mobiele apparaten  bij de ontwikkelaars te liggen. In verband met resources wordt de mobiele site vaak een ondergeschoven kindje, terwijl in deze tijd iedereen met een mobiele telefoon rond loopt.
Daarom wordt er steeds vaker mobile first gewerkt, waarbij de initiële focus op mobiele apparaten ligt. Hiermee worden echter ook gelijk beperkingen opgelegd zoals kleine resoluties en elementen die niet zomaar van vormgeving veranderd kunnen worden. Bovendien moet er rekening gehouden worden met verschillende browsers, zelfs op mobiele apparaten. Dat maakt het ontwikkelproces gelijk een stuk ingewikkelder!

Hoe worden websites op responsiveness getest?

Bij Incentro hebben wij de (open source) Front-end Incubator ontwikkeld. Dit is een boilerplate applicatie die te gebruiken is tijdens het gehele ontwikkeltraject. De Incubator bevat talloze hulpmiddelen om het ontwikkelen makkelijker, sneller en beter te maken. Een voorbeeld is het bereikbaar maken van de website op elk apparaat in het netwerk. Per apparaat zijn de elementen dan individueel te inspecteren en van stijl te veranderen, wat het ontwikkelproces voor de verschillende mobiele apparaten vele malen sneller maakt.

Open Device Lab

In de van Nelle Fabriek, in het kantoor van Incentro Rotterdam, is recent een Open Device Lab geopend. Dit is een ruimte waar verschillende apparaten aanwezig zijn, zodat een website erop getest kan worden. De aanwezige apparaten variëren van bijvoorbeeld een oude Nokia Lumia tot een nieuwe iPhone 5S. In het lab zijn smartphones en tablets van verschillende fabrikanten te vinden.
Het Open Device Lab is bedoeld voor iedereen die zijn website wil testen en aanpassen op de beschikbare apparaten van het lab. Het kan zijn dat je als klant graag wil zien hoe de website die voor je in de maak is, naar tevredenheid werkt. Of een ontwikkelaar die graag code direct aan wil passen tijdens het testen. Zowel de soft- als hardware is aanwezig in het lab om dit te doen.
Het aantal aanwezige apparaten waarop je kan testen groeit gestaag. Vorige maand stonden er 8 apparaten in het rek, maar nu zijn er meer dan 25 aanwezig, en dat maakt ons lab het grootste van Rotterdam.
Wil je zelf graag je website op responsiveness testen? Schrijf je dan nu in op de devicelab site van Incentro!