Etikettarkiv: responsive

Har du mobilanpassat eller struntar du i dina kunder?

Nyss hemkommen från Chicago och världens största konferens om e-handel – Internet Retailer Conference & Exhibition IRCE – funderar jag över tre siffror.

39%

Den första kommer från rapporten Svensk E-handel 2014 som görs av oss på DIBS och anger hur många konsumenter som avbrutit sitt köp eftersom sajten inte varit mobilanpassad.

58%

Den andra kommer från PostNords E-barometer och anger hur många av Sveriges webbutiker som har mobilanpassat sin sajt.

85%

Den sista siffran kommer just från IRCE och anger hur många av USAs största webbutiker som är mobilanpassade.

Det är tydligt att USA visar vägen när det gäller att tillfredsställa konsumenternas behov.

I vissa åldersgrupper i Sverige avbryter hälften av konsumenterna sina köp eftersom webbutiken inte är mobilanpassad. Då ska du också veta att antalet konsumenter som handlar i mobilen har ökat med 150% de senaste två åren. Idag är det runt 2,5 miljoner svenskar som handlat mobilt.

För mig står det klart att den som inte mobilanpassar sin e-butik inte lever upp till kundernas förväntningar och det innebär att e-butiken förlorar en massa affärer. Trots det är det alltså runt 40% av Sveriges webbutiker som valt att inte mobilanpassa. Du är väl inte en av dom?

responsivecopy2

I nästa bloggpost tänkte jag berätta vilka betalsätt som konsumenterna gillar bäst och om det skiljer sig när de betalar på dator och i mobila enheter.

Patrik Müller, DIBS Payment Services


patrik london invertedramDetta inlägg ingår i en serie bloggposter från vår partner DIBS Payment Services.

Patrik Müller jobbar som e-handelsexpert på DIBS och har 15 års erfarenhet från att hjälpa e-handlare med betalningslösningar på den nordiska och europeiska marknaden. Patrik är en flitigt anlitad föreläsare på konferenser och seminarier.

Visste du att du snabbt kan komma igång med betalningar via oss på Loopia? Teckna ett avtal med DIBS så kan du vara igång inom några dagar. Läs mer om DIBS Account här.

Dela: facebooktwittergoogle_pluslinkedinmail

Valet att logga in i gamla kundzonen tas bort

Idag tar vi bort möjligheten att logga in i vår gamla kundzon. I november 2013 lanserade vi vår nya kundzon i beta-version, och sedan dess har vi arbetat hårt med att vidareutveckla den enligt våra planer och er feedback. Jag vill rikta ett stort TACK till alla er som kommit med förslag på förbättringar och förändringar, det har varit till stor hjälp.

responsive_cz_newsletter

Vi får mycket positiv feedback från er kunder om att den nya kundzonen är enklare att använda, och det är många som uppskattar att den är mobil- och surfplatteanpassad.

Arbetet med att vidareutveckla kundzonen fortsätter löpande, och bara nu under sommaren har vi släppt följande nyheter:

Vi vill även i framtiden få in era tankar och förslag kring vad som kan göras bättre eller vad som saknas. Skicka dina synpunkter till feedback@loopia.se.

Dela: facebooktwittergoogle_pluslinkedinmail

Beställ domännamn eller webbhotell i mobilen eller på surfplattan

Nu är det lika smidigt att beställa domännamn eller webbhotell via mobilen eller surfplattan som med datorn. 

För en tid sedan lanserade vi nya responsiva Loopia.se. Att sidan är responsiv innebär att sajten automatiskt anpassar sig efter storleken på den skärm du besöker den med. Vi ser en tydlig trend bland våra besökare att surfandet via mobiler och surfplattor ökar drastiskt (se statistik). Självklart ville vi ge alla dessa besökare en lika bra upplevelse som de som använder datorn har.

responsive_loopia_se_2

