ݺߣ

ݺߣShare a Scribd company logo

Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - SiteVision

•
•
SiteVision AB
SiteVision AB

I en samlad infografik ger vi dig fakta och 6 tips för att välja responsiv webbdesign till din webbplats. En hint: Nästan 80% av Sveriges befolkning surfar med sin telefon dagligen.

1 of 14
Download to read offline
RESPONSIV I en värld med allt fler digitala kanaler blir det allt viktigare att anpassa webbinnehållet så att besökarna får en så optimal upplevelse som möjligt närsomhelst varsomhelst. WEBBDESIGN Fakta och 6 tips för att välja
DET ÄR DAGS ATT GE MOBIL WEBB LITE KÄRLEK! MILJARDER 5,1 miljarder av världens befolkning på 7,1 miljarder har nu en mobiltelefon. 5,1
Källa: Svenskarna och internet Andel av Sveriges befolkning (16-55) som surfar via smarttelefon dagligen Av de som surfar (16-55) via sin smarta telefon är kvinnor Var tredje svensk har tillgång till en läsplatta 31%78% 55% Andel av Sveriges befolkning (12-79) som har en mobiltelefon 96%
VAD ÄR RESPONSIV WEBBDESIGN?
Responsiv webbdesign är en metod där webbpubliceringsverktyg- och gränssnittsdesign utformas för att med automatik anpassas till användarens webbläsare oberoende av skärmstorlek, plattform, typ av enhet eller orientering.
VARFÖR ÄLSKAR GOOGLE RESPONSIV WEBB? En url/webbadress och samma html-källkod för alla typer av enheter gör det enkelt för Google att ”spindla” och indexera innehållet på din webbplats! En källkod! Ett innehåll! Webbstandard CSS3 och HTML En www-adress på flera enheter </>
EGENSKAPER SOM BYGGER RESPONSIV WEBB Gör din layout flexibel! Använd flexibla kolumner för att organisera innehåll och relativa bredder istället för fixerade för att anpassa layouten till aktuell skärmstorlek och enhet. Anpassa dina bilder för de webbenheter som din målgrupp använder. Optimera brytpunkter och bildformat för bästa möjliga upplevelse.
OLIKA UPPLEVELSE PÅ OLIKA ENHETER OCH SKÄRMAR Mobila menyer Olika enheters skärmupplösning ger olika brytpunkter med olika behov av layoutmallar
<320px: Äldre knapptelefoner med webbläsare Mobila menyer <480px: Första generationens smartphones <768px: Senaste high-end smartphones och stående läsplattor >768px: Allt större än 768px - stora läsplattor, notebooks >1024px: Full desktop Olika enheters skärmupplösning ger olika brytpunkter med olika behov av layoutmallar
RESPONSIV DESIGN 6 TIPS FÖR ATT BÖRJA! • En mobil besökare överger din webbsida om den inte levererar rätt upplevelse inom 2 sek. • En responsiv webb med optimerade bilder, tydlig layout och snabb svarstid ger besökare som stannar kvar. Öka antalet besökare som stannar kvar! 1 2 • En responsiv webbplats hittas lättare av Google och förbättrar din SEO-rating. • Responsiv webb är effektivare att länka till som landningssida i marknadsaktiviteter. Öka antalet besökare som hittar dig!
• Gör ditt intranät med responsiv webbdesign och få fler engagerade medarbetare som snabbare och enklare kan samarbeta. Öka tillgängligheten på din arbetsplats! 3 • En enhetlig och tydlig ”mobile first”-design ger maximal upplevelse på alla enheter, i alla webbläsare och skapar en positiv bild av ditt varumärke och webbplats. Öka värdet på ditt varumärke! 4 Öka antalet sociala kontakter! 5
• Majoriteten av dina besökares surfande sker före och efter arbetstid via sina smartatelefoner och läsplattor. Nå ut och starta en dialog! Öka antalet sociala kontakter! 5 • Designa och bygg en gång! Minska behovet av resurser och fokusera på ”Mobile first” och en layout som klarar alla enheter och webbläsare. • Välj ett webbpubliceringsverktyg som har stöd för responsiv design baserat på moderna ramverk. Minska dina utvecklingskostnader! 6
MOBILA ARBETSPLATSER GER BÄTTRE ENGAGEMANG! 61% Desktop Webb Intranätbesök under en månad Ej Mobil Webb Mobil Webb Två tredjedelar av intranätbesöken via mobil sker innan och efter arbetstid 100% 56% 14% 30% Företag med mobilanpassade sociala intranät får mer än 50% högre engagemang i uppgifter som kan genomföras på mobil. Källa: imgZine White paper ”Employee engagement” 2013
www.sitevision.se Företag med mobilanpassade sociala intranät får mer än 50% högre engagemang i uppgifter som kan genomföras på mobil. Om SiteVision: SiteVision AB är ett svenskt produktföretag som utvecklar en modern plattform för webbpublicering (CMS) anpassad för responsiv design och sociala intranät. Plattformen används av tusentals webbplatser och intranät i Sverige och internationellt. Till kunderna hör företag, myndigheter och organisationer, och över 140 svenska kommuner. Bland kunderna finns Scania, SBAB Bank, Verisure, Skatteverket, Arbetsförmedlingen och Sveriges Kungahus. Verket följer Creative Common Erkännande - Dela Lika: http://creativecommons.org/licenses/by-sa/2.5/se/

