7 manieren om inhoud aan te passen voor een betere mobiele UX
Het begin van een geweldig ontwerp begint met inhoud. Om het beste uit een geweldige mobiele UX te halen, moet de inhoud mogelijk een paar aanpassingen en wijzigingen ondergaan.
Maar waar begin je? Hoe moet inhoud worden aangepast om naadloos te werken op mobiele apparaten? Het begint met na te denken over de manier waarop gebruikers omgaan met kleinere schermen en hoe dat van invloed is op wat (en hoeveel!) Ze willen lezen.
1. Een gedachte per scherm
Probeer bij het samenvouwen van inhoud voor mobiele apparaten elementen zo te plannen dat er een per scherm is. Ook al lijken telefoons weer te neigen naar grotere formaten, laat u niet verleiden om veel informatie op het scherm te proppen!
Eén gedachte per scherm is genoeg. Nog meer en je riskeert de gebruiker te overweldigen.
Gebruikers van mobiele apparaten zijn meestal multitaskers. Ze kijken naar uw website terwijl ze met een vriend praten terwijl ze een honkbalwedstrijd bijwonen. Door de boodschap en inhoud eenvoudig en direct te houden, heb je meer kans dat een enkele gedachte wordt gecommuniceerd.
Maar hoe ziet één gedachte eruit? Het is een blok tekst, beeld en actiegericht element die allemaal met elkaar verbonden zijn. De groep inhoud zou gebruikers moeten vragen om één keuze te maken: wil je dit doen?
2. Geef prioriteit aan navigatie
Er moeten een handvol dingen zijn die gebruikers geneigd zijn te doen of die u wilt dat ze doen wanneer ze de mobiele (responsieve) versie van uw website bezoeken. Zorg ervoor dat er gemakkelijk te volgen navigatie is die gebruikers snel naar die elementen leidt.
Hoewel een menu met tien navigatie-opties met meerdere niveaus mogelijk op uw desktopsite werkt, hebben mobiele gebruikers vaak meer tijd nodig. Ze zijn niet van plan om rond te snuffelen op de site totdat ze iets vinden.
Navigatie moet eenvoudig en gestroomlijnd zijn. Als u niet zeker weet waar u moet beginnen, bekijk dan uw mobiele gebruikersanalyse. Wat zijn de top drie of vier bezochte pagina's? Vallen deze pagina's in lijn met wat u verwacht? U hebt de belangrijkste navigatie-elementen gevonden, zodat u mobiele inhoud hierop kunt aanpassen.
3. Denk als een zoekmachine
Speel het algoritme niet. Maak inhoud van hoge kwaliteit die gebruikers willen lezen. Of u nu tien paginaweergaven per dag of miljoenen ontvangt, u wilt denken als een zoekmachine als het gaat om inhoud op mobiele apparaten. Elk woord, elke afbeelding en elk stukje inhoud moet snel en doorzoekbaar zijn. Maar speel het algoritme niet. Maak inhoud van hoge kwaliteit die gebruikers willen lezen.
Als het op mobiel aankomt, kan dit betekenen dat sommige inhoudselementen worden verkleind. Kies bijvoorbeeld niet de drie afbeeldingen op de startpagina, maar de belangrijkste foto. Belemmer uw mobiele site niet; websnelheden en wifi worden steeds beter, maar sommige gebruikers zullen moeite hebben met verbindingen en uw website moet nog steeds toegankelijk zijn.
U kunt mobiele paginasnelheden controleren met deze handige tool van Google, waarmee u alles goed geoptimaliseerd kunt houden.
4. Maak de tekst groter
Kleinere schermen mogen geen kleinere tekst betekenen. U moet de puntgrootte eigenlijk vergroten om de inhoud gemakkelijker te lezen en te verteren. Bekijk je lichaamstekst en kies een formaat dat 30 tot 40 tekens per regel toelaat. (Dit is ongeveer de helft van wat wordt aanbevolen voor desktopschermen.)
Er zijn nog andere trucs om tekst ook op kleine schermen leesbaarder te maken. Je kunt die vinden in een vorig Design Shack-artikel over tips voor het ontwerpen van betere mobiele typografie.
5. Schrijf zinvolle microcopie
Geweldige microcopy - de tekst in elementen zoals knoppen - kan het ontwerp maken of breken. Microcopy kan persoonlijkheid en vonk toevoegen aan het ontwerp. Het brengt ook veel informatie over en helpt gebruikers hun weg te vinden in het ontwerp.
Overweeg vooral op mobiele apparaten om microcopy iets groter dan normaal te maken en gebruik het altijd in formulieren om gebruikers te helpen precies te weten wat ze moeten doen.
Denk bijvoorbeeld aan veelvoorkomende problemen die u tegenkomt bij het betalen voor iets op uw telefoon. Het formulier kan over meerdere schermen of scrolls lopen; geleidende microcopie kan het een stuk eenvoudiger maken om alles de eerste keer correct in te vullen. (Een belangrijk onderdeel bij het converteren van acties van mobiele gebruikers.)
6. Verwijder onnodige effecten voor mobiel
Verwijder alles wat u niet nodig heeft voor mobiele ontwerpen. Draaiende animaties en parallax-scrollfuncties zien er geweldig uit op desktopwebsites, maar kunnen mobiele versies vertragen. Verwijder alles wat u niet nodig heeft voor mobiele ontwerpen. U wilt dat alles snel en naadloos wordt geladen; animaties die al dan niet werken, belemmeren het onmiddellijk verbinden met een gebruiker.
Nog een effect dat je kunt verwijderen? Hover effecten. Er bestaat niet zoiets als een zweeftoestand voor aanraakacties.
Stroomlijn de mobiele gebruikerservaring met een gemakkelijk te begrijpen tikfunctionaliteit (om een klik te vervangen) die duidelijk feedback geeft. U wilt niet dat gebruikers zich afvragen of er een actie heeft plaatsgevonden; het moet altijd duidelijk zijn.
7. Aanpassen aan schaal
Niets is frustrerender dan landen op een mobiel reagerende site waar alles klein is. Het doel van een mobiel ontwerp is om de website toegankelijker te maken voor gebruikers op kleinere apparaten. Je moet de inhoud aanpassen aan die schaal.
Soms is het aanpassen van de inhoud slechts een herschikking van onderdelen.
- Dozen die op een desktop over het scherm zijn opgesteld, kunnen verticaal op een mobiel apparaat worden gestapeld.
- Foto's worden meer vierkant of verticaal bijgesneden op basis van de dominante oriëntatie van mobiel gebruik (verticaal).
- Tekst wordt voor beknoptheid bewerkt en bijgesneden.
- Navigatie krijgt een nieuwe bestemming en wordt op een andere locatie geplaatst.
- Oproepen tot actie worden omgezet in grotere elementen van bijna schermformaat.
- Alle knoppen en tikelementen zijn geplaatst op gemakkelijk bereikbare locaties, gebaseerd op de manier waarop gebruikers hun telefoon vasthouden.
Gevolgtrekking
Ben je klaar om een deel van de inhoud op je website te heroverwegen? Als je een responsieve website hebt gebouwd en er vanuit ging dat alles mobiele gebruikers zou bekeren, dan is het tijd om het mobiele deel van het ontwerp te evalueren. De kans is groot dat er ruimte is voor kleine inhoudsveranderingen die de manier waarop gebruikers met het ontwerp omgaan echt kunnen veranderen.
Dit is een essentieel onderdeel van het ontwerpproces. Bekijk uw analyses. Welk percentage van uw gebruikers heeft toegang tot het ontwerp op een mobiel apparaat? Als u geen aanpassingen maakt om aan hun behoeften te voldoen, zou u een groot deel van uw gebruikersbestand kunnen vervreemden zonder de bedoeling hen te beledigen.