Förutom att själva sidan anpassar sig efter skärmstorleken har vi lagt in små finurligheter som anpassade “fälttyper”, vilket gör att tangentbordet på din mobil anpassar sig efter det fält du ska fylla i. Det underlättar rejält med ett numeriskt tangentbord när du ska fylla i ditt kortnummer vid betalning till exempel (läs om hur du själv kan fixa anpassade fälttyper på din sajt).

falttyper-keyboards

Gör din sajt responsiv

Vi rekommenderar alla att se över möjligheten att bygga om sina sidor med responsive web design. Läs gärna våra bloggartiklar om “responsive web design” och vad du bör tänka på när du anpassar sajten för olika enheter:

Använder du WordPress har du mycket gratis då dess två senaste standardteman, Twenty Eleven och Twenty Twelve, är responsiva. Självklart finns det dessutom gott om ytterligare responsiva teman till WordPress. Du vet väl också att du installerar WordPress på Loopia med bara några klick med vår enkla steg-för-steg-guide i Loopia Kundzon?

…och du, vi arbetar just nu med att även göra Loopia Kundzon och Loopia ÅF-zon responsiva. Håll utkik här på bloggen, Facebook, Twitter eller Google+ så får du veta mer framöver.

Dela: facebooktwittergoogle_pluslinkedinmail

Fälttyper underlättar för mobilbesökaren

Det virtuella tangentbordet på en smartphone med touchskärm har både för- och nackdelar. Troligtvis kan de flesta skriva snabbare på ett fysiskt tangentbord, men å andra sidan kan det virtuella tangentbordet ändra skepnad för att passa den situation du är i.

Detta är något som du som webbutvecklare kan utnyttja genom att ange passande fälttyper för dina formulär.

Om du har ett formulär för kortbetalning kan det vara smidigt att låta det numeriska tangentbordet poppa upp för besökaren när kortnumret ska fyllas i. Det gör du genom att ange type=”number” i input-taggen enligt följande:

<input type="number" name="cardnr" />

Numeriskt tangentbord på iPhone till vänster och Android till höger.

Det numeriska tangentbordet ser olika ut beroende på om du har t ex en iPhone eller Android (se bilden nedan), och personligen föredrar jag att använda type=”tel” istället då detta fungerar bättre för de som använder iPhone. Beroende på vilka tecken besökaren behöver tillgång till kan detta dock vara fel, så prova dig fram.

Några av de fälttyper du kan ange:

  • number – Numeriskt tangentbord.
  • tel – En variant av det numeriska tangentbordet för telefonnummer (som faktiskt funkar bättre än “number” på en iPhone om du endast är ute efter siffror).
  • url – Visar tangentbord med knappar som “.”, “/” och “.com”.
  • email – Ser till att bl a “.” och “@” är lättillgängliga.
  • date – Plockar fram en datumväljare.

För att se alla fälttyper och hur du använder dem besök gärna w3schools.com.

Kompatibilitet

De flesta moderna webbläsare har stöd för många av fälttyperna, och om de inte har stöd så kommer de att agera som type=”text”. Med andra ord får alla besökare med kompatibla webbläsare en bättre upplevelse, och de utan märker inga konstigheter.

Vill du se vilka webbläsare som stödjer vad, ta gärna en titt på Caniuse.com som vi tipsat om tidigare. Informationen är tyvärr inte fullständig, så det bästa är att prova sig fram.

Stäng av autokorrigering

För att ytterligare förbättra formulärupplevelsen för de besökare med iOS (iPhone/iPad) så kan du stänga av autokorrigering och automatisk stor bokstav i början av ord i de fält du önskar.

Har du till exempel ett inloggningsformulär kan det vara superirriterande om telefonen hela tiden försöker rätta ditt användarnamn genom att sätta stor bokstav i början och köra rättstavning.

<input type="text" name="username" autocorrect="off" autocapitalize="off" />

Har du fler tips på hur man enkelt kan förenkla för mobilbesökaren? Tipsa gärna i kommentarerna.

Dela: facebooktwittergoogle_pluslinkedinmail