Etikettarkiv: responsive

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.

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.

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.