11 steg för att skapa en mobilvänlig webbplats

# Först till kvarn. Om din webbplats nås och visas via en mobil enhet är det bra. Du har dock fortfarande mycket att göra innan den kan förklaras mobilvänlig. Mobilanvändare ska inte bara kunna titta på din webbplats och läsa ditt innehåll, de ska ha tillgång till dess fulla funktionalitet. Antalet användare av mobila enheter har skjutit i höjden under de senaste åren, och de använder dessa enheter för att komma åt internet. Det fanns en tidpunkt då mobilanvändare var glada över att ha funktionerna för sms, e-post, ringa telefonsamtal och surfa lite. Idag förväntar de sig att kunna göra nästan allt de gör på skrivbordet på sina mobila enheter. Detta inkluderar: – Undersöker produkter och tjänster – Tittar på videos – Tittar på bilder och produktbeskrivningar – Handla och göra inköp – Registrera dig för erbjudanden – Konsumerar nyheter och annat innehåll Om besökare på din webbplats märker att de bara kan njuta av en begränsad användarupplevelse, finns det en god chans att de åker någon annanstans. Fortsätt läsa om du vill optimera din webbplats så att den verkligen är mobilvänlig. Dessa 11 steg hjälper dig att komma igång. ##### 1 Eliminera behovet av nypning och tvåhandsnavigering  Här är ett enkelt men väldigt viktigt test som varje webbdesigner bör utföra på varje webbsida som de designar. Öppna webbsidan i fråga på din smartphone. Placera nu den enheten i din föredragna ”telefonhand”. Kan du navigera dig runt på sidan utan att behöva använda din andra hand? Kan du läsa texten utan att behöva nypa och zooma in eller ut, eller utan att rulla? Om du inte kan göra någon av dessa saker är det dags att göra några ändringar. En av de viktigaste bekvämlighetsfaktorerna med att använda en mobil enhet är att det bara kräver att du engagerar dig med en hand. Vad du inte vill göra är att ta bort den bekvämligheten från de människor som du vill köpa dina produkter och tjänster. ##### 2 Fokusera på enkelhet Det kan finnas gott om utrymme och bandbredd för videor, bilder och massor av innehåll på dina datoranvändare, men det är inte fallet för dina mobilanvändare. På grund av detta bör du fokusera på att skapa en ren, enkel design som betonar funktionalitet framför olika funktioner. Tänk på de saker som besökare på din mobilwebbplats vill se och göra i det ögonblick de landar på din startsida. Se till att dessa saker är omedelbart tillgängliga för dem när din webbplats öppnas. Fokusera sedan på sidans laddningstid. Först efter att dessa två saker har åstadkommits bör du överväga om du har plats för en annan funktion eller inte. ##### 3 Använd ett tekniskt ramverk som är responsivt  Ramverk för responsiv design är extremt värdefulla för webbdesigners som är intresserade av att skapa mobilanpassade webbplatser. I huvudsak tillåter verktyg som Bootstrap designers att lägga ut elementen på varje webbsida på ett rutnät. Sedan kan måtten på det rutnätet justeras för en mängd olika skärmstorlekar. Resultatet är att text, ikoner, bilder, knappar etc. är fördelade på det sätt de ska vara. Detta säkerställer att varje användare har en liknande upplevelse oavsett om de använder en stationär, bärbar, smartphone eller surfplatta eller inte. Ännu bättre, du behöver inte ha en separat webbsida för mobilen. ##### 4 Optimera bilder för mobil  Internet för mobilen är helt enkelt långsammare än internet som tillhandahålls av kabel- och telefonbolag och andra tjänsteleverantörer. Två element som verkligen kan påverka detta är videor och bilder. Du vill inte ta bort dessa objekt helt och hållet. När allt kommer omkring älskar mobilanvändare som helhet verkligen visuellt innehåll. Men du vill optimera så mycket du kan. Här är några steg du kan vidta för att förbättra hastigheten och prestanda när du använder bilder: – Servera versioner av bilder med lägre upplösning till användare – Optimera bilder för specifik enhetsstorlek och bildförhållande – Ta hänsyn till JQuery om JavaScript är för krångligt ##### 5 Istället för text när det är möjligt  Ikoner fungerar bra eftersom de i grunden är en form av internetkorthand som vi alla har kommit överens om betyder vissa saker. Till exempel är sociala delningsknappar omedelbart igenkännbara för alla som har använt mobilen under en viss tid. Detsamma gäller knappar för att skicka e-post, ringa eller komma åt webbplatsens meny. Att använda dessa mobilvänliga ikoner hjälper dig att åstadkomma två saker. Först sparar du värdefullt skärmutrymme genom att använda text. Utöver det kommunicerar du också till personer som använder din webbplats att du har tagit dig tid att beakta mobilanvändare i din design. ##### 6 Håll innehållet kort  Detta är ett område där många webbdesigners och innehållsmarknadsförare har lite av ett dilemma. Långformatinnehåll blir mer och mer populärt, särskilt bland beslutsfattare, men det passar helt enkelt inte bra för mobila enheter. Frågan är, är det bättre att begränsa eller eliminera långformat innehåll på mobilen, eller att lägga ut det ändå och låta valet av konsumtion vara upp till användaren? Det bästa sättet att besvara dessa frågor är att ta hänsyn till typiska mobilanvändares beteende. För just din webbplats kan du lita på analyser för att få en uppfattning om vad dina mobilanvändare gör och vad de inte gör. Mobilanvändare tenderar dock att använda sina enheter för att hålla kontakten på sociala medier, nyhetskonsumtion, lyssna på musik, shoppa och läsa innehåll som tenderar att vara mer kortfattat än inte. Nu betyder det inte att långformat innehåll för mobil aldrig bör övervägas. Den har den här platsen. En annan vanlig användning för mobilen är att hitta lösningar på problem. Om du har ett långt innehåll som till exempel kan leda en mobilanvändare genom processen att lösa ett problem, bör du göra det tillgängligt för dem. ##### 7 Gör kontakt- och platsinformation lätt att hitta Om du driver en webbplats som fokuserar på humor, underhållning, nyheter, kuratera trendinnehåll, dejting, eller om du driver en social medieplattform, kan folk gå till din webbplats på sina mobila enheter för att surfa runt. Om inte, är chansen ganska god att en person som drar upp din webbplats på mobilen vill kontakta dig eller ta reda på var du är. Det bästa sättet att hjälpa dem är att göra den informationen tillgänglig för dem så snart din hemsida öppnas. Om du har en tegel- och murbruksplats kanske du vill se till att denna information också finns med på dina målsidor. Om folk surfar in efter att ha svarat på en uppmaning från en av dina annonser vill du inte att de ska behöva gräva runt för att ta reda på exakt var du är. ##### 8 Testa den mobila användarupplevelsen noggrant  Här är de saker du behöver tänka på när det gäller att designa mobilanpassade webbplatser: – Det finns en mängd olika skärmstorlekar – Det finns en mängd olika operativsystem som kör mobila enheter – Användare kan komma åt din webbplats med en mängd olika webbläsare Att ta alla dessa tre fakta i beaktande innebär att det finns flera möjliga kombinationer av operativsystem, skärmstorlek och webbläsarval. Ditt mål, att avsluta ditt nästa webbdesignprojekt, bör vara att testa så många möjliga kombinationer som möjligt så att du kan säkerställa att varje användare får en fantastisk mobilupplevelse. Du kan använda en app som UxRecorder för att hjälpa till med en del av dessa tester. ##### 9 Använd Geolocation  Geolokalisering är extremt användbart för mobilanvändare. Om du implementerar den här tekniken på din webbplats kommer besökarna att kunna hitta butiksplatser nära dem, kartlägga vägbeskrivningar från deras plats till din och kontrollera deras lokala butik för att hitta produkternas tillgänglighet. Som företag kommer du att kunna rikta innehåll specifikt till ett geografiskt område, ge erbjudanden till användare på specifika platser, prissätta artiklar i lokal valuta och uppmuntra användare att checka in eller lägga till sina insikter på sociala medier som delas med plats. ##### 10 Optimera dina formulär för mobilen  Helst bör inga av dina formulär vara överdrivet långa, och du bör inte heller använda dem för att försöka extrahera en massa information från dina användare i marknadsföringssyfte. Det är irriterande och kommer sannolikt att hindra människor från att registrera sig för dina erbjudanden. Med mobilanvändare är detta dubbelt sant. Det är därför det är mycket viktigt att hålla dina formulär korta, intuitiva och se till att de kan fyllas i snabbt. Du kan göra detta genom att bara be om den information du behöver för att ge dem det de registrerar sig för, genom att förse dem med kryssrutor och rullgardinsmenyer och använda deras plats för att fylla i några fält för dem. ##### 11 Uppmuntra feedback Kom ihåg att dina användare inte går i lås med ”andra mobilanvändare” eller någon annan demografi. De är dina kunder och potentiella kunder och de har unika behov och beteenden. Dessa drivs delvis av deras egna preferenser, men också av deras specifika önskemål och behov relaterade direkt till deras användning av din webbplats. Vad betyder det här? Det innebär att du kan skapa en lärobok perfekt, version av en mobilwebbplats som helt enkelt inte fungerar särskilt bra för dina användare. Du kan också utveckla en webbplats som SEO-folk och andra webbdesigners insisterar på att aldrig kommer att fungera för dina användare som absolut uppfyller behoven hos din publik. Det är därför det är så viktigt att få feedback från dina användare. Analyser är underbara, men de är ingen ersättning från att lyssna på vad kunder har att säga. Du kanske kan använda analyser för att fastställa att många människor spenderar tid på en viss sida. Vad analytiker inte kan säga dig är att de är på den sidan av nödvändighet, men hatar hur den är utformad. Ta dig tid att läsa kommentarer som dina besökare skickar till dig och överväg att skapa en omröstning speciellt för mobilanvändare. Du kan sedan använda informationen som du får från dem för att avgöra vad som fungerar bra och vad som bör ses över. #### Slutsats Sluta inte vid enkel mobilkompatibilitet. Dra fördel av det ökande antalet mobilanvändare och skapa en användarupplevelse som verkligen tillgodoser deras önskemål, behov och förväntningar. Mobilanvändare nöjer sig inte längre med att hantera en webbplats som fungerar någorlunda bra på mobilen. De kräver full funktionalitet och funktioner som är designade speciellt för dem. Oavsett om du designar en ny webbplats, eller tar en befintlig tillbaka till ritbordet, kan det vara dags att överväga en mobil första strategi. När allt kommer omkring, är det inte bra att överväga din snabbast växande publik först?