Opret en hjemmeside der fungerer godt på mobil er ikke let, men det er en mulig opgave. Så længe du bekræfter dit websted, før du indsender, er der ingen grund til, at mobilbrugere ikke skal have en god oplevelse. Du kan dog undre dig over, hvilke elementer der har mest brug for din opmærksomhed.
I denne vejledning giver vi dig en simpel liste over kriterier, som dit websted skal opfylde. I så fald vil dine brugere sandsynligvis have en god mobiloplevelse, og hvis ikke, fortæller vi dig, hvordan du ændrer ting. Lad os starte med punkt nummer et!
1 - Test dit websted på flere opløsninger
En af de vigtigste ting, når det kommer til mobilwebsteder, er at dit websted ikke ser ud til at være en nedskaleret version af desktopversionen. Dette betyder, at hvert af dine elementer skal være på udkig efter flere opløsninger.
Hvis ingen af dine elementer på den anden side dukker godt op på mobilen, kan det påvirke din afvisningsprocent negativt. Den smarte ting at gøre er at teste din Websted på flere opløsninger på forhånd og se om alt vises korrekt.
Heldigvis er denne proces ikke så kompliceret, som den lyder, og du behøver ikke at eje flere enheder for at gøre det. Der er mange tjenester, der giver dig mulighed for hurtigt at teste alt Websted på forskellige opløsninger, såsom:
Chrome Dev Tools : Denne indbyggede Chrome-browserfunktion inkluderer en enhedsværktøjslinje, som du kan bruge til at teste dit websted i flere opløsninger.
Tjenester som f.eks Screenfly et BrowserStack : Disse tredjeparts tjenester giver dig mulighed for at teste dit websted på en meget bredere vifte af opløsninger.
Alle de værktøjer, vi har nævnt, er gratis, så budgettet bør ikke være et problem, og der er ingen undskyldning for at springe dette trin over!
2 - Sørg for, at dine menuer og navigation vises på mindre skærme
I de fleste tilfælde er menuer det primære navigationsmiddel for din besøgende. Hvis dine links er svære at klikke på eller læse på mindre opløsninger, vil det påvirke brugervenligheden. Derudover ønsker du også, at alle dine menupunkter skal være let tilgængelige, uanset hvilken enhed du bruger til at navigere.
Med dette i tankerne, lad os tage et par skridt for at sikre, at du ikke går glip af noget, når det er tid til at teste dine mobile menuer:
- Kontroller, at alle menupunkter er synlige.
- Sørg for, at hvert link er på linje, og undermenuer indlejres.
- Kontroller, at du kan læse hvert menupunkt, og klik på det.
De fleste moderne WordPress-temaer opretter automatisk lydhør menuer til dig. Hvis du har problemer med dette aspekt på dit websted, skal du overveje at ændre temaet.
3 - Kontroller, at dine billeder er gode i små opløsninger
Billeder er en vigtig del af alt Websted, men nogle gange har din grafik måske ikke den bedste opløsning. For eksempel, hvis dit logo ikke kan læses, når nogen tilgår dit websted via mobilen, vil dette klart påvirke dit brandimage.
I de fleste tilfælde er folk mere bekymrede over "forvrængning" af deres billeder, men skalering kan også være et problem. Ikke alle billeder skaleres muligvis til at være perfekte til enhver opløsning, men der er trin, du kan tage for at gøre det mindre af et problem:
Fokusér din indsats på billeder, der er vigtige for dit mærke.
Se efter skalerbare alternativer til populære billedtyper, såsom SVG'er.
Når det er muligt, skal du vælge bedre beskårne billeder, så de passer bedre til mindre størrelser.
Så længe du holder disse tip i tankerne, skal du være god at gå. Bare husk, at når det kommer til meget komplekse billeder som computergrafik, kan du muligvis ikke skalere dem fuldt ud ved lave opløsninger.
4 - Test dit indhold for læsbarhed
Et aspekt, der mest påvirker anvendeligheden af mobile enheder, er læsbarhed. Når du arbejder med en mindre formfaktor, skal du kompensere for dette ved at sikre dig, at din tekst stadig vises på trods af de små skærmstørrelser i stedet for blot at formindske skrifttypen. Målet her er simpelt: dine brugere skal ikke skulle zoome ind for at læse dit indhold. Når alt kommer til alt er dette den perfekte opskrift til at irritere en bruger.
Heldigvis er læsbarheden et aspekt, der er relativt enkelt at adressere:
- Vælg en basisskrifttype, der er meget læsbar for indholdet.
- Brug undertekster, når det er muligt, til at opdele dit indhold i let læsbare sektioner.
- Gå efter et tema, der giver dig mere kontrol over, hvordan din tekst vises.
Med hensyn til vores sidste punkt, bør mange moderne temaer tilbyde dig den mulighed, du leder efter.
Det er alt til disse tip, jeg håber, at de vil hjælpe dig med at optimere dine blogs til mobile enheder. Hvis du har spørgsmål, tøv ikke med at stille dem.
