Det är inte längre nödvändigt att understryka vikten av att förbereda din webbplats för mobil. Den mobila revolutionen är den enskilt största förändringen i webens korta historia. Den enda frågan är om smarta telefon- och surfplattbrukare kommer att utgöra mer än hälften av din publik i år eller nästa.
Med tanke på detta är optimering av dina målsidor för mobil nu en viktig process för alla designer. Det behöver dock inte vara svårt, det finns en enkel checklista som du kan köra igenom för att säkerställa att din webbplats är klar för mobila webbläsare:
En webbplatss förmåga att skala till olika enheter är avgörande. Det finns tusentals enheter där ute, så det är inte praktiskt att välja några representativa skärmstorlekar.
Det accepterade svaret på detta är lyhörd webbdesign, vissa människor hävdar att adaptiv är bättre, andra människor hävdar att adaptiv är samma sak. Dessa argument är egentligen semantiska, den nedersta linjen är att du har möjlighet att göra din webbplats på alla enheter, nuvarande eller framtida. Att misslyckas med att göra det skulle vara oansvarigt.
Ett viktigt övervägande: Se till att din webbplats skalar rätt i porträtt och landskap.
Självklart erbjuder mobilen mycket mindre utrymme för att passa innehållet på en målsida. Helst ska du hålla rubrikerna korta, korta, till punkten och runt tre till fyra ord. På samma sätt hålla sidan så ledig som möjligt, med ett lågt antal länkar och högst en bild, om det är möjligt.
Ställ in innehåll i punktpunkter så att ögat kan ta det lätt, utan att behöva pausa och knyta. Skapa också ett tydligt anrop till handling för att fresta besökaren att besöka resten av webbplatsen. Det borde ge något slags incitament och kan vara lika enkelt som en knapp som tillåter besökare att ringa verksamheten, särskilt användbar för lokala företag som också använder platstjänster.
Något som 75% av sökarna gör en åtgärd på sina sökresultat inom en timme, så det är lätt att se varför ett uppmaning till handling ska vara starkt. Lägg också anropet till någonstans nära toppen av sidan, så att det är en av de första sakerna som den mobila besökaren ser.
Ja, storleksanpassar egentligen materia-filstorlek, det är. En målsida bör alltid vara snabb att ladda, speciellt en som kommer att nås via en mobilenhet.
Det finns ingen bestämd regel - ju snabbare desto bättre - men som en allmän guide, om din målsida tar längre tid än 3 eller 4 sekunder att ladda, börjar du förlora många användare.
Helst bör din sida vara extremt lätt, under 20 kilobytes. Bilder tar mycket tid att ladda och så bör hållas till ett absolut minimum. Håll all din kod snygg och städa, använd bildsprites om det behövs, och använd CSS istället för bilder där det är möjligt.
Tänk på hur många begäranden som görs till servern, såväl som filstorlek. Vanligtvis ger dessa förfrågningar mer av en fördröjning än den faktiska filhämtningen.
Mobila användare är ofta på språng, så använd platstjänster. Anpassa målsidan för att vara relevant för lokala användare och erbjuda incitament till dem också. Du kan till exempel anpassa innehåll till den lokala filialen i en butik.
Beroende på projektets storlek och omfattning kan du också anpassa själva kärninnehållet till platsen.
Att kunna läsa vad som finns på skärmen är viktigt, vilket är anledningen till att mindre är mer. Om du inte kan läsa texten med telefonen hållen vid armlängden måste den vara större. Du är verkligen begränsad för utrymme.
Gör inte användarna oändligt rulla heller, annars kommer de sig att bli uttråkad snabbt och fortsätta. Ja, människor har en kort uppmärksamhet på Internet, mycket kortare än när man läser en tidning eller bok, så allt du gör måste gripa uppmärksamheten omedelbart.
Någonting som kan klickas på din målsida borde passera tumtestet. Om det inte enkelt kan klickas med tummen, ska du ompröva det. Pad länkar att lämna så mycket utrymme runt dem som möjligt, och lämna gott om utrymme mellan länkar. Detta kommer att minska risken att användaren tappar fel länkar och lämnar frustration.
Plugins kan användas för att säkerställa att bilder enkelt kan swipas, men att inte lägga till bilder på målsidan rekommenderas inte exakt.
Om du lägger ett formulär på målsidan, håll det väldigt enkelt och ta inte upp mycket utrymme. Blanketter som kräver mycket inmatning är off-putting och uppnår en lägre konverteringsfrekvens än enkla former. Så lägg till så få fält som möjligt.
Återigen blir folk uttråkad snabbt, så att de ger dem en lång form att fylla i kommer att göra dem mer benägna att överge platsen.
Navigering ska vara enkel och okomplicerad. Håll knapparna till ett minimum och se till att de passerar tumtestet. Försök lägga till knappar till olika delar av sidan så att en logisk sökväg kan följas.
Testa din landningssida noggrant för att säkerställa att den fungerar effektivt på mobilen. Överväga A / B-testning , vilket i vissa fall har visat sig öka ledningen med upp till 40%.
Med ett A / B-test skulle du skapa två designer på samma sida, A och B. Trafiken är sedan uppdelad mellan varje design för att se vilken som utför bäst. Använd mätvärden som är viktigast för projektet, t.ex. omvandlingsfrekvens, försäljning, avvisningsfrekvens. Vid slutet av testet, gå med den som utför bäst, och du kommer att vara halvvägs för att ha en beprövad design.
Det finns många mobilsimulatorer där ute, men vem du väljer väljer du bara att använda den för den första testrundan. För att testa korrekt måste du använda riktiga enheter. Börja, låna och stjäla om det behövs, kolla bara din webbplats på så många riktiga enheter som du kan lägga på dina händer på.
Ju fler klick eller åtgärder en användare måste göra, desto mindre sannolikt är de att slutföra dem. Låt människor komma från punkt A till punkt B med så få klick som möjligt. Gör varje aspekt av navigationen och uppmaningen till handling oerhört enkel.
Det här är de viktigaste sakerna att tänka på när du optimerar en målsida för mobilen. Kom ihåg under designprocessen att mobilen är ett annat medium till datorn. Människor har ännu mindre tålamod på mobil eftersom de vanligtvis är på språng och vill slutföra sin uppgift med ett minimum av väsen. Långsamma lastningstider och oförsvarlig interaktion irriterar också människor, så ta dig tid att få dem rätt.
Att få det rätt kan vara givande och kan betyda skillnaden mellan webbplatsen som går bra mot tävlingen och att förlora besökare.