På senare tid har det vart mycket prat om mobilanpassning av hemsidor. Det verkar som alla företag ska ha någon typ av anpassning av sin hemsida.
Idag finns det tre populära sätt skapa en mobilanpassad hemsida. Oavsätt om det gäller en normal webbplats, ebutik eller blogg.
Mobilanpassad hemsida med mobilmall
Det vanligaste sättet är att använda olika mallar för olika enheter. Dvs att alla som kommer in med en mobil enhet ser en speciell mall som är mer anpassad för mobila enheter som smartphones och surfplattor.
Fördelarna är att det ofta finns färdiga mallar som man snabbt kan installera, särskilt om du använder ett CMS (publiceringsverktyg) som t.ex. Wordpress, Drupal eller Joomla.
Problemet är att besökaren ofta blir begränsad och inte kan använda hemsidan som en besökare som kommer in på hemsidan via en dator. De flesta mallar visar ofta endast text. Sen är denna metod inte särskilt framtidssäker då det hela tiden kommer nya enheter som kanske kräver andra mallar.
Mobilanpassad hemsida med hjälp av appar
Appbommen börjar avta, men fortfarande ska en de företag absolut ha en app. Trots att det många gånger är både enklare, billigare och smartare att välja en annan lösning. Jag tycker personligen bara man ska använda appar när man har någon typ av funktion, databas eller liknande som är viktig för kunden och som kommer användas om och om igen. I dessa fall kan det vara smidigare för besökaren eller användaren om man utvecklar en app.
Fördelarna är att det ofta är enklare att använda en app om man har funktioner på hemsidan som är viktiga för besökarna. T.ex. databaser eller liknande som exempelvis blocket.se.
Problemen här är att det ofta är dyrt att ta fram en app. Dels måste man ta fram en till Iphone, en till Android och en till Windows phone etc. Dessutom finns det begränsningar även här.
Mobilanpassad hemsida med responsive design
Slutligen ska vi prata lite kort om responsive design som just nu är det hetaste sättet att skapa en mobilanpassad hemsida. Responsive design eller responsive webbdesign... eller på svenska "anpassad webbdesign" är ett sätt att anpassa sin hemsida med hjälpa av CSS.
Man kodar hemsidan så den känner av vilken enhet besökaren använder, dvs om det är en smartphone, surfplatta eller dator. Därefter anpassas hemsidans utseende för besökarens enhet. Vi ska inte gå in på det tekniska här men fördelen med denna typ av lösning är att den är smart och framtidssäker. Du behöver inte flera mallar, du kan använda samma mall till alla enheter och bara anpassa den med hjälp av css. Du använder en css för smartphones, en för surfplattor osv. Kommer det en ny enhet så kan du relativt enkel skapa en ny css för den. Men CSSen kan du helt enkelt välja att visa innehållet på olika sätt beroende på enhet. Du kan läsa mer om Responsive design och se exempel här (klicka på länken till vänster).
