Inledningen av en bra design börjar med innehåll. För att få ut det mesta av en mobil mobil UX kan innehållet behöva genomgå några tweaks och ändringar.
Men var börjar du? Hur ska innehåll anpassas för att fungera sömlöst på mobila enheter? Det börjar med att tänka på hur användarna interagerar med mindre skärmar, och hur det påverkar vad (och hur mycket!) De vill läsa.
1. En tanke per skärm
När du kollapsar innehåll för mobila enheter, försök att planera element så att det finns en genom bildskärmen. Även om telefoner tycks vara trendiga mot större storlekar igen, låt dig inte frestas att fånga mycket information på skärmen!
En tanke per skärm är tillräckligt. Något mer och du riskerar att överväldiga användaren.
Användare av mobila enheter tenderar att vara multi-taskers. De tittar på din webbplats medan du pratar med en vän när du deltar i ett basebollspel. Genom att hålla budskapet och innehållet enkel och direkt, du har en bättre chans att en enda tanke blir kommunicerad.
Men vad tänker en tanke ut? Det är ett block av text, bildspråk och handlingsbart element som alla är bundna ihop. Innehållskategorin bör be användare att göra ett val: vill du göra det här?
2. Prioritera navigering
Det ska finnas en handfull saker som användare brukar göra, eller att du vill att de ska göra, när de besöker den mobila (responsiva) versionen av din webbplats. Se till att det är lätt att följa navigering som snabbt får användarna till dessa element.
Medan en meny med tio navigeringsalternativ med flera nivåer kan fungera på skrivbordssidan, är mobila användare ofta mer tidspressade. De har ingen avsikt att poke runt platsen tills de hittar något.
Navigering måste vara enkel och effektiviserad. Om du inte är säker på var du ska börja, ta en titt på din mobilanvändaranalys. Vilka är de tre eller fyra besökta sidorna? Blir dessa sidor i linje med vad du förväntar dig? Du har hittat de viktigaste navigeringselementen så att du kan justera mobilinnehållet i enlighet med detta.
3. Tänk som en sökmotor
Spela inte algoritmen. Skapa kvalitetsinnehåll som användare vill läsa. Oavsett om du får tio sidvisningar per dag, eller miljoner, vill du tänka som en sökmotor när det gäller innehåll på mobila enheter. Varje ord, bild och lite innehåll måste vara snabb och sökbar. Men spela inte algoritmen. Skapa kvalitetsinnehåll som användare vill läsa.
När det gäller mobil kan det här innebära att man kopplar samman vissa innehållsdelar. I stället för tre bilder på hemsidan, till exempel, välj det viktigaste fotot. Väg inte ner din mobila webbplats webhastigheter och Wi-Fi blir bättre hela tiden, men vissa användare kommer att kämpa med anslutningar och din webbplats behöver fortfarande vara tillgänglig.
Du kan kontrollera hastigheter på mobilsidor med detta smarta verktyg från Google, vilket hjälper dig att hålla allt väl optimerat.
4. Gör texten större
Mindre skärmar bör inte betyda mindre text. Du borde faktiskt öka punktstorlekarna för att göra innehållet lättare att läsa och smälta. Ta en titt på din kroppskopia och välj en storlek som tillåter 30 till 40 tecken per rad. (Det här är ungefär hälften av det som rekommenderas för skrivbordsskärmar.)
Det finns andra knep för att göra texten mer läsbar på små skärmar också. Du hittar dem i en tidigare Design Shack-artikel om tips för att utforma bättre mobil typografi.
5. Skriv meningsfull mikroskopi
Stor mikroskopi - texten inuti element som knappar - kan göra eller bryta designen. Mikrokopi kan lägga till personlighet och gnista mot designen. Det ger också mycket information och hjälper användarna att hitta sin väg runt designen.
I synnerhet på mobila enheter anser man att mikroskopi är lite större än normalt och använder det alltid i formulär för att hjälpa användarna att veta exakt vad de ska göra.
Tänk på vanliga problem du stöter på när du betalar för något på din telefon, till exempel. Formen kan spänna över flera skärmar eller rullar; guidande mikrokopi kan göra det mycket lättare att fylla allt i rätt första gången. (En nyckelkomponent för att konvertera åtgärder från mobila användare.)
6. Ta bort onödiga effekter för mobilen
Strip ut allt du inte behöver för mobila mönster. Spinning animationer och parallax rullning funktioner ser fantastiskt på skrivbordet webbplatser, men kan mosa ner mobila versioner. Strip ut allt du inte behöver för mobila mönster. Du vill ha allt att ladda snabbt och smidigt animeringar som kanske kan fungera får sätt att ansluta till en användare omedelbart.
En annan effekt som du kan ta bort? Höger effekter. Det finns ingen sådan sak som en svävarstat för beröringsåtgärder.
Effektivisera den mobila användarupplevelsen med en lättförståelig kranfunktionalitet (för att ersätta klick) som har en uppenbar del av feedback. Du vill inte att användarna ska ifrågasätta om en åtgärd ägde rum det borde alltid vara uppenbart.
7. Anpassa till skalan
Ingenting är mer frustrerande än landning på en mobil mottagningsplats där allt är litet. Punkten att ha en mobil design är att göra webbplatsen mer tillgänglig för användare på mindre enheter. Du måste anpassa innehållet till den skalaen.
Ibland är anpassningen av innehållet bara en omläggning av delar.
- Lådor som fanns uppe över skärmen på skrivbordet kan staplas vertikalt på en mobil enhet.
- Bilderna beskärs mer kvadratiskt eller vertikalt baserat på den dominerande orienteringen av mobilanvändning (vertikal).
- Texten redigeras och trimmas för korthet.
- Navigering återställs och placeras på en annan plats.
- Samtal till handling görs till större nästan skärmstorlek.
- Alla knappar och knappar är placerade i lätta att nå platser, baserat på hur användarna håller sina telefoner.
Slutsats
Är du redo att ompröva något av innehållet på din webbplats? Om du byggde en mottaglig webbplats och bara antagit att allt skulle konvertera mobila användare, är det dags att utvärdera den mobila delen av designen. Chansen är att det finns plats för små innehållsändringar som verkligen kan förändra hur användarna interagerar med designen.
Detta är en viktig del av designprocessen. Ta en titt på dina analyser. Vilken procentandel av din användargränssnitt kommer åt designen på en mobilenhet? Om du inte gör anpassningar för att tillgodose deras behov, kan du alienera ett stort segment av din användarbas utan att innebära att de förolämpar dem.