More Related Content

Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - SiteVision

  • 1. RESPONSIV I en värld med allt fler digitala kanaler blir det allt viktigare att anpassa webbinnehållet så att besökarna får en så optimal upplevelse som möjligt närsomhelst varsomhelst. WEBBDESIGN Fakta och 6 tips för att välja
  • 2. DET ÄR DAGS ATT GE MOBIL WEBB LITE KÄRLEK! MILJARDER 5,1 miljarder av världens befolkning på 7,1 miljarder har nu en mobiltelefon. 5,1
  • 3. Källa: Svenskarna och internet Andel av Sveriges befolkning (16-55) som surfar via smarttelefon dagligen Av de som surfar (16-55) via sin smarta telefon är kvinnor Var tredje svensk har tillgång till en läsplatta 31%78% 55% Andel av Sveriges befolkning (12-79) som har en mobiltelefon 96%
  • 5. Responsiv webbdesign är en metod där webbpubliceringsverktyg- och gränssnittsdesign utformas för att med automatik anpassas till användarens webbläsare oberoende av skärmstorlek, plattform, typ av enhet eller orientering.
  • 6. VARFÖR ÄLSKAR GOOGLE RESPONSIV WEBB? En url/webbadress och samma html-källkod för alla typer av enheter gör det enkelt för Google att ”spindla” och indexera innehållet på din webbplats! En källkod! Ett innehåll! Webbstandard CSS3 och HTML En www-adress på flera enheter </>
  • 7. EGENSKAPER SOM BYGGER RESPONSIV WEBB Gör din layout flexibel! Använd flexibla kolumner för att organisera innehåll och relativa bredder istället för fixerade för att anpassa layouten till aktuell skärmstorlek och enhet. Anpassa dina bilder för de webbenheter som din målgrupp använder. Optimera brytpunkter och bildformat för bästa möjliga upplevelse.
  • 8. OLIKA UPPLEVELSE PÅ OLIKA ENHETER OCH SKÄRMAR Mobila menyer Olika enheters skärmupplösning ger olika brytpunkter med olika behov av layoutmallar
  • 9. <320px: Äldre knapptelefoner med webbläsare Mobila menyer <480px: Första generationens smartphones <768px: Senaste high-end smartphones och stående läsplattor >768px: Allt större än 768px - stora läsplattor, notebooks >1024px: Full desktop Olika enheters skärmupplösning ger olika brytpunkter med olika behov av layoutmallar
  • 10. RESPONSIV DESIGN 6 TIPS FÖR ATT BÖRJA! • En mobil besökare överger din webbsida om den inte levererar rätt upplevelse inom 2 sek. • En responsiv webb med optimerade bilder, tydlig layout och snabb svarstid ger besökare som stannar kvar. Öka antalet besökare som stannar kvar! 1 2 • En responsiv webbplats hittas lättare av Google och förbättrar din SEO-rating. • Responsiv webb är effektivare att länka till som landningssida i marknadsaktiviteter. Öka antalet besökare som hittar dig!
  • 11. • Gör ditt intranät med responsiv webbdesign och få fler engagerade medarbetare som snabbare och enklare kan samarbeta. Öka tillgängligheten på din arbetsplats! 3 • En enhetlig och tydlig ”mobile first”-design ger maximal upplevelse på alla enheter, i alla webbläsare och skapar en positiv bild av ditt varumärke och webbplats. Öka värdet på ditt varumärke! 4 Öka antalet sociala kontakter! 5
  • 12. • Majoriteten av dina besökares surfande sker före och efter arbetstid via sina smartatelefoner och läsplattor. Nå ut och starta en dialog! Öka antalet sociala kontakter! 5 • Designa och bygg en gång! Minska behovet av resurser och fokusera på ”Mobile first” och en layout som klarar alla enheter och webbläsare. • Välj ett webbpubliceringsverktyg som har stöd för responsiv design baserat på moderna ramverk. Minska dina utvecklingskostnader! 6
  • 13. MOBILA ARBETSPLATSER GER BÄTTRE ENGAGEMANG! 61% Desktop Webb Intranätbesök under en månad Ej Mobil Webb Mobil Webb Två tredjedelar av intranätbesöken via mobil sker innan och efter arbetstid 100% 56% 14% 30% Företag med mobilanpassade sociala intranät får mer än 50% högre engagemang i uppgifter som kan genomföras på mobil. Källa: imgZine White paper ”Employee engagement” 2013
  • 14. www.sitevision.se Företag med mobilanpassade sociala intranät får mer än 50% högre engagemang i uppgifter som kan genomföras på mobil. Om SiteVision: SiteVision AB är ett svenskt produktföretag som utvecklar en modern plattform för webbpublicering (CMS) anpassad för responsiv design och sociala intranät. Plattformen används av tusentals webbplatser och intranät i Sverige och internationellt. Till kunderna hör företag, myndigheter och organisationer, och över 140 svenska kommuner. Bland kunderna finns Scania, SBAB Bank, Verisure, Skatteverket, Arbetsförmedlingen och Sveriges Kungahus. Verket följer Creative Common Erkännande - Dela Lika: http://creativecommons.org/licenses/by-sa/2.5/se/