Det er ikke længere nødvendigt at understrege vigtigheden af at forberede dit websted til mobil. Den mobile revolution er den største enkeltændring i webens korte historie. Det eneste spørgsmål er, om smartphone og tabletbrugere vil udgøre mere end halvdelen af dit publikum i år eller næste.
Med dette i betragtning er optimering af dine destinationssider til mobil nu en vigtig proces for alle designere. Det behøver dog ikke være svært, men der er en simpel checkliste, som du kan løbe igennem for at sikre, at dit websted er klar til mobile browsere:
Et websteds evne til at skalere til forskellige enheder er afgørende. Der er tusindvis af enheder derude, så det er ikke praktisk at vælge nogle få repræsentative skærmstørrelser.
Det accepterede svar på dette er lydhurtigt webdesign, nogle argumenterer for adaptiv er bedre, andre mennesker hævder adaptiv er den samme ting. Disse argumenter er virkelig semantiske, bundlinjen er at du har evnen til at gøre dit websted til at fungere på en hvilken som helst enhed, nuværende eller fremtid. At undlade at gøre det ville være uansvarligt.
En vigtig overvejelse: Sørg for, at dit websted skaleres rigtigt i portræt og landskab.
Selvfølgelig tilbyder mobil meget mindre plads til at passe indholdet på en destinationsside. Ideelt set holde overskrifter kort, kortfattet, til punktet og omkring tre til fire ord. På samme måde holde siden så fri som muligt, med et lavt antal links og maksimalt et billede, hvis det er muligt.
Sæt indhold i kuglepunkter, så øjet kan tage det let ind, uden at skulle holde pause og skævhed. Opret også et klart opkald til handling for at friste den besøgende til at besøge resten af webstedet. Det bør give en slags incitament og kunne være så simpelt som en knap, der gør det muligt for besøgende at ringe til virksomheden, især til brug for lokale virksomheder, der også bruger lokaltjenester.
Noget som 75% af søgterne træffer foranstaltninger på deres søgeresultater inden for en time, så det er nemt at se, hvorfor et opkald til handling skal være stærkt. Også sætte opkaldet til handling et sted nær toppen af siden, så det er en af de første ting, den mobile besøgende ser.
Ja, størrelse gør det egentligt meget-filstørrelse, det vil sige. En destinationsside skal altid være hurtig at indlæse, især en, der er tilgængelig via en mobilenhed.
Der er ingen sæt regel - jo hurtigere jo bedre - men som en generel vejledning, hvis din destinationsside tager længere tid end 3 eller 4 sekunder at indlæse, begynder du at miste mange brugere.
Ideelt set skal din side være ekstremt let, under 20 kilobytes. Billeder tager meget tid at indlæse, og det bør derfor holdes til et absolut minimum. Hold al din kode pæne og ryddelige, brug billedet sprites om nødvendigt, og brug CSS i stedet for billeder, hvor det er muligt.
Ud over filstørrelsen skal du tænke på antallet af anmodninger, der bliver foretaget til serveren; typisk giver disse anmodninger mere en forsinkelse end den faktiske filnedlasting.
Mobilbrugere er ofte på farten, så brug placeringstjenester. Skræddersy landingssiden for at være relevant for lokale brugere, og tilbyde også incitamenter til dem. Du kan f.eks. Tilpasse indhold til den lokale gren af en butik.
Afhængigt af projektets størrelse og omfang kan du også tilpasse kernens indhold til placeringen.
At være i stand til at læse hvad der er på skærmen er afgørende, hvilket er grunden til, at mindre er mere. Hvis du ikke kan læse teksten med telefonen, der holdes i armlængden, skal den være større. Du er virkelig begrænset til plads.
Lad ikke brugerne uendeligt rulle enten, ellers vil de kede sig hurtigt og fortsætte. Ja, folk har en kort opmærksomhed på internettet, meget kortere end når man læser et blad eller en bog, så alt hvad du gør skal gribe deres opmærksomhed med det samme.
Alt, der skal klikkes på din destinationsside, skal bestå af tommelfingerprøven. Hvis det ikke nemt kan klikkes med tommelfingeren, skal du genoverveje det. Pad links til at forlade så meget plads omkring dem som muligt, og lad rigelig plads mellem links. Dette vil reducere chancerne for, at brugeren tapper de forkerte links og efterlader frustration.
Plugins kan bruges til at sikre, at fotos nemt kan swipes, selvom at lægge billeder på destinationssiden ikke er nøjagtigt anbefalet.
Hvis du laver en formular på destinationssiden, skal du holde den meget enkel, og tag ikke meget plads. Former, der kræver meget input, er off-putting og opnår en lavere konverteringsfrekvens end simple former. Så tilføj så få felter som muligt.
Igen bliver folk keder sig hurtigt, så at give dem en lang form til at udfylde vil gøre dem mere tilbøjelige til at opgive stedet.
Navigation skal være enkel og ligetil. Hold knapper til et minimum, og sørg for, at de passerer tommelfingeren. Prøv at tilføje knapper til forskellige områder af siden, så en logisk sti kan følges.
Test din destinationsside grundigt for at sikre, at den fungerer effektivt på mobilen. Overveje A / B test , som i nogle tilfælde har vist sig at øge kundeemner med op til 40%.
Med en A / B-test ville du oprette to designs på samme side, A og B. Trafikken er så opdelt mellem hvert design for at se, hvilken udfører det bedste. Brug metrics, der er vigtigst for projektet, såsom konverteringsfrekvens, salg, afvisningsprocent. I slutningen af testen skal du gå med den, der bedst fungerer, og du vil være halvvejs til at have et dokumenteret design.
Der er masser af mobilsimulatorer derude, men hvis du vælger det, skal du sørge for, at du kun bruger den til den første runde af test. For at teste korrekt skal du bruge rigtige enheder. Beg, lån og stjæle om nødvendigt, bare tjek dit websted på så mange rigtige enheder som du kan lægge dine hænder på.
Jo flere klik eller handlinger en bruger skal gøre, desto mindre sandsynligt er de at fuldføre dem. Tillad folk at komme fra punkt A til punkt B med så få klik som muligt. Gør alle aspekter af navigationen og opkaldet til handling utroligt enkelt.
Dette er de vigtigste ting at huske på, når du optimerer en destinationsside til mobil. Husk hele designprocessen at mobilen er et andet medium til pc. Folk har endnu mindre tålmodighed på mobil, fordi de normalt er på farten og ønsker at fuldføre deres opgave med et minimum af travlhed. Langsom belastningstid og uresponsiv interaktion irriterer også mennesker, så tag dig tid til at få dem til det rigtige.
At få det rigtige kan være givende og kunne betyde forskellen mellem webstedet, der klarer sig godt mod konkurrencen og taber besøgende.
Fremhævet billede / miniaturebillede, mobil billede via Shutterstock.