I nogen tid har alle, der beskæftiger sig med optimering af søgemaskiner, sørget for, at en mobilversion af deres hjemmeside var tilgængelig, fordi de ellers risikerede at true Google algoritmen. Men i modsætning til så mange andre tendenser i SEO-verdenen viser forskning, at mobilwebbrug ikke sænker, selv om mange af de såkaldte mobilvenlige websteder er en smerte at bruge. Ikke kun er mobile visninger voksende, de springer op. Forskning fra Statista anslår, at mængden af webtrafik i år 2019 vil være omkring 24,3 Exabyte, op fra 4,2 Exabyte i 2015.
Bare for at sikre, at du forstår gravitationen, er en Exabyte lig med 1 mia. Gigabyte.
På trods af at der er vist, at besøgende bruger deres mobilenheder til at surfe på internettet, designer ikke alle med den mobile bruger i tankerne. Ifølge den Nielsen-Normanske Gruppe:
... der er flere smartphone-brugere over hele verden end stationære og bærbare brugere [men] anvendeligheden af mobile websteder og applikationer er stadig godt bag brugervenlighed af desktop-websites.
Selvfølgelig ønsker ikke alle en mobilwebsite, der bare er god nok til Google. De vil have deres besøgende at have en positiv oplevelse, når de lander på deres hjemmeside eller en, som de har designet til en kunde. Så de justerer deres designs i overensstemmelse hermed.
De fleste mennesker forbinder mobilweb med lydhurtigt webdesign, fordi det har været buzzword kastet rundt forskellige blogs og præsentationer i nogen tid nu. Men lydhurtigt webdesign er ikke den eneste strategi, og det er ikke altid den bedste tilgang. Det bedste valg er baseret på, hvordan du vil have dine besøgende til at interagere med indholdet på dit websted.
Ved hjælp af medieforespørgsler for at ændre visningen af webstedet baseret på skærmstørrelsen, er dette en flydende tilgang til design for flere enheder. Du designer en gang og stole på CSS'en for at skalere skærmen baseret på skærmen.
Denne tilgang er baseret på statiske sider designet til forskellige breakpoints. Når skærmstørrelsen er registreret, vises det relevante layout. Her skal du designe forskellige layouter for at imødekomme forskellige skærmstørrelser. Normalt er seks layouter bygget til de mere almindelige bredder: 320, 480, 760, 960, 1200, 1600.
Dette er når du opbygger en iOS-, Android- eller Windows-app, der er designet til at tjene dit webindhold til mobile brugere.
Du ville være svært presset til at finde en hjemmeside i disse dage, der ikke tilbyder nogen form for brugerinteraktion. Det kan være en virksomhedswebside, der samler information fra potentielle kunder, et e-handelswebsted, der er bygget til shopping, eller et websted, der gør det muligt for besøgende at checke ind til en begivenhed eller placering. Under alle omstændigheder skal brugeren give oplysninger, foretage valg og trykke på knapper, og du skal komme ind i tankegangen at ting på en mobil enhed er forskellige.
Til at begynde med fokusere på vigtige funktioner. Dette kan kræve nogle omlægninger fra din side, eller du skal måske skære ned på nogle af de elementer, du ønskede at medtage. Dette vil ikke kun hjælpe med at reducere rod, men det vil tillade større knapper og andre elementer, som større fingre kan have svært ved at engagere sig i. Når det er muligt, reducer behovet for, at brugerne indtaster tekst. De kan have et skærmtastatur til brug, men vi ved alle, at der er en høj fejlfrekvens, når du bruger disse og funktioner som autokorrektur eller tekstforudsigelse kan blive ganske frustrerende. Også forstå, at der er en god chance for, at en mobil besøgende kan blive afbrudt eller miste deres forbindelse. Jo mindre de er nødt til at genoptage, hvis de går ud, jo mindre frustration vil de føle.
Til SEO formål er mange designere blevet uddannet gennem årene for at indarbejde komplekse navigationsmenuer i deres arbejde, så søgemaskinens edderkopper kan indeksere alt. Hvis du har alt tilgængeligt fra navigationsmenuen, sørger du også for, at dine besøgende kan finde det, de leder efter. Men for den mobile besøgende gør disse overvældende menuer faktisk navigationen vanskeligere, og et korrekt oprettet sitemap vil sende søgemaskinens crawlere, hvor du har brug for dem til at gå.
I stedet for lange lister over menupunkter, hold valgene til højst seks, så mobile besøgende behøver ikke at forsøge at rulle ned for at se alt, mens man forsøger at holde en menu åben. Fjern også undermenuerne. Det lille + tegn på, at du forventer, at brugere klikker for at udvide mulighederne, er virkelig svært at trykke, medmindre de bruger en stylus. Apples UI Design Basics angiver, at den gennemsnitlige finger kræver 44 pixels venstre til højre og op og ned. Design med det rum i tankerne.
Udviklingen på webstedet for en enkelt side er noget at overveje her også. Denne teknik gør det muligt for den besøgende at rulle gennem dit websted og finde alt, hvad de har brug for på en lang side. Denne type design glemmer alt om folden, da mobilbrugere er behagelige at skubbe gennem indhold for at finde det, de har brug for.
Når du tænker på dine mobile besøgende, bliver du bedt om at forlade en hel del. Men det, du aldrig bør ofre, er grunden til, at du har en hjemmeside i første omgang. Sørg for, at dit branding forbliver konsekvent, hvis du har brug for dit logo for at forblive fremtrædende, så brug den rigtige mængde fast ejendom til at vise det. Hvis dit websted er tungt på indhold, skal du sørge for, at dine mobilbrugere har adgang til det hele. At skjule indhold fra mobile skærme straffer straks besøgende for ikke at være på en fuldskærm.
Som webdesignere er vi vant til trends i vores branche. Hvert år er der lister, der introducerer os til de nyeste fads og metoder, som vi bør være opmærksomme på. Designing for den mobile bruger er ikke en af dem. Det er virkeligheden af, hvor vores branche går, og de fortsætter med at tilføje flere skærmstørrelser for os at arbejde med, så der er virkelig ingen størrelse, der passer til enhver tilgang, du kan tage.
Du, din organisation, dine kunder og andre interessenter skal afgøre, hvad der er vigtigt og strukturere dine websteder omkring disse elementer. Men tænk på, hvad der er vigtigt for dine besøgende, fordi det er det der tæller. Brugeroplevelse skal aldrig være om, hvad vi synes er bedst, eller hvad vi vil se. Vi kan ikke tvinge folk til at have en god oplevelse, når de besøger vores sider. I stedet skal vi se på at give dem det, de ønsker, på en måde, der er let for dem at få adgang til.
Så før vi leder efter tjeklister eller vejledninger, der fortæller os, hvad en god brugeroplevelse er, tag dig tid til at tænke på, hvad vi skal sige, og hvad vores besøgende vil høre.