7 måter å tilpasse innhold for bedre mobil UX

Begynnelsen på et flott design starter med innhold. For å få mest mulig ut av en fantastisk mobil UX, kan det hende at innholdet må gjennomgå noen få justeringer og endringer.

Men hvor begynner du? Hvordan skal innhold tilpasses for å fungere sømløst på mobile enheter? Det starter med å tenke på hvordan brukerne samhandler med mindre skjermer, og hvordan det påvirker hva (og hvor mye!) De vil lese.

1. Én tanke per skjerm

Når du kobler sammen innhold for mobile enheter, kan du prøve å planlegge elementer slik at det er en gjennomgang per skjerm. Selv om telefoner ser ut til å være på vei mot større størrelser igjen, ikke la deg friste til å stappe mye informasjon på skjermen!

Én tanke per skjerm er nok. Noe mer, og du risikerer å overvelde brukeren.

Brukere av mobilenheter pleier å være flere oppgaver. De ser på nettstedet ditt mens de snakker med en venn mens de deltar på et baseballkamp. Ved å holde meldingen og innholdet enkelt og direkte, har du en bedre sjanse for at en enkelt tanke blir kommunisert.

Men hvordan ser en tanke ut? Det er en blokk med tekst, bilder og handlinger som alle er bundet sammen. Innholdsgruppen bør be brukerne ta et valg: vil du gjøre dette?

2. Prioriter navigering

Det bør være en håndfull ting som brukere pleier å gjøre, eller som du vil at de skal gjøre, når de besøker den mobile (responsive) versjonen av nettstedet ditt. Forsikre deg om at det er enkel å følge navigering som får brukere til disse elementene raskt.

Selv om en meny med ti navigasjonsalternativer med flere nivåer kan fungere på skrivebordssiden din, blir mobilbrukere ofte mer tidspresset. De har ingen intensjoner om å pirke rundt på siden før de finner noe.

Navigasjonen må være enkel og strømlinjeformet. Hvis du ikke er sikker på hvor du skal begynne, ta en titt på mobilanalyseanalysen din. Hva er de tre beste eller fire sidene du besøker? Faller disse sidene i tråd med hva du forventer? Du har funnet de viktigste navigasjonselementene slik at du kan justere mobilinnhold deretter.

3. Tenk som en søkemotor

Ikke spill algoritmen. Lag kvalitetsinnhold som brukerne vil lese.

Enten du får ti sidevisninger om dagen, eller millioner, vil du tenke som en søkemotor når det kommer til innhold på mobile enheter. Hvert ord, bilde og litt innhold må være raskt og søkbart. Men ikke spill algoritmen. Lag kvalitetsinnhold som brukerne vil lese.

Når det gjelder mobil, kan dette bety å parre noen innholdselementer. I stedet for tre bilder på hjemmesiden, velg for eksempel det viktigste bildet. Ikke veie ned mobilsiden din; netthastigheter og Wi-Fi blir bedre hele tiden, men noen brukere vil slite med tilkoblinger, og nettstedet ditt må fortsatt være tilgjengelig.

Du kan sjekke hastighetene på mobilen med dette praktfulle verktøyet fra Google, som hjelper deg å holde alt godt optimalisert.

4. Gjør teksten større

Mindre skjermer skal ikke bety mindre tekst . Du bør faktisk øke poengstørrelsene for å gjøre innhold lettere å lese og fordøye. Ta en titt på kroppskopien din og velg en størrelse som tillater 30 til 40 tegn per linje. (Dette er omtrent halvparten av det som anbefales for stasjonære skjermer.)

Det er andre triks for å gjøre tekst mer lesbar på små skjermer. Du kan finne dem i en tidligere Design Shack-artikkel om tips for å utforme bedre mobil typografi.

5. Skriv meningsfull mikrokopi

Stor mikrokopi - teksten i elementer som knapper - kan lage eller ødelegge designen. Mikrokopi kan gi personlighet og gnist til designen. Den formidler også mye informasjon og hjelper brukere å finne veien rundt designen.

Spesielt på mobile enheter bør du vurdere å lage mikrokopi litt større enn normalt, og bruk den alltid i former for å hjelpe brukerne til å vite nøyaktig hva de skal gjøre.

Tenk på vanlige problemer du for eksempel får når du betaler for noe på telefonen din. Skjemaet kan spenne over flere skjermer eller ruller; veiledning av mikrokopi kan gjøre det mye enklere å fylle ut alt på riktig måte første gang. (En sentral komponent i konvertering av handlinger fra mobile brukere.)

6. Fjern unødvendige effekter for mobil

Fjern alt du ikke trenger for mobildesign.

Spinnende animasjoner og parallax-rullefunksjoner ser fantastiske ut på nettsteder på skrivebordet, men kan ødelegge for mobile versjoner. Fjern alt du ikke trenger for mobildesign. Du vil at alt skal lastes raskt og sømløst; animasjoner som kanskje eller ikke fungerer, kommer i veien for å koble til en bruker umiddelbart.

En annen effekt du kan strippe ut? Hover-effekter. Det er ikke noe som heter en svevetilstand for berøringshandlinger.

Effektiviser den mobile brukeropplevelsen med en lettforståelig trykkfunksjon (for å erstatte klikk) som har en åpenbar tilbakemelding. Du vil ikke at brukere skal stille spørsmål ved om en handling fant sted; det skal alltid være åpenbart.

7. Tilpass deg skalaen

Ingenting er mer frustrerende enn å lande på en mobil responsiv side der alt er lite. Poenget med å ha en mobil design er å gjøre nettstedet mer tilgjengelig for brukere på mindre enheter. Du må tilpasse innhold til den skalaen.

Noen ganger er tilpasning av innholdet bare en omorganisering av deler.

• Bokser som ble stilt opp over skjermen på skrivebordet, kan være stablet loddrett på en mobil enhet.
• Bilder er beskåret mer firkantet eller vertikalt basert på den dominerende retningen for mobilbruk (vertikal).
• Teksten redigeres og trimmes for kortfattethet.
• Navigering blir gjenbrukt og plassert på et annet sted.
• Oppfordring til handling blir gjort til større nesten skjermstore elementer.
• Alle knapper og tappelementer er plassert på steder som er lett tilgjengelige, basert på hvordan brukerne holder telefonene sine.

Konklusjon

Er du klar til å revurdere noe av innholdet på nettstedet ditt? Hvis du bygde et responsivt nettsted og bare antok at alt ville konvertere mobilbrukere, er det på tide å evaluere den mobile delen av designet. Sjansen er stor for at det er rom for små innholdsendringer som virkelig kan endre måten brukerne interagerer med designet.

Dette er en viktig del av designprosessen. Ta en titt på analysene dine. Hvilken prosentandel av brukerbasen din får tilgang til designen på en mobil enhet? Hvis du ikke gjør justeringer for å imøtekomme deres behov, kan du fremmedgjøre et stort segment av brukerbasen din uten at du mener å fornærme dem.