Mobiele webpagina's zijn een uniek dier. In tegenstelling tot desktop-vriendelijke webpagina's, die zijn ontworpen voor grote schermen en precies muisklikken, hebben mobiele webpagina's de juiste grootte voor kleinere schermen en onnauwkeurige vingertikken. Bovendien zijn moderne websites verplicht om te publiceren in zowel desktop- als mobiele indelingen, waardoor effectief wordt vereist dat elke webpagina twee keer wordt gemaakt.
01 van 08Schermgrootte en 'Onroerend goed' zijn anders
Dit is het meest voor de hand liggende verschil tussen desktop- en mobiele webpagina's. Hoewel de meeste desktopmonitoren een diagonaalformaat van 19 inch tot 24 inch hebben, zijn tablets doorgaans 10 inch diagonaal. Smartphones zijn 4 inch diagonaal. Eenvoudig uitzoomen betekent niet dat een webpagina geschikt is om mobielvriendelijk te zijn, omdat dit de tekst alleen maar onleesbaar maakt. Op dezelfde manier is het niet mogelijk om met de vingers te tikken op een uitgezoomde webpagina. Mobiele webontwerpers moeten hun hele benadering van paginalay-out eigenlijk veranderen. Vaak moeten ontwerpers zijbalken en onnodige afbeeldingen verwijderen, kleinere afbeeldingen kiezen, de tekengrootte vergroten en inhoud samenvouwen in uitbreidbare widgets. Deze beperking van het onroerend goed heeft een hele andere manier van denken bij webontwerpers veroorzaakt.
Widgets en 'Sliders' zijn in; Sidebars en Whitespace zijn uit
Je kunt verwachten dat de meeste mobielvriendelijke pagina's sommige of alle navigatiekoppelingen op de navigatiekolom verwijderen of vervangen door inklapbare / uitvouwbare menuwinnen. Verwacht ook dat er links en rechts van de inhoud geen lege ruimte is en veel minder witruimte als ontwerpers ernaar streven het gebruik van het tablet en smartphone-onroerend goed te maximaliseren.
Vingerafdrukken is minder nauwkeurig dan klikken met de muis
In tegenstelling tot een precieze muisaanwijzer op uw bureaublad, is de menselijke vinger een klodder, en voor het gebruik van vingers zijn op het scherm grote doelen nodig voor hyperlinks. Verwacht meer grote rechthoekige tikdoelen ('tiles') op mobiele webpagina's te zien en minder op tekst gebaseerde hyperlinks. Bovendien worden menu's vaak vervangen door grote knoppen en grote tabbladen om rekening te houden met de onnauwkeurigheid van vingertikken.
04 van 08De URL van de mobiele pagina is anders
Op mobielvriendelijke webpagina's staat meestal de letter 'm' als een belangrijk onderdeel van het adres. De mobiele URL wordt meestal automatisch voor u gekozen wanneer u surft met een mobiele tablet of smartphone. In sommige gevallen ziet u een tikbare koppeling waarmee u naar de normale desktopversie van de pagina kunt overschakelen.
05 van 08Adverteren is ofwel verminderd of verwijderd
Ja, dit is geweldig voor lezers, maar een echt pijnpunt bij webadverteerders. Omdat er minder ruimte is op een tablet of smartphone, werkt het plaatsen van een menigte gesponsorde links en grote banneradvertenties gewoon niet. Verwacht in plaats daarvan speciale advertenties met een kleiner pop-uptype op mobiele webpagina's, vaak onderaan in het midden van uw scherm. Andere slimme vormen van kleinere reclame worden bedacht terwijl mobiele apparaten rijpen.
06 van 08Selectievakjes en kleine links zullen frustrerend zijn
Wanneer webuitgevers hun inhoud niet volledig herontwerpen voor kleine schermen, zullen ze u vaak dwingen om onze blob-type vingers te gebruiken om op kleine kleine selectievakjes te klikken. Dit dwingt gebruikers om trial-and-error of pinch-zooming te gebruiken om nauwkeurig op de selectievakjes te tikken.
07 van 08Wachtwoordaanmeldingen kunnen verduisterd of overdreven klein worden
Ja, dit is een moderne ergernis met veel mobiele webpagina's. Omdat veel webuitgevers nog steeds denken in termen van 22-inch schermen, zullen ze u instellen op twee vervelende mobiele ervaringen: uw aanmeldings- en wachtwoordvelden zijn klein en moeilijk te tikken, en uw glijdende mobiele toetsenbord dekt uw aanmeldings- en wachtwoordvelden af . U moet aanpassen door middel van pinch-zooming om de aanmeldingsvelden zichtbaar te maken en u moet door het scherm scrollen en het toetsenbord uitschakelen om de verborgen aanmeldknoppen te onthullen. Hopelijk vinden moderne webuitgevers binnenkort een slimme manier om deze ergernis te overwinnen.
08 van 08Foto's worden meer prominent
Gewoonlijk worden foto's kleiner gemaakt zodat ze op de kleinere schermen passen. In sommige zeldzame gevallen worden foto's zelfs uitgebreid om de breedte van het tablet- of smartphonescherm te vullen.
