Het is niet langer nodig om het belang van het voorbereiden van uw site op mobiel te onderstrepen. De mobiele revolutie is de grootste verandering in de korte geschiedenis van het web. De enige vraag is of gebruikers van smartphones en tablets dit jaar meer dan de helft van uw publiek zullen uitmaken, of de volgende.
Met dit in gedachten is het optimaliseren van uw bestemmingspagina's voor mobiel nu een essentieel proces voor elke ontwerper. Het hoeft echter niet moeilijk te zijn, er is een eenvoudige checklist die u kunt doorlopen om ervoor te zorgen dat uw site klaar is voor mobiele browsers:
Het vermogen van een website om naar verschillende apparaten te schalen is essentieel. Er zijn duizenden apparaten die er zijn, dus het selecteren van enkele representatieve schermformaten is niet praktisch.
Het geaccepteerde antwoord hierop is responsive webdesign, sommige mensen beweren dat adaptief beter is, andere mensen beweren dat adaptief hetzelfde is. Deze argumenten zijn echt semantisch, de bottomline is dat u de mogelijkheid heeft om uw site op elk apparaat, huidig of toekomstig te laten werken. Om dat niet te doen, zou het onverantwoordelijk zijn.
Een belangrijke overweging: zorg ervoor dat uw site op de juiste manier wordt geschaald in portret en landschap.
Vanzelfsprekend biedt mobiel veel minder ruimte om inhoud op een bestemmingspagina te passen. Idealiter zijn de koppen kort, bondig, to the point en ongeveer drie tot vier woorden. Houd de pagina op dezelfde manier overzichtelijk als mogelijk, met een laag aantal links en maximaal één afbeelding, indien mogelijk.
Plaats inhoud in opsommingstekens zodat het oog het gemakkelijk kan opnemen, zonder te pauzeren en te turen. Maak ook een duidelijke call-to-action om de bezoeker te verleiden de rest van de site te bezoeken. Het zou een soort van stimulans moeten geven en zo eenvoudig zijn als een knop waarmee bezoekers het bedrijf kunnen bellen, met name handig voor lokale bedrijven die ook gebruik maken van locatiediensten.
Ongeveer 75% van de gebruikers ondernemen binnen een uur actie op hun zoekresultaten, dus het is gemakkelijk in te zien waarom een oproep tot actie sterk zou moeten zijn. Plaats de call-to-action ook ergens in de buurt van de bovenkant van de pagina, zodat dit een van de eerste dingen is die de mobiele bezoeker ziet.
Ja, de grootte doet er echt toe - bestandsgrootte, dat is. Een bestemmingspagina moet altijd snel worden geladen, vooral een die wordt geopend via een mobiel apparaat.
Er is geen vaste regel: hoe sneller hoe beter, maar als algemene leidraad geldt dat als uw bestemmingspagina meer dan 3 of 4 seconden nodig heeft om te laden, u veel gebruikers kwijtraakt.
Idealiter zou uw pagina extreem licht van gewicht moeten zijn, minder dan 20 kilobytes. Afbeeldingen nemen veel tijd in beslag en moeten daarom tot een absoluut minimum worden beperkt. Bewaar al uw code netjes en opgeruimd, gebruik indien nodig afbeeldingensprites en gebruik waar mogelijk CSS in plaats van afbeeldingen.
Denk naast de bestandsgrootte ook na over het aantal verzoeken dat aan de server wordt gedaan; meestal veroorzaken deze verzoeken meer vertraging dan de eigenlijke download van het bestand.
Mobiele gebruikers zijn vaak onderweg, dus gebruik locatieservices. Pas de bestemmingspagina aan zodat deze relevant is voor lokale gebruikers en bied hen ook prikkels. U kunt bijvoorbeeld inhoud aanpassen aan de lokale vestiging van een winkel.
Afhankelijk van de grootte en omvang van het project, kunt u de kerninhoud zelf ook aanpassen aan de locatie.
In staat zijn om te lezen wat er op het scherm staat, is van vitaal belang, daarom is minder meer. Als u de tekst niet kunt lezen met de telefoon op armlengte gehouden, dan moet deze groter zijn. Je bent echt beperkt om ruimte.
Laat gebruikers ook niet eindeloos scrollen, anders raken ze snel verveeld en gaan ze verder. Ja, mensen hebben een korte aandachtsspanne op internet, veel korter dan wanneer ze een tijdschrift of boek lezen, dus alles wat ze doen moet hun aandacht trekken per direct.
Alles waarop u op uw bestemmingspagina kunt klikken, moet de duimtest doorstaan. Als het niet gemakkelijk kan worden geklikt met de duim, moet u er opnieuw over nadenken. Pad-links om zoveel mogelijk ruimte rondom hen te laten en voldoende ruimte tussen de links te laten. Dit verkleint de kans dat de gebruiker op de verkeerde links tikt en geen frustratie meer heeft.
Plug-ins kunnen worden gebruikt om ervoor te zorgen dat foto's gemakkelijk kunnen worden overgevaagd, hoewel het niet echt wordt aanbevolen om foto's op de bestemmingspagina te plaatsen.
Als u een formulier op de bestemmingspagina plaatst, moet u het heel eenvoudig houden en niet veel ruimte in beslag nemen. Formulieren die veel input vereisen, zijn teleurstellend en bereiken een lagere conversieratio dan eenvoudige formulieren. Voeg dus zo min mogelijk velden toe.
Nogmaals, mensen vervelen zich snel, dus als ze een lang formulier hebben om in te vullen, hebben ze meer kans om de site te verlaten.
Navigatie moet eenvoudig en duidelijk zijn. Houd de knoppen tot een minimum beperkt en zorg ervoor dat ze de duimtest doorstaan. Probeer knoppen toe te voegen aan verschillende delen van de pagina, zodat een logisch pad kan worden gevolgd.
Test uw bestemmingspagina grondig om ervoor te zorgen dat deze effectief werkt op mobiele apparaten. Overwegen A / B testen , waarvan is aangetoond dat het de leads in sommige gevallen met maximaal 40% verhoogt.
Met een A / B-test maakt u twee ontwerpen van dezelfde pagina, A en B. Het verkeer wordt vervolgens verdeeld tussen elk ontwerp om te zien welke het beste presteert. Gebruik statistieken die het belangrijkst zijn voor het project, zoals conversieratio, verkoop, bouncepercentage. Aan het einde van de test, ga met degene die het beste presteert, en je zult halverwege zijn met een bewezen ontwerp.
Er zijn veel mobiele simulators die er zijn, maar welke je ook kiest, zorg ervoor dat je deze alleen voor de eerste testronde gebruikt. Om goed te testen, moet je echte apparaten gebruiken. Beginner, leen en steel indien nodig, bekijk uw site op zoveel echte apparaten als waar u uw handen op kunt leggen.
Hoe meer klikken of acties een gebruiker moet maken, des te minder waarschijnlijk zijn ze om ze te voltooien. Sta toe dat mensen in zo min mogelijk klikken van punt A naar punt B komen. Maak elk aspect van de navigatie en de call-to-action ongelofelijk eenvoudig.
Dit zijn de belangrijkste dingen waarmee u rekening moet houden bij het optimaliseren van een bestemmingspagina voor mobiel. Vergeet niet tijdens het ontwerpproces dat mobiel een ander medium is dan een pc. Mensen hebben nog minder geduld op mobiel omdat ze meestal onderweg zijn en hun taak met een minimum aan gedoe willen voltooien. Langzame laadtijden en niet-reagerende interactie irriteren mensen ook, dus neem de tijd om ze goed te krijgen.
Om het goed te doen, kan het een beloning zijn en het verschil betekenen tussen de site die goed presteert ten opzichte van de concurrentie en bezoekers verliest.
Uitgelichte afbeelding / thumbnail, mobiele afbeelding via Shutterstock.