Der er ingen tvivl om, at rigtig mange danskere brugere deres mobil mange gange dagligt. Den bliver brugt til både at tjekke og opdatere de sociale medier, tjekke mails, Google efter svar og produkter og meget mere. Derfor er det også altafgørende for din virksomheds online tilstedeværelse, at den er optimeret mod mobilbrugere.
Google har længe understreget vigtigheden af at have en Mobile First Approach. For nyligt blev Google også færdig med at udrulle deres Mobile First opdatering – så det har aldrig været vigtigere at optimere mod mobiloplevelsen.
Responsivt webdesign vs. Mobile First
Mobiloplevelsen adskiller sig væsentligt fra desktop. Derfor er det også vigtigt, at ens hjemmeside er optimeret til at fungere på tværs af skærmstørrelser. Her har man længe snakket om responsivt design – altså et webdesign, der automatisk tilpasser sig enheden.
Har man udviklet sin hjemmeside med fokus på Mobile First, er hjemmesiden proaktivt designet til mobile enheder. Det vil sige, at der fokuseres på at levere en overlegen brugeroplevelse ved at prioritere mobilbrugere.
Mobile First med et CMS-system
Langt de fleste CMS-systemer (Content Management System) understøtter responsive designs. Dermed kan man med et CMS sikrer, at ens hjemmeside tilpasses forskellige skærmstørrelser helt automatisk. Det er dog ikke længere tilstrækkeligt ”bare” at have en responsiv hjemmeside.
Mange udvikler først og fremmest hjemmesiden til desktop, fordi udvikleren netop sidder foran en computerskærm – så det er det mest nærliggende, for dernæst at optimere mobiloplevelsen.
Denne tankegang eller udviklingsmetode skal dog udfordres, og der skal i stedet først og fremmest udvikles til mobilbrugerne – altså Mobile First (dernæst desktop). Heldigvis understøtter mange CMS dette, fx Umbraco.
Umbraco er et CMS, der er kendt for sin fleksibilitet, og så tilbyder CMS’et specifikke værktøjer og funktioner, der letter mobiloptimeringsarbejdet. Umbraco bidrager altså til, at det bliver lettere at udvikle en Umbraco hjemmeside efter Mobile First tankegangen.
Implementering af Mobile First strategier
At omfavne Mobile-First kræver mere end blot teknologiske værktøjer. Det handler blandt andet også om at prioritere og placere indhold korrekt – og gøre det let læseligt, gøre touch-elementer lette at klikke på, implementere en intuitiv navigation og meget mere.
Vi har samlet et par gode råd her:
- Placer vigtige oplysninger øverst på siden for øjeblikkelig synlighed.
- Forenkl komplekse navigationsstrukturer for mobilt brug.
- Øg størrelsen på knapper og klikbare områder for at imødekomme touch-input.
- Undgå brug af små tekstfelter eller links, der kan være svære at trykke præcist.
- Udnyt browsercaching og komprimeringsteknikker for at reducere belastningstiden.
- Juster skriftstørrelser og linjeafstand for optimal læsbarhed på mindre skærme.
- Undgå faste tekststørrelser; brug relative enheder som em eller rem.
- Implementer navigationsmetoder, der er intuitive og nemme at bruge på små skærme.
- Overvej brug af hamburgermenuer eller udtrækkelige menuer for at spare plads.
- Optimer billeder og multimediafiler til hurtig indlæsning på mobile enheder.
- Implementer adaptive videoer, der tilpasser sig forskellige skærmstørrelser og netværksforhold.