Under en tid har alla som är intresserade av sökmotoroptimering säkerställt att en mobilversion av deras hemsida var tillgänglig för att de annars riskerade att ångra Google-algoritmen. Men i motsats till så många andra trender i SEO-världen visar forskning att mobilanvändning inte saktar ner, även om många av de så kallade mobilvänliga webbplatserna är en smärta att använda. Det är inte bara mobila vyer som växer, de blåser upp. Forskning från Statista uppskattar att mängden webbtrafik år 2019 kommer att ligga runt 24,3 Exabyte, upp från 4,2 Exabyte 2015.
Bara för att du förstår gravitationen är Exabyte lika med 1 miljard Gigabyte.
Trots att bevis visar att besökare använder sina mobila enheter för att surfa på webben, utformar inte alla med mobilanvändaren i åtanke. Enligt Nielsen-Norman-gruppen:
... det finns fler smartphone-användare över hela världen än stationära och bärbara användare [men] användbarheten hos mobila webbplatser och applikationer ligger fortfarande bra bakom användbarheten hos stationära webbplatser.
Naturligtvis vill inte alla alla ha en mobilwebbplats som bara är tillräckligt bra för Google. De vill att deras besökare ska ha en positiv upplevelse när de landar på deras hemsida, eller en som de designade för en kund. Så de anpassar sina konstruktioner i enlighet därmed.
De flesta människor knyter mobilwebben med lyhörd webbdesign eftersom det har varit buzzword kastat runt olika bloggar och presentationer under en tid nu. Men lyhörd webbdesign är inte den enda strategin, och det är inte alltid det bästa tillvägagångssättet. Det bästa valet är baserat på hur du vill att dina besökare ska interagera med innehållet på din webbplats.
Med hjälp av mediefrågor för att ändra visningen av webbplatsen baserat på skärmstorleken är detta ett flytande tillvägagångssätt för att designa för flera enheter. Du designar en gång och litar på CSS för att skala skärmen utifrån skärmen.
Detta tillvägagångssätt bygger på statiska sidor avsedda för olika brytpunkter. När skärmstorleken detekteras visas den lämpliga layouten. Här måste du utforma olika layouter för att rymma olika skärmstorlekar. Vanligtvis är sex layouter byggda för de vanligaste bredderna: 320, 480, 760, 960, 1200, 1600.
Det här är när du bygger en iOS-, Android- eller Windows-app som är utformad för att servera ditt webbinnehåll till mobilanvändare.
Du skulle vara svårt att hitta en hemsida dessa dagar som inte erbjuder någon form av användarinteraktion. Det kan vara en företagswebbplats som samlar in information från potentiella kunder, en e-handelsplats som är byggd för shopping eller en webbplats som tillåter besökare att checka in till en händelse eller plats. I alla fall måste användaren tillhandahålla information, göra val och tryckknappar och du måste komma in i tanken att saker på en mobil enhet är olika.
Till att börja med fokusera på viktiga funktioner. Det kan kräva lite omläggning från din sida, eller du kan behöva klippa tillbaka på några av de element du ville inkludera. Detta kommer inte bara att bidra till att minska rodnad, men det kommer att tillåta större knappar och andra element som större fingrar kan ha svårt att engagera sig i. När det är möjligt, minska behovet av att skriva in text. De kan ha ett tangentbord på skärmen, men vi vet alla att det finns en hög felfrekvens när du använder dessa och funktioner som autokorrigering eller textförutsägning kan bli ganska frustrerande. Förstå också att det finns en bra chans att en mobil besökare kan bli avbruten eller förlora sin anslutning. Ju mindre de måste göra om de slutar, desto mindre frustration kommer de att känna.
För SEO-ändamål har många designers utbildats genom åren för att integrera komplexa navigationsmenyer i sitt arbete så att sökmotorns spindlar kan indexera allt. Med allt tillgängligt från navigeringsmenyn ser du också till att dina besökare kan hitta vad de letar efter. Men för den mobila besökaren gör de här överväldigande menyerna verkligen svårare navigering och en korrekt skapad webbplatskarta skickar sökrobotarna där du behöver dem att gå.
I stället för långa listor med menyalternativ, behåll valen till högst sex, så mobila besökare behöver inte försöka rulla ner för att se allt medan man försöker hålla en meny öppen. Också eliminera undermenyerna. Den lilla + tecknen på att du förväntar dig att användare klickar på att expandera alternativen är verkligen svårt att knacka om inte de använder en pekskärm. Apples UI Design Basics säger att det genomsnittliga fingeret kräver 44 pixlar kvar åt höger och upp och ner. Design med det rummet i åtanke.
Trenden på webbplatsen för enstaka sidor är också att tänka på här. Designad med mobil besökare i åtanke, tillåter den här tekniken att besökaren bläddrar igenom din webbplats och hittar allt de behöver på en långsida. Denna typ av design glömmer allt om vikten, eftersom mobila användare är bekväma att sippra genom innehåll för att hitta vad de behöver.
När du tänker på dina mobila besökare, blir du ombedd att lämna ut en hel del. Men vad du aldrig ska offra är anledningen till att du har en hemsida i första hand. Se till att din branding är konsekvent, om du behöver din logotyp för att förbli framstående, använd sedan rätt mängd fastigheter för att visa den. Om din webbplats är tung på innehåll, se till att dina mobila användare har tillgång till allt. Att dölja innehåll från mobila skärmar straffar i huvudsak besökare för att inte vara på en helskärm.
Som webbdesigners är vi vana vid trender i vår bransch. Varje år finns listor som introducerar oss till de senaste fads och metoder som vi bör vara uppmärksamma på. Att designa för den mobila användaren är inte en av dem. Det är verkligheten där vår bransch går och de fortsätter att lägga till fler skärmstorlekar för att vi ska arbeta med så det finns verkligen ingen storlek som passar alla tillvägagångssätt som du kan ta.
Du, din organisation, dina kunder och andra intressenter måste bestämma vad som är viktigt och strukturera dina webbplatser runt dessa element. Men tänk på vad som är viktigt för dina besökare eftersom det är vad som räknas. Användarupplevelse borde aldrig handla om vad vi tycker är bäst eller vad vi vill se. Vi kan inte tvinga människor till att ha en bra upplevelse när de besöker våra sidor. Istället måste vi titta på att ge dem vad de vill ha, på ett sätt som är lätt för dem att få tillgång till.
Så innan vi letar efter checklistor eller guider som berättar för oss vad en bra användarupplevelse är, ta dig tid att tänka på vad vi måste säga och vad våra besökare vill höra.