Mobilvenlighed handler ikke kun om, at hjemmesiden kan vises på en telefon.
Det handler om, at en mobilbruger hurtigt kan forstå, hvad du tilbyder, finde den rigtige vej og tage kontakt uden at skulle kæmpe med layout, tekst eller teknik.
Din hjemmeside tilpasser sig teknisk set til mobil. Den kan åbnes, menuen virker, siderne kan scrolle, og indholdet ligger ikke helt fastlåst som en desktopside.
Det er positivt.
Men der er forskel på en hjemmeside, der kan vises på mobil, og en hjemmeside der er designet til mobilbrugeren.
Lige nu bliver flere af de problemer, vi allerede har gennemgået, endnu tydeligere på mobil:
- teksterne bliver tunge at læse
- billeder og baggrunde gør nogle overskrifter svære at afkode
- navigationen mangler en tydelig næste handling
- kontaktflowet kræver for meget af brugeren
- sidefoden fylder meget uden at hjælpe nok
- flere sektioner føles mere som desktopløsninger, der er blevet presset ned på en lille skærm
Det betyder ikke, at alt er galt.
Men det betyder, at mobiloplevelsen bør prioriteres højere — især fordi mange af dine besøgende sandsynligvis møder dig via Google, Facebook, Instagram, en delt besked eller et link på telefonen.
Mobilbrugeren har mindre tålmodighed og mindre skærmplads
På mobil har brugeren mindre plads, mindre overblik og ofte mindre koncentration.
De sidder måske i sofaen, mellem to møder, i en pause, på farten eller med telefonen i hånden efter at have set noget på sociale medier.
Derfor skal hjemmesiden hurtigt kunne svare på:
- Hvad tilbyder Iris Yoga?
- Er det relevant for mig?
- Hvor skal jeg trykke?
- Hvordan kommer jeg videre?
- Kan jeg nemt kontakte Iris?
På desktop kan brugeren lettere danne sig et overblik.
På mobil bliver hver sektion mere afgørende, fordi man kun ser en lille del af siden ad gangen.
Derfor skal mobilversionen være ekstra klar, ekstra rolig og ekstra nem at handle på.
Forsiden: for meget støj før budskabet
På mobil sker der mange ting, før brugeren for alvor kommer til sidens vigtigste budskab.
Den blå topbar indeholder både lokation, telefonnummer, sociale ikoner og søgning. På desktop fylder den ikke så meget, men på mobil bliver den meget kompakt og lidt støjende.
Herefter kommer logoet, menuen og først derefter sidens egentlige indhold.
Det betyder, at brugeren skal forbi en del elementer, før de møder det, der virkelig skal sælge forsiden.
Vi vil anbefale en enklere mobilheader, hvor logo og menu placeres mere naturligt ved siden af hinanden.
For eksempel:
- logo til venstre
- menuikon til højre
- eventuelt en tydelig kontaktknap eller CTA
- færre elementer i topbaren
På mobil skal toppen af siden ikke prøve at vise alt.
Den skal hjælpe brugeren videre.
Mobilmenuen virker — men mangler en stærk CTA
Mobilmenuen gør det muligt at finde rundt på siden, og det er godt.
Men den mangler stadig et tydeligt næste skridt.
Menuen viser siderne:
- Firmayoga
- Yoga for private
- Events
- Om Iris
- Kontakt
Det er overskueligt.
Men hvis brugeren åbner menuen, er det ofte fordi de leder efter vej videre. Derfor bør mobilmenuen også indeholde en tydelig handling.
For eksempel:
“Book en uforpligtende snak”
eller:
“Find det rette yogatilbud”
Den knap bør skille sig tydeligt ud fra resten af menuen.
Lige nu er det første menupunkt markeret, hvilket er fint ud fra et tilgængelighedsstandpunkt. Men den visuelle markering gør ikke nødvendigvis valget tydeligt nok for almindelige brugere.
Hvis firmayoga er det vigtigste fokus, bør det være nemt at se — og endnu nemmere at gå videre.
Hero-sektionerne er svære at læse på mobil
Flere af undersiderne bruger store baggrundsbilleder med tekst ovenpå.
Det kan fungere, hvis billedet er roligt, kontrasten er stærk, og teksten er kort.
Men på mobil bliver det hurtigt svært.
På firmayoga-siden bryder overskriften op i meget korte linjer, nogle gange med kun ét eller to ord per linje. Samtidig ligger teksten oven på et billede med mange kontraster og en tydelig tekstskygge.
Det gør teksten tung at læse.
På privat yoga-siden bliver den lilla overskrift svær at afkode mod baggrunden.
På events-siden ser vi samme type hero-løsning igen, og selvom det skaber en vis konsistens, er det desværre ikke den rigtige type konsistens.
Når tekst, billede, farve og skygge kæmper mod hinanden, skal brugeren bruge unødvendig energi på at forstå siden.
Det er især vigtigt for Iris Yoga, fordi hjemmesiden gerne skal skabe ro, tryghed og harmoni.
Hvis mobiloplevelsen føles anstrengende, arbejder designet imod brandet.
B2B-kunder læser også mobiloplevelsen som professionalisme
Det er særligt vigtigt på firmayoga-siden.
Hvis en virksomhed overvejer at invitere dig ind som ekstern samarbejdspartner, vurderer de ikke kun yogaen. De vurderer også det samlede indtryk.
Virker det professionelt?
Virker det trygt?
Virker det nemt at arrangere?
Virker det som om, der er styr på detaljerne?
Når en B2B-kunde møder en mobilside, hvor overskriften er svær at læse, billedet virker travlt, og teksten fylder meget, kan det skabe tvivl.
Ikke nødvendigvis bevidst.
Men de små friktioner samler sig.
Derfor bør firmayoga-siden mobiloptimeres med ekstra omhu.
Her bør første skærmbillede være roligt, tydeligt og professionelt — med et klart budskab og en klar handling.
Længere tekster bør som regel venstrejusteres på mobil
Centreret tekst kan fungere fint på desktop, især i korte sektioner med få linjer.
Men på mobil bliver centreret tekst hurtigt sværere at læse, fordi linjerne er korte og bryder oftere.
Når teksten fylder mere end et par linjer, skal øjet hele tiden finde et nyt startpunkt. Det gør læseoplevelsen mere urolig.
Derfor vil vi anbefale, at længere tekstafsnit som udgangspunkt venstrejusteres på mobil.
Det gælder især:
- brødtekster
- forklarende afsnit
- praktisk information
- anbefalinger
- FAQ-svar
- længere introduktioner
Det betyder ikke, at alt skal være venstrejusteret overalt.
Men på mobil bør læsbarhed veje højere end symmetri.
Teksterne bliver for tunge på mobil
Mange af teksterne er allerede lidt lange på desktop.
På mobil bliver det endnu mere tydeligt.
Eksempelvis bliver sektionen “Kan jeg være med?” ret overvældende, fordi meget information ligger samlet i én stor centreret tekstblok.
Indholdet er relevant, men det er svært at skimme.
På mobil bør teksten i højere grad brydes op med:
- korte afsnit
- underoverskrifter
- punktlister
- fremhævede nøglesætninger
- FAQ-format
- tydelige handlinger
Det handler ikke om at fjerne al information.
Det handler om at gøre informationen lettere at tage imod.
En mobilbruger skal hurtigt kunne forstå det vigtigste — og derefter læse videre, hvis de har brug for mere.
Anbefalingerne er særligt tunge på mobil
Anbefalinger er en af dine stærkeste ressourcer.
Men på mobil fylder de meget.
Når lange anbefalinger ligger som store tekstblokke, kan de være svære at læse og lette at springe over.
Vi vil anbefale at bruge dem mere strategisk.
For eksempel:
- vis korte citatuddrag først
- fremhæv den vigtigste sætning med fed
- brug kun de mest relevante anbefalinger på hver side
- del lange anbefalinger op
- giv mulighed for at læse mere, hvis brugeren vil
På den måde bliver anbefalingerne lettere at bruge som bevis.
Et kort, præcist citat kan ofte gøre mere på mobil end en lang tekstblok.
Kort og kolonner bliver komprimerede
På privat yoga-siden er der kort med billede, tekst og knap.
På desktop kan den slags fungere fint.
Men på mobil bliver kortene mere komprimerede. Billederne og teksten kommer til at kæmpe om pladsen, og der er ikke nok tydelig luft mellem de forskellige elementer.
Det gør sektionen sværere at afkode.
Hvis kort skal fungere godt på mobil, bør de typisk forenkles:
- billede først
- tydelig overskrift
- kort tekst
- én tydelig knap
- god afstand til næste kort
På mobil skal hvert kort føles som sin egen lille sektion.
Ikke som noget, der er blevet stablet oven på hinanden.
Slidere og billedkaruseller bør bruges med omtanke
På events-siden bruges der en slider med billeder.
Slidere kan virke smarte, fordi de giver plads til mange billeder på lidt plads.
Men i praksis ser mange brugere kun det første billede — eller måske de første to.
På mobil er det endnu mere udtalt, fordi brugeren typisk scroller videre i stedet for at stoppe op og bladre gennem en billedkarusel.
Derfor vil vi hellere anbefale færre, mere strategisk valgte billeder.
For eksempel:
- ét billede der viser stemningen
- ét billede der viser deltagerne
- ét billede der viser typen af oplevelse
Det er bedre at vælge billeder med en klar funktion end at vise mange billeder og håbe, at brugeren selv finder det vigtigste.
Om-siden bruger værdifuld mobilplads forkert
På “Om Iris”-siden fylder hero-sektionen meget, men den hjælper ikke brugeren nok.
Navnet er svært at læse, og teksten på billedet handler meget om Iris, før brugeren forstår, hvorfor det er relevant for dem.
En om-side må selvfølgelig gerne handle om Iris.
Men på mobil er den øverste del af siden meget værdifuld.
Derfor bør den hurtigt svare på:
- hvorfor Iris er den rette guide
- hvad hendes tilgang betyder for kunden
- hvorfor man kan føle sig tryg hos hende
Det kunne være stærkere at starte med en rolig, tydelig tekst som:
“Iris skaber yoga med plads til kroppen, som den er — roligt, jordnært og uden krav om præstation.”
Derefter kan din historie foldes ud.
På den måde bliver siden stadig personlig, men mere relevant for brugeren fra første skærmbillede.
Kontaktflowet skal være endnu nemmere på mobil
På mobil bør kontakt være så let som muligt.
Her er der både noget, der fungerer, og noget der bør forbedres.
Telefonnummeret er klikbart, hvilket er godt.
Men e-mailadressen ser ikke ud til at være klikbar.
Det betyder, at brugeren selv skal kopiere adressen eller skrive den manuelt. Det er unødvendig friktion.
Derudover mangler der stadig en formular, som kan hjælpe brugeren med at tage kontakt uden selv at skulle finde ud af, hvad de skal skrive.
Det er især vigtigt, hvis brugeren kommer fra firmayoga-siden.
En god mobil kontaktsektion bør som minimum have:
- klikbart telefonnummer
- klikbar e-mail
- kort kontaktformular
- tydelig forklaring af, hvad der sker efter kontakt
- eventuelt mulighed for at vælge interesse: firmayoga, privat yoga eller events
Når brugeren allerede har besluttet sig for at kontakte dig, skal hjemmesiden ikke gøre det svært.
Sidefoden fylder meget uden at hjælpe nok
På mobil fylder sidefoden relativt meget.
Det ville være fint, hvis den hjalp brugeren videre.
Men lige nu indeholder den primært tematekst, sociale ikoner, copyright og “Nordjylland”.
Det giver ikke nok værdi i forhold til den plads, den tager.
På mobil bør sidefoden fungere som et kompakt sikkerhedsnet.
Den bør give brugeren hurtig adgang til:
- de vigtigste sider
- kontaktinformation
- sociale medier
- relevante politikker
- en kort brandtekst
Når sidefoden ikke hjælper brugeren videre, føles den bare som ekstra scroll.
Hvad vi ville prioritere først
Mobiloplevelsen kan forbedres meget uden at gøre det hele kompliceret.
Vi ville starte med de ting, der påvirker brugerens forståelse og kontaktmulighed mest.
1. Forenkle mobilheaderen
Skær ned på støj i toppen og placér logo, menu og eventuel CTA mere naturligt.
2. Tilføj en tydelig CTA i mobilmenuen
Mobilmenuen bør ikke kun være navigation. Den bør også guide brugeren mod næste skridt.
3. Gør hero-sektionerne lettere at læse
Undgå lange tekster oven på travle billeder. Brug tydeligere kontrast, kortere budskaber og mere rolige baggrunde.
4. Venstrejustér længere tekster på mobil
Længere afsnit bør være lettere at læse og skimme.
5. Bryd lange tekster op
Især sektioner som “Kan jeg være med?” og lange anbefalinger bør opdeles bedre.
6. Gør kontaktflowet mobilvenligt
Telefon, e-mail og formular bør fungere tydeligt og gnidningsfrit.
7. Ryd op i kort, sliders og billedsektioner
Vælg færre elementer med tydeligere formål, frem for at vise mange ting på én gang.
8. Gør sidefoden mere kompakt og hjælpsom
Sidefoden bør hjælpe brugeren videre — ikke bare afslutte siden teknisk.
Samlet vurdering
Hjemmesiden fungerer teknisk på mobil, men den føles ikke konsekvent mobiloptimeret.
Det betyder, at man godt kan bruge siden på telefonen, men flere steder kræver det mere energi, end det burde.
Tekster bliver tunge.
Overskrifter bliver svære at læse.
Billeder fylder meget.
CTA’er er ikke tydelige nok.
Kontakt kræver for mange skridt.
Sidefoden hjælper ikke nok.
Det er vigtigt, fordi mobil ofte er det første møde med hjemmesiden.
Hvis brugeren kommer fra Google, sociale medier eller en delt anbefaling, er der stor sandsynlighed for, at de lander på siden via telefonen.
Derfor bør mobiloplevelsen ikke behandles som en mindre version af desktop.
Den bør designes som en selvstændig brugeroplevelse.
Målet er enkelt:
En mobilbruger skal hurtigt kunne forstå, hvad Iris Yoga tilbyder, mærke roen i brandet og tage næste skridt uden friktion.
Når det lykkes, bliver hjemmesiden ikke bare responsiv.
Den bliver hjælpsom.