Een kopzorg voor webdesigners, een uitdaging voor ontwikkelaars, een kans voor marketeers... Mobiel introduceert nieuwe regels, met name die van compatibiliteit. Dit is precies het doel van de "mobile first"-aanpak. Goed om weten: de uitdrukking "mobile first" heeft twee betekenissen: de filosofie (een mobile first-benadering hebben om zich aan te passen aan het gebruik van zijn gebruikers) en het ontwerp (schermen aanbieden die perfect zijn aangepast aan kleine terminals). Hier zullen we het hebben over zowel filosofie als ontwerp, aangezien beide met elkaar verbonden zijn op het moment van mobile-first ontwikkeling.
Meer en meer gebruikers gebruiken mobiele telefoons
In tegenstelling tot wat bedrijven die hun websites eerst op desktopniveau ontwikkelen, willen geloven, zijn smartphones en tablets toonaangevend op de markt: meer dan de helft van de tijd die op internet wordt doorgebracht, wordt via mobiel doorgebracht. Deze op zich welsprekende statistiek krijgt een zekere omvang wanneer men bedenkt dat de wereld wordt bevolkt door 4,54 miljard internetgebruikers. In totaal hebben meer dan 2,27 miljard mensen toegang tot het internet via hun smartphone.
Maar daar blijft het niet bij: mobiele gebruikers brengen veel tijd door op hun apparaten, ongeveer 3 uur en 40 minuten per dag. Is het tijd om een mobile first-strategie te starten? Meer dan ooit, anders laten we miljarden kansen liggen.
Mobile first, responsive design, mobielvriendelijk, adaptieve website... Wat zijn de verschillen?
De "mobile-first"-aanpak is aantrekkelijk, maar hoe kan deze concreet worden ontwikkeld? Is het de enige oplossing? Hoe zit het met desktop first websites? Ontdek de verschillende mobiel-georiënteerde ontwerpen.
Mobile-first design heeft een uniek proces: het gaat van het klassieke patroon (geleidelijke degradatie van desktop naar mobiel) naar een geleidelijke verbetering tussen mobiel en desktop. Inhoud en schermen worden gemaakt voor een mobiele website die vervolgens wordt verbeterd voor de desktopversie.
Mobielvriendelijk ontwerp is, simpel gezegd, een website geconfigureerd als een desktopversie die leesbaar is op mobiel. De leesbaarheid varieert van ontwikkeling tot ontwikkeling.
Het responsive design beantwoordt aan een eenvoudige logica: één webpagina voor alle media. De elementen zweven en passen zich automatisch aan de grootte van het venster aan. Zeer zuinig in termen van tijd en middelen, maar responsive design levert soms problemen op met de laadsnelheid. Talen en inhoud kunnen er lang (of zelfs te lang) over doen om op mobiel te worden weergegeven.
Adaptief ontwerp is een enkel sjabloon dat per toestel wordt herwerkt. Met adaptive design, omslachtig maar met zeer goede resultaten, kunt u inhoud maken die specifiek is voor elk apparaat en snel laadt.
De voor- en nadelen van de "mobile first"-aanpak om de juiste vragen te stellen
Hoe verleidelijk het ook is, de "mobile first"-aanpak pakt specifieke problemen aan voor ontwikkelaars en voor gebruikers. Laten we aan de ontwikkelingskant eerst de voordelen en beperkingen van mobiel bekijken.
Dankzij de "mobile-first"-aanpak is de gebruikerservaring levendiger. Het aangepaste scherm, de vloeiende navigatie en de snelheid van laden nemen veel van de spanning weg. Bovendien wordt de inhoud, die de kern van uw site vormt, perfect beheerst. Elk stukje gepubliceerde informatie is nuttig voor de gebruiker en niets ontbreekt in uw mobiele interface. Deze punten zijn ook gunstig voor uw referencing: de zoekmachine van Google geeft voorrang aan snel ladende mobiele sites.
Voor mobile first zijn echter meer middelen nodig en vooral gespecialiseerde deskundigen (of althans deskundigen die vertrouwd zijn met deze techniek). Ontwikkelaars zullen een website moeten maken met de middelen van de mobiele telefoon, die van nature minder zijn dan die van een desktopcomputer.
Voor- en nadelen daargelaten, mobile first ontstaat vooral wanneer het in een behoefte voorziet. Dus stel jezelf de juiste vragen: is het iets voor jou? Zijn uw klanten mobiel? Gebruiken ze mobile first? Zoeken zij andere functionaliteiten op mobiel dan op desktop?
Er zijn veel manieren om mobielvriendelijk te zijn zonder al die moeite van mobile first. Voordat je aan een mobile-first ontwikkelingsproject begint, moet je jezelf de juiste vragen stellen en naar je gebruikers kijken. Wat uw beslissing ook is, één advies: ontwerp mobiel als een aanvulling en niet als een verlengstuk van de desktop, u zult uw platforms verrijken en meerdere succesvolle gebruikerservaringen combineren.
