Så mobilanpassar du din webb

Nästan var fjärde svensk äger en smartphone, och de flesta surfar på den. För ett par år sedan var appar ordet för dagen, men nu riktas fokus mot mobila webbplatser. Ingen har snart råd att bortse från mobilsurfandet, som väntas gå om det traditionella surfandet inom ett par år.
Men vad behövs för en lyckad satsning, vilka är fallgroparna och hur går man bäst till väga? W4:s art director Adam Wihlke reder ut begreppen.

Vad är skillnaden mot en app?

En mobil applikation, en app, måste laddas ned till din smartphone. För iPhone betyder det att Apple måste godkänna appen innan den får ta plats i deras App Store. Sedan måste din tänkta målgrupp ladda ned appen. En mobilanpassad webbplats däremot kräver inget mer än en kort kodsträng för att styra om smartphoneanvändaren till den optimerade sajten.

Mobilanpassa? Det går ju att mobilsurfa på vår vanliga sajt?

Ja och nej. Dagens smartphone är väldigt bra på att visa traditionella webbplatser. Få tekniska begränsningar finns, även om iPhone inte visar Flash. Däremot krävs ofta att besökaren känner igen den utzoomade och i mobilen plottriga sajten från tidigare för att hitta vad man söker.

Fungerar den mobila webbplatsen lika på alla smartphones?

Tyvärr inte. Olika operativsystem och olika mobila webbläsare betyder att slutprodukten måste modifieras för att fungera bra överallt. Det kan därför vara bra att välja ut ett eller ett par operativsystem, särskilt om budgeten är begränsad. iOS (iPhone) och Android (HTC/Sony Ericsson/Samsung) dominerar stort den svenska marknaden, med Symbian (Nokia), Windows Phone och BlackBerry OS en bra bit efter.

Måste vi bygga nytt eller kan vi modifiera vår befintliga webb?

Få mobila surfare har samma mål som den traditionella surfaren. Oftast vill du ha kontaktuppgifter, kolla öppettider, hitta till en plats, boka bord… Detta kräver ett helt annat tänk än det som gäller den vanliga webbplatsen. Det första steget är att verkligen förstå vad den mobila användaren behöver för att sedan skala bort allt innehåll, navigation och grafik som inte är kritiskt för att uppnå detta. Webboptimerad grafik kan också se suddig ut på en högupplöst mobilskärm.

Responsive web – för den som har mycket att berätta

Hittills har så gott som alla webbplatser byggts med en fixerad bredd; ett visst antal pixlar. Det har varit praktiskt att arbeta på det sättet, med en bestämd satsyta. Men nu efterfrågas webbplatser som kan skalas om från skrivbordets enorma 28” skärm, via laptopen till läsplattan och mobiltelefonen. Lösningen kallas Responsive Web Design, att utifrån webbläsarens storlek anpassa webbplatsen både grafiskt och innehållsmässigt. Särskilt intressant är det här för tidningar, bloggar och andra aktörer med innehållstunga produkter. En annan fördel är att slippa utveckla och administrera för alla de olika plattformar och mobila enheter som finns idag eller som kommer.

Ok, men vad kostar kalaset?

En vanlig missuppfattning är att mobila webblösningar kostar mycket att utveckla. Det är ett arv efter apparna som generellt sett kräver långt mer utvecklings- och konsulttid än en mobilanpassad webbplats. W4 rekommenderar ofta kunder att börja i liten skala och hellre utveckla sin mobila satsning över tid, än att ta ett för stort grepp från början. W4:s konsulter är vana att se över hur kundens budskap och profil ska anpassas till det lilla, snabba formatet – och att snabbt och kostnadseffektivt översätta det till en mobil lösning.

5 tips för en lyckad mobil satsning

• Optimera. Precis som i webbens barndom är laddtiden en av de viktigaste aspekterna. Hellre enklare grafik och färre bilder än en segladdad sida.

• Renodla budskapet. Den mobila användaren vill ha specifik information, och all information som användaren inte själv bett om bör hållas extremt summarisk.

• Tydlig navigation. Det kan låta som en självklarhet att navigationen ska hållas enkel och tydlig, men på en mobil webbplats är det A och O.

• Rensa. Ofta kan det räcka med kontaktuppgifter och direktlänkar till kartpositionering, telefonnummer, e-post. Kombinera gärna med en bra sökfunktion.

• Behåll ”appkänslan”. En mobil webbplats kan kännas som en app, vilket inte är en nackdel. Låt användaren spara ned en ikon och direktlänk till din sida på sin telefons hemskärm.