11 trinn for å lage et mobilvennlig nettsted
Første ting først. Hvis nettstedet ditt åpnes og vises via en mobilenhet, er det flott. Du har imidlertid fortsatt mye arbeid å gjøre før den kan erklæres mobilvennlig.
Ikke bare skal mobilbrukere kunne se på nettstedet ditt og lese innholdet ditt, de skal ha tilgang til full funksjonalitet.
Antallet brukere av mobilenheter har skutt i været de siste årene, og de bruker disse enhetene for å få tilgang til internett. Det var et tidspunkt da mobilbrukere var glade for å ha funksjonaliteten til å sende tekstmeldinger, e-poster, ringe telefoner og gjøre litt begrenset surfing. I dag forventer de å kunne gjøre nesten alt de gjør på skrivebordet på sine mobile enheter. Dette inkluderer:
- Undersøker produkter og tjenester
- Ser på videoer
- Ser på bilder og produktbeskrivelser
- Handle og gjøre kjøp
- Registrerer deg for tilbud
- Forbruker nyheter og annet innhold
Hvis besøkende på nettstedet ditt legger merke til at de bare kan nyte en begrenset brukeropplevelse, er det en god sjanse for at de går andre steder.
Hvis du ønsker å optimalisere nettstedet ditt slik at det virkelig er mobilvennlig, fortsett å lese. Disse 11 trinnene vil hjelpe deg å komme i gang.
Her er en enkel, men veldig viktig test som hver webdesigner bør utføre på hver nettside de designer. Åpne den aktuelle nettsiden på smarttelefonen din. Plasser nå den enheten i din foretrukne «telefonhånd». Kan du navigere deg rundt på siden uten å måtte bruke den andre hånden? Kan du lese teksten uten å måtte knipe og zoome inn eller ut, eller uten å rulle? Hvis du ikke kan gjøre noen av disse tingene, er det på tide å gjøre noen endringer.
En av de viktigste bekvemmelighetsfaktorene ved å bruke en mobilenhet er at den bare krever at du engasjerer deg med én hånd. Det du ikke ønsker å gjøre er å ta den bekvemmeligheten bort fra personene du ønsker å kjøpe produktene og tjenestene dine.
2 Fokuser på enkelhet
Det kan være god plass og båndbredde for videoer, bilder og mye innhold på skrivebordsbrukerne, men det er ikke tilfelle for mobilbrukerne. På grunn av dette bør du fokusere på å skape et rent, enkelt design som legger vekt på funksjonalitet fremfor ulike funksjoner. Tenk på tingene som besøkende på mobilnettstedet ditt vil ønske å se og gjøre i det øyeblikket de lander på startsiden din. Sørg for at disse tingene er umiddelbart tilgjengelige for dem når nettstedet ditt åpnes. Deretter fokuserer du på sidens lastetid. Først etter at disse to tingene er oppnådd, bør du vurdere om du har plass til en annen funksjon eller ikke.
3 Bruk et teknologisk rammeverk som er responsivt
Responsive designrammer er ekstremt verdifulle for webdesignere som er opptatt av å lage mobilvennlige nettsider. I hovedsak lar verktøy som Bootstrap designere legge ut elementene til hver nettside på et rutenett. Deretter kan dimensjonene til rutenettet justeres for en rekke skjermstørrelser. Resultatet er at tekst, ikoner, bilder, knapper osv. er fordelt slik de skal være. Dette sikrer at hver bruker har en lignende opplevelse uavhengig av om de bruker en stasjonær, bærbar PC, smarttelefon eller nettbrett. Enda bedre, du trenger ikke å vedlikeholde en egen nettside for mobil.
4 Optimaliser bilder for mobil
Internett for mobil er ganske enkelt tregere enn internett som tilbys av kabel- og telefonselskaper og andre tjenesteleverandører. To elementer som virkelig kan påvirke dette er videoer og bilder. Du vil ikke fjerne disse elementene helt. Tross alt elsker mobilbrukere som helhet virkelig visuelt innhold. Du ønsker imidlertid å optimalisere så mye du kan. Her er noen få trinn du kan ta for å forbedre hastigheten og ytelsen når du bruker bilder:
- Vis versjoner av bilder med lavere oppløsning til brukere
- Optimaliser bilder for spesifikk enhetsstørrelse og sideforhold
- Ta hensyn til JQuery hvis JavaScript er for uhåndterlig
5 I stedet for tekst når det er mulig
Ikoner fungerer bra fordi de egentlig er en form for internettkorthånd som vi alle har blitt enige om betyr visse ting. For eksempel er sosiale deleknapper umiddelbart gjenkjennelige for alle som har brukt mobil i en hvilken som helst periode. Det samme gjelder knapper for å sende e-post, ringe eller få tilgang til nettstedets meny.
Å bruke disse mobilvennlige ikonene hjelper deg med å oppnå to ting. Først sparer du verdifull skjermplass over bruk av tekst. I tillegg til det, kommuniserer du også til folk som bruker nettstedet ditt at du har tatt deg tid til å vurdere mobilbrukere i designet ditt.
6 Hold innholdet kort
Dette er et område der mange nettdesignere og innholdsmarkedsførere har litt av et dilemma. Langt innhold blir mer og mer populært, spesielt blant beslutningstakere, men det passer rett og slett ikke godt for mobile enheter. Spørsmålet er, er det bedre å begrense eller eliminere langformatinnhold på mobil, eller å legge det ut der uansett og overlate valget av forbruk opp til brukeren? Den beste måten å svare på disse spørsmålene på er å ta hensyn til typisk mobilbrukeratferd.
For akkurat ditt nettsted kan du stole på analyser for å få en ide om hva mobilbrukerne gjør og hva de ikke gjør. Imidlertid har mobilbrukere en tendens til å bruke enhetene sine for å holde kontakten på sosiale medier, nyhetsforbruk, lytte til musikk, handle og lese innhold som har en tendens til å være mer kortform enn ikke. Nå betyr ikke dette at langformatinnhold for mobil aldri bør vurderes. Den har denne plassen. En annen vanlig bruk for mobil er å finne løsninger på problemer. Hvis du har et stykke langformatinnhold som for eksempel kan lede en mobilbruker gjennom prosessen med å løse et problem, bør du gjøre det tilgjengelig for dem.
7 Gjør kontakt- og stedsinformasjon lett å finne
Hvis du driver et nettsted som fokuserer på humor, underholdning, nyheter, kuratere trendinnhold, dating, eller du driver en sosial medieplattform, kan folk gå til nettstedet ditt på sine mobile enheter for å surfe rundt. Hvis ikke, er sjansen stor for at en person som henter nettstedet ditt på mobil ønsker å kontakte deg eller finne ut hvor du er. Den beste måten å hjelpe dem på er å gjøre den informasjonen tilgjengelig for dem så snart hjemmesiden din åpnes.
Hvis du har en murstein og mørtel plassering, kan det være lurt å sørge for at denne informasjonen også er inkludert på landingssidene dine. Hvis folk surfer inn etter å ha svart på et handlingsfremmende uttrykk fra en av annonsene dine, vil du ikke at de skal måtte grave rundt for å finne ut nøyaktig hvor du er.
8 Test den mobile brukeropplevelsen grundig
Her er tingene du må vurdere når det gjelder å designe mobilvennlige nettsteder:
- Det finnes en rekke skjermstørrelser
- Det finnes en rekke operativsystemer som kjører mobile enheter
- Brukere kan få tilgang til nettstedet ditt ved hjelp av en rekke nettlesere
Å ta alle disse tre fakta i betraktning betyr at det er flere mulige kombinasjoner av operativsystemer, skjermstørrelse og nettleservalg. Målet ditt, å fullføre ditt neste webdesignprosjekt, bør være å teste så mange mulige kombinasjoner som mulig slik at du kan sikre at hver bruker får en flott mobilopplevelse. Du kan bruke en app som UxRecorder for å hjelpe med noe av denne testingen.
9 Bruk geolokalisering
Geolokalisering er ekstremt nyttig for mobilbrukere. Hvis du implementerer denne teknologien på nettstedet ditt, vil besøkende kunne finne butikksteder i nærheten av dem, kartlegge veibeskrivelser fra deres plassering til din, og sjekke deres lokale butikk for produkttilgjengelighet. Som bedrift vil du kunne målrette innhold spesifikt til et geografisk område, gi tilbud til brukere på bestemte steder, prise varer i lokal valuta og oppmuntre brukere til å sjekke inn eller legge til innsikt på sosiale medier som er delt på plassering.
10 Optimaliser skjemaene dine for mobil
Ideelt sett bør ingen av skjemaene dine være for lange, og du bør heller ikke bruke dem til å prøve å trekke ut en haug med informasjon fra brukerne dine for markedsføringsformål. Det er irriterende og vil sannsynligvis hindre folk i å registrere seg for tilbudene dine. Med mobilbrukere er dette dobbelt sant. Dette er grunnen til at det er veldig viktig å holde skjemaene dine korte, intuitive og sørge for at de kan fylles ut raskt.
Du kan gjøre dette ved å bare be om informasjonen du trenger for å gi dem det de registrerer seg for, ved å gi dem avmerkingsbokser og rullegardinmenyer, og bruke deres plassering til å fylle ut noen felt for dem.
11 Oppmuntre til tilbakemelding
Husk at brukerne dine ikke går i lås med «andre mobilbrukere» eller andre demografiske grupper. De er dine kunder og potensielle kunder, og de har unike behov og atferd. Disse er delvis drevet av deres egne preferanser, men også av deres spesifikke ønsker og behov knyttet direkte til deres bruk av nettstedet ditt.
Hva betyr dette? Det betyr at du kan lage en lærebok perfekt, versjon av et mobilnettsted som rett og slett ikke fungerer særlig godt for brukerne dine. Du kan også utvikle et nettsted som SEO-folk og andre webdesignere insisterer på aldri vil fungere for brukerne dine som absolutt oppfyller behovene til publikum.
Det er derfor det er så viktig å få tilbakemeldinger fra brukerne dine. Analytics er fantastisk, men de er ingen erstatning for å lytte til hva kundene har å si. Du kan kanskje bruke analyser for å finne ut at mange mennesker bruker tid på en bestemt side. Det analyser ikke kan fortelle deg er at de er på den siden av nødvendighet, men hater måten den er utformet på. Ta deg tid til å lese kommentarer som de besøkende sender til deg, og vurder å lage en meningsmåling spesielt for mobilbrukere. Du kan deretter bruke informasjonen du får fra dem til å finne ut hva som fungerer bra og hva som bør overhales.
Konklusjon
Ikke stopp ved enkel mobilkompatibilitet. Dra nytte av det økende antallet mobilbrukere og skap en brukeropplevelse som virkelig tilfredsstiller deres ønsker, behov og forventninger. Mobilbrukere er ikke lenger fornøyd med å forholde seg til nettsider som fungerer rimelig bra på mobil. De krever full funksjonalitet og funksjoner som er designet spesielt for dem.
Enten du designer en ny nettside, eller tar en eksisterende tilbake til tegnebordet, kan det være på tide å vurdere en mobil først-strategi. Tross alt, er det ikke en god forretning å vurdere det raskest voksende publikummet først?