Responsive website: 10 geleerde lessen

-

De afgelopen jaren heb ik heel wat websites technisch ontwikkeld die al dan niet responsive waren of dat zouden moeten zijn. Ik heb daardoor veel dezelfde dingen fout zien gaan. Die kennis en ervaring wil ik graag delen zodat andere bedrijven niet dezelfde fouten maken. Sommige kunnen heel voor de hand liggen en vanzelfsprekend zijn maar zijn dat vaak genoeg toch niet! Vooral in grotere organisatie is er een gebrek aan kennis en structuur om een dergelijk project succesvol te laten zijn.

Les 1: Spreek af wat responsive is

Letterlijk spreken we dan af dat een website zich aanpast naar het apparaat van de bezoeker. Maar is dat wel de oplossing? Heeft de gebruiker met een smartphone dezelfde behoeften als een bezoeker met een laptop? Of bedoelde de opdrachtgever geen responsive website maar een adaptive website? Waarbij de copy en images in plaats van vloeiend meeschalen steeds terugspringen naar het optimale formaat. Maak hier duidelijke afspraken over voordat je het project begint. Als jij als opdrachtgever het niet weet dan weet het team wat het gaat bouwen het ook niet.

Les 2: Definieer haalbare doelen

We gaan de hele website responsive maken. Maar vergeten daarbij dat de formulieren ook responsive moeten worden. En oja we hebben ook nog 500 video’s die we niet willen delen op YouTube omdat andere bedrijven ze dan ook gaan gebruiken. En zo kun je nog meer heel specifieke content hebben waarvoor specifieke oplossingen ontwikkeld moeten worden. Stel daarom van te voren realistische maar vooral haalbare doelen op. Faseer je website en je projecten zodat je deze per fase kunt overzien en dus ook kunt behalen. Begin klein en als je meer ervaring hebt opgedaan, bouw het dan pas uit.

Les 3: Herschrijf je content

Waarschijnlijk ga je een nieuwe website maken omdat je vorige website als 4 jaar oud of nog ouder is. De content van je site is dus heel waarschijnlijk ook al 4 jaar oud. Op een paar nieuwsberichten, en nieuwe producten na, zullen nog veel van je content pagina’s niet veranderd zijn. Terwijl de behoefte van je bezoekers in 4 jaar tijd wel flink is veranderd. Misschien is zelfs je doelgroep wel veranderd in de tussentijd. Schenk hier aandacht aan, onderzoek dit, en ga dit aanpassen. Het is zonde wanneer je een nieuwe website hebt en je klanten verliest, omdat je zo slecht geschreven teksten hebt.

Les 4: Design maar 1 keer

Door voortschrijdend inzicht kan tijdens de doorlooptijd van je project het design makkelijk veranderen. Het blokje met USP maakt net meer impact als er een achtergrondafbeelding naast staat waarbij de personen je recht van voren aan kijken. Maar de pagina is al gebouwd en goed gekeurd. Ga je meteen de pagina aanpassen? Of zet je de wijziging op je backlog? Iedere wijziging heeft in principe impact op de doorlooptijd en per wijziging zul je kritisch moeten zijn of je deze meteen zult meenemen of dat je deze op een later tijdstip oppakt.

Les 5: Werk met scrum

Natuurlijk is het verleidelijk in het kader van Scrum om een dergelijk wijziging meteen op te pakken. Maar je moet dan ook realiseren dat je je eerder gestelde doelen wellicht niet gaat halen. Een wijziging kan immers grote impact hebben op alle ontwikkelingen die je ervoor al gedaan hebt. Het voordeel van scrum is natuurlijk wel dat je een wijziging kunt oppakken en een gedegen afweging kunt maken. Spreek dan ook goed af hoe je het scrumproces wilt aanpakken en hoe je ervoor zorgt dat je grip blijft houden op de ontwikkelingen.

Les 6: Development team

Het team is zo sterk als de zwakste schakel. Bepaal daarom van te voren hoe het development team eruitziet. Welke rollen je nodig hebt en welke toegevoegde waarde ze leveren. Zet deze dan ook flexibel in! Zo is het slim om in het begin van je project meer aandacht aan de visuals, ux en frontend te besteden. Er moeten immers nog veel visuele uitingen bepaald worden. Terwijl er later in je proces misschien meer server developers nodig zijn om bijvoorbeeld koppelingen met andere systemen mogelijk te maken.

Les 7: Voeg personalisatie toe

We kennen allemaal web 2.0 waarbij we “rich content” toevoegden aan websites. Web 3.0 is zo gezegd het responsive maken van het web. Personalisatie van het web is dan het web 4.0. Als je dan toch al aan de slag gaat met het responsive maken van je website en het herschrijven van je content, waarom ga je dan ook niet meteen personalisatie toepassen? Je kunt met tools en software verschillende type bezoekers definiëren en je inhoud hierop afstemmen.

Les 8: Usability testen

“Testen is toch iets wat de tester doet? En anders moet ik zo’n duur bureau inschakelen?” zijn veelgehoorde klachten. Maar dat het je effect van de website vergroot vergeten we maar even voor het gemak. De kosten en de energie die je in het usability testen steekt hangt af van je budget en van wat je wilt bereiken, maar dat het effectief is, is zeker. Bezoekers kijken immers met andere ogen naar je website en je producten dan dat je zelf kunt.

Les 9: Bepaal je budget

Naast het feit dat je waarschijnlijk altijd te weinig budget krijgt is het een goed idee om het budget te verdelen over je posten. Doe dit eerlijk zodat je van tevoren inzicht krijgt. Je kunt dan je doelen en je ambities hierop instellen. Zodoende kun je van tevoren duidelijk afspreken wat je van elkaar verwacht en wat je einddoel van je project zal zijn.

Les 10: Houd een backlog bij

Je kunt niet alles tegelijk ontwikkelen dus je zult moeten prioriteren. Daarnaast zul je tijdens een project wensen hebben die niet meteen duidelijk zijn. Je hebt stakeholders die ook graag nog iets terug zien. En je gaat bugs tegen komen die ook nog gefixt moeten worden. Alles tegelijk gaat niet, houd daarom actief een backlog bij. Check iedere week of deze nog actueel is en stem dit ook af met het ontwikkelteam. Het team kan immers vaak aangeven of iets haalbaar is, of wat een quick win is.

Natuurlijk zijn sommige punten vanzelfsprekend maar staan deze ook zo vanzelfsprekend op papier? Heb je over elk van bovenstaand punt al goed nagedacht? Of zie je het wel als je bezig bent? Doe je het compleet anders of loop je helemaal vast? Of heb je nog learnings die je wilt delen? Graag!

Bron afbeelding: Allan Foster / Flickr