Mobile First: Att designa för mobilen i första hand

Att surfa på mobilen är idag en självklarhet – både i soffan, på bussen och framför datorn (!). Det märks inte minst hos oss på Loopia, där antalet mobilbesökare ökar för varje månad som går. Men vad innebär det egentligen för dig som har en hemsida? Och varför bör du tänka ”Mobile First” när du bygger din hemsida? Här reder vi ut varför det här tänket är så viktigt och hur du enkelt kommer igång.

Varför Mobile First är viktigt nu

Den mobila trenden: Fler besökare via mobilen

Det är ingen nyhet att mobilanvändandet fullkomligt exploderat de senaste åren och att mobilen är förstahandsvalet för många som surfar på nätet. Samma sak ser vi hos Loopia, där allt fler besökare hittar till våra sajter via mobilen. Och det gäller garanterat även din egen hemsida.

Att ha en mobilanpassad hemsida är därför inte längre en bonus, det är en självklarhet.

Fördelarna: Prioritering och fokus

Att designa med mobilen i åtanke tvingar dig att prioritera vad som faktiskt är viktigast på sajten. På en liten skärm finns inte plats för allt och det är just därför Mobile First fungerar så bra. Du får automatiskt ett större fokus på:

• tydlig struktur
• relevant innehåll
• snabb laddtid

Det blir helt enkelt lättare för besökaren att hitta det hen söker oavsett skärmstorlek.

Hur tänker man Mobile First?

Börja med det viktigaste innehållet

Många av oss är vana att bygga hemsidor för stora datorskärmar. Då är det lätt att falla för frestelsen att trycka in allt innehåll på startsidan. Men bara för att det finns plats betyder det inte att allt hör hemma där. Varför skulle prioriteringen vara annorlunda bara för det finns mer skärmutrymme?

Börja därför med att tänka till, göra undersökningar och använda besöksstatistik för att reda ut vad besökaren i första hand är ute efter när de kommer till din sajt. Ge sedan besökaren den information eller de funktioner den är ute i den prioritetsordningen. Detta kommer att ge ett bättre resultat och mer nöjda användare av din sajt oavsett vilken typ av enhet de använder.

Förstå den mobila användarens situation (Inte bara “på språng”)

Det är lätt att tro att mobilanpassade sajter bara ska visa info som behövs “i farten”. Men sanningen är att vi använder mobilen överallt – i soffan, vid frukostbordet, i sängen, och till och med när vi sitter framför en dator. Och vi vill ha all information tillgänglig, inte komma till en nedbantad mobilsajt där vi inte får svar på det vi söker.

Med rätt design kan du anpassa innehållet efter besökarens situation. Driver du till exempel en restaurang? Då kan en klickbar adress och telefonnummer visas direkt. Har du en butik? Lyft fram öppettider och kontaktuppgifter tydligt.

Kom igång eller lär dig mer

Vill du komma igång med en mobilanpassad hemsida? Då är det bara att dyka in i våra smarta hemsidesverktyg – de är byggda med responsiv design och Mobile First-tänk i åtanke.

• Läs mer om våra hemsidesverktyg här

Och om du vill fördjupa dig ytterligare rekommenderar vi boken Mobile First av Luke Wroblewski – en av källorna till det här inlägget.

Har du egna tips på bra läsning eller sajter inom ämnet? Dela gärna med dig i kommentarerna!