For noen tid har alle som er opptatt av søkemotoroptimalisering, sørget for at en mobilversjon av nettstedet deres var tilgjengelig, fordi de ellers løp risikoen for å angre på Google-algoritmen. Likevel, i motsetning til så mange andre trender i SEO-verdenen, viser forskning at mobilnettbruk ikke avtar, selv om mange av de såkalte mobilvennlige nettstedene er en smerte å bruke. Ikke bare er mobile visninger voksende, de blåser opp. Forskning fra Statista anslår at mengden webtrafikk i 2019 vil være rundt 24,3 Exabyte, opp fra 4,2 Exabyte i 2015.
Bare for å forsikre deg om at du forstår gravitasjonen, er en Exabyte lik 1 milliard Gigabyte.
Til tross for bevis som viser at besøkende bruker sine mobile enheter til å surfe på nettet, designer ikke alle med mobilbrukeren i tankene. Ifølge Nielsen-Norman-gruppen:
... det er flere smarttelefonbrukere over hele verden enn bærbare og bærbare brukere [men] brukervennligheten av mobile nettsteder og applikasjoner er fortsatt godt bak brukervennligheten av skrivebordssider.
Selvfølgelig, ikke alle ønsker en mobil nettside som bare er god nok til Google. De vil at de besøkende skal ha en positiv opplevelse når de lander på deres nettside, eller en som de har designet for en kunde. Så tilpasser de sine design tilsvarende.
De fleste forbinder mobilnett med responsivt webdesign fordi det har vært buzzword kastet rundt forskjellige blogger og presentasjoner for en tid nå. Men responsiv webdesign er ikke den eneste strategien, og det er ikke alltid den beste tilnærmingen. Det beste valget er basert på hvordan du vil at de besøkende skal samhandle med innholdet på nettstedet ditt.
Ved hjelp av medieforespørsler for å endre visningen av nettstedet basert på skjermstørrelsen, er dette en flytende tilnærming til å designe for flere enheter. Du designer en gang og stole på CSS for å skalere skjermen basert på skjermen.
Denne tilnærmingen er avhengig av statiske sider designet for forskjellige bruddpunkter. Når skjermstørrelsen oppdages, vises riktig layout. Her må du designe forskjellige oppsett for å imøtekomme ulike skjermstørrelser. Vanligvis er seks layouter bygget for de vanligste breddene: 320, 480, 760, 960, 1200, 1600.
Dette er når du bygger en iOS-, Android- eller Windows-app utviklet for å betjene webinnholdet til mobilbrukere.
Du vil bli presset hardt for å finne et nettsted i disse dager som ikke gir noen form for brukerinteraksjon. Det kan være et bedriftsnettsted som samler inn informasjon fra potensielle kunder, et e-handelsområde som er bygget for shopping, eller et nettsted som gjør det mulig for besøkende å sjekke inn på et arrangement eller sted. I alle fall må brukeren gi informasjon, velge og trykke på knapper, og du må komme inn i tankene at ting på en mobil enhet er forskjellige.
Til å begynne med, fokus på viktige funksjoner. Dette kan kreve noe omorganisering fra din side, eller du må kanskje kutte på noen av elementene du ønsket å inkludere. Ikke bare vil dette bidra til å redusere rot, men det vil tillate større knapper og andre elementer som større fingre kan ha vanskelig å engasjere seg med. Når det er mulig, reduser behovet for at brukerne skriver inn tekst. De kan ha et tastatur på skjermen for å bruke, men vi vet alle at det er høy feilfrekvens når du bruker disse og funksjoner som autokorreksjon eller tekstforutsigelse, kan bli ganske frustrerende. Også forstå at det er en god sjanse for at en mobil besøkende kan bli avbrutt eller miste forbindelsen. Jo mindre de må gjenta hvis de går ut, jo mindre frustrasjon de kommer til å føle.
For SEO-formål har mange designere blitt opplært gjennom årene for å inkludere komplekse navigasjonsmenyer i arbeidet deres, slik at søkemotorens edderkopper kan indeksere alt. Å ha alt tilgjengelig fra navigasjonsmenyen, sørger også for at de besøkende kan finne det de leter etter. Men for den mobile besøkende, gjør disse overveldende menyene faktisk navigering vanskeligere, og et skikkelig opprettet nettstedskart vil sende søkemotorens crawlers hvor du trenger dem til å gå.
I stedet for lange lister over menyelementer, hold valgene til ikke mer enn seks, så mobile besøkende ikke trenger å prøve å bla ned for å se alt mens de prøver å holde en meny åpen. Fjern også undermenyene. Det lille + tegn på at du forventer at brukere klikker for å utvide alternativene, er veldig vanskelig å trykke, med mindre de bruker en pekepenn. Apples Grunnleggende grensesnitt for design sier at den gjennomsnittlige fingeren krever 44 piksler igjen til høyre og opp og ned. Design med den plassen i tankene.
Trenden på nettsidens nettside er noe å vurdere her også. Designet med mobile besøkende i tankene, lar denne teknikken besøkende å bla gjennom nettstedet ditt og finne alt de trenger på en langside. Denne typen design glemmer alt om folden, siden mobilbrukere har det komfortabelt å sveipe gjennom innhold for å finne det de trenger.
Når du tenker på de mobile besøkende, blir du bedt om å gå ut ganske mye. Men det du aldri bør ofre er grunnen til at du har et nettsted i utgangspunktet. Sørg for at merkevaren din forblir konsekvent, hvis du trenger din logo for å forbli fremtredende, bruk deretter riktig mengde fast eiendom for å vise det. Hvis nettstedet ditt er tungt på innhold, må du sørge for at mobilbrukere har tilgang til alt. Skjul innhold fra mobile skjermer straffer i hovedsak besøkende for ikke å være på fullskjerm.
Som webdesignere er vi vant til trender i vår bransje. Hvert år er det lister som introduserer oss til de siste fads og metodene som vi bør være oppmerksom på. Design for den mobile brukeren er ikke en av disse. Det er virkeligheten av hvor vår bransje går, og de fortsetter å legge til flere skjermstørrelser for at vi skal jobbe med, så det er virkelig ingen størrelse som passer til alle tilnærminger som du kan ta.
Du, din organisasjon, dine kunder og andre interessenter må finne ut hva som er viktig og strukturere nettstedene dine rundt disse elementene. Men tenk på hva som er viktig for dine besøkende fordi det er det som teller. Brukeropplevelsen bør aldri være om hva vi synes er best eller hva vi ønsker å se. Vi kan ikke tvinge folk til å ha en god opplevelse når de besøker våre sider. I stedet må vi se på å gi dem det de ønsker, på en måte som er lett for dem å få tilgang til.
Så før vi ser etter sjekklister eller guider som forteller oss hva en god brukeropplevelse er, ta deg tid til å tenke på hva vi må si og hva våre besøkende vil høre.