Det er ikke lenger nødvendig å understreke viktigheten av å forberede nettstedet ditt for mobil. Den mobile revolusjonen er den eneste største forandringen i nettets korte historie. Det eneste spørsmålet er om smarttelefon- og nettbrettbrukere vil utgjøre mer enn halvparten av publikum i år eller neste.
Med dette i betraktning er optimalisering av destinasjonssidene for mobil nå en viktig prosess for alle designere. Det trenger ikke å være vanskelig, men det er en enkel sjekkliste som du kan løpe gjennom for å sikre at nettstedet ditt er klart for mobile nettlesere:
Evnen til et nettsted til å skalere til ulike enheter er avgjørende. Det er tusenvis av enheter der ute, så det er ikke praktisk å velge noen få representative skjermstørrelser.
Det aksepterte svaret på dette er responsivt webdesign, noen argumenterer for at adaptiv er bedre, andre argumenterer for at adaptiv er den samme. Disse argumentene er egentlig semantiske, den nederste linjen er at du har muligheten til å gjøre nettstedet ditt til en hvilken som helst enhet, nåværende eller fremtidig. Å unnlate å gjøre det ville være uansvarlig.
En viktig vurdering: Kontroller at nettstedet ditt skaleres riktig i portrett og landskap.
Selvfølgelig tilbyr mobil mye mindre plass til å passe inn innhold på en destinasjonsside. Ideelt sett, hold overskrifter kort, kortfattet, til punktet og rundt tre til fire ord. På samme måte kan du holde siden så ledig som mulig, med lavt antall lenker og maksimalt ett bilde, hvis det er mulig.
Sett innhold i kulepoeng slik at øyet kan ta det lett, uten å måtte pause og skli. Lag også et klart tiltak for å friste den besøkende til å besøke resten av nettstedet. Det bør gi noen form for insentiv og kunne være så enkelt som en knapp som gjør det mulig for besøkende å ringe virksomheten, spesielt nyttig for lokale bedrifter som også bruker stedstjenester.
Noe som 75% av søkerne foretar seg til søkeresultatene innen en time, så det er lett å se hvorfor en oppfordring skal være sterk. Legg også anropet til handling et sted nær toppen av siden, slik at det er en av de første tingene mobile besøkende ser.
Ja, størrelsen betyr egentlig ikke-filstørrelse, det vil si. En destinasjonsside bør alltid være rask å laste, spesielt en som skal nås via en mobil enhet.
Det er ingen sett regel - jo raskere jo bedre - men som en generell veiledning, hvis destinasjonssiden tar mer enn 3 eller 4 sekunder å laste, begynner du å miste mange brukere.
Ideelt sett bør siden din være ekstremt lett, under 20 kilobytes. Bilder tar mye tid å laste og så bør holdes til et absolutt minimum. Hold all koden din fin og ryddig, bruk bildet sprites hvis nødvendig, og bruk CSS i stedet for bilder der det er mulig.
I tillegg til filstørrelsen, tenk på antall forespørsler som blir gjort til serveren; Vanligvis vil disse forespørslene føre til mer forsinkelser enn selve filnedlastingen.
Mobilbrukere er ofte på farten, så bruk plasseringstjenester. Skred destinasjonssiden til å være relevant for lokale brukere, og gi incitamenter til dem også. Du kan for eksempel tilpasse innhold til en lokal gren av en butikk.
Avhengig av prosjektets størrelse og omfang, kan du også tilpasse kjernen innholdet til stedet.
Å kunne lese hva som er på skjermen er viktig, noe som er grunnen til at mindre er mer. Hvis du ikke kan lese teksten med telefonen holdt i armlengde, må den være større. Du er virkelig begrenset til plass.
Ikke la brukerne uendelig rulle enten, ellers vil de kjede seg raskt og gå videre. Ja, folk har kort oppmerksomhet på Internett, mye kortere enn når du leser et magasin eller en bok, så alt du gjør må gripe oppmerksomhet med en gang.
Alt som kan klikkes på destinasjonssiden din, bør bestå av tommelfingerprøven. Hvis det ikke enkelt kan klikkes med tommelen, bør du tenke på det på nytt. Pad linker å legge så mye plass rundt dem som mulig, og la rikelig plass mellom linker. Dette vil redusere sjansene for at brukeren taper feil koblinger og forlater frustrasjonen.
Plugins kan brukes til å sikre at bilder enkelt kan swipes, men det er ikke akkurat anbefalt å sette bilder på destinasjonssiden.
Hvis du legger et skjema på destinasjonssiden, må du holde det veldig enkelt, og ikke ta opp mye plass. Skjemaer som krever mye innspill, er off-putting og oppnår en lavere konverteringsfrekvens enn enkle skjemaer. Så legg til så få felt som mulig.
Igjen kjeder folk seg raskt, slik at de gir dem en lang form for å fylle ut, vil gjøre dem mer sannsynlig å forlate stedet.
Navigasjon bør være enkel og grei. Hold knappene på et minimum, og sørg for at de passerer tommelprøven. Prøv å legge til knapper til forskjellige områder av siden, slik at en logisk bane kan følges.
Test test målsiden din grundig for å sikre at den fungerer effektivt på mobilen. Ta i betraktning A / B testing , som har vist seg å øke lederne med opptil 40% i noen tilfeller.
Med en A / B-test vil du opprette to design på samme side, A og B. Trafikk deles deretter mellom hvert design for å se hvilket som gjør det beste. Bruk beregninger som er de viktigste for prosjektet, for eksempel konverteringsfrekvens, salg, avvisningshastighet. På slutten av testen, gå med den som utfører best, og du vil være halvveis til å ha en bevist design.
Det er mange mobilsimulatorer der ute, men hvis du velger det, må du bare bruke den til første runde med tester. For å teste riktig må du bruke ekte enheter. Beg, lån og stjele om nødvendig, sjekk ut nettstedet ditt på så mange virkelige enheter som du kan legge hendene på.
Jo flere klikk eller handlinger en bruker må gjøre, desto mindre sannsynlig er de å fullføre dem. La folk komme fra punkt A til punkt B med så få klikk som mulig. Gjør alle aspekter av navigasjonen og oppfordringen til handling utrolig enkel.
Dette er de viktigste tingene å huske på når du optimaliserer en destinasjonsside for mobil. Husk gjennom designprosessen at mobilen er et annet medium til PC. Folk har enda mindre tålmodighet på mobil fordi de vanligvis er på farten og ønsker å fullføre oppgaven med et minimum av oppstyr. Sakte lastetider og uforsvarlig interaksjon irriterer også folk, så ta deg tid til å få dem riktig.
Å få det riktig kan være givende og kunne bety forskjellen mellom nettstedet som går bra ut mot konkurransen og å miste besøkende.