RESPONSIVI en vrld med allt fler digitala kanaler blir det allt viktigare attanpassa webbinnehllet s att beskarna fr en s optimal

upplevelse som mjligt nrsomhelst varsomhelst.

WEBBDESIGN

Fakta och 6 tips fr att vlja

DET R DAGS ATT GEMOBIL WEBB LITE KRLEK!

MILJARDER

5,1 miljarder av vrldens befolkning p 7,1 miljarder har nu en mobiltelefon.

5,1

Klla: Svenskarna och internet

Andel av Sverigesbefolkning (16-55)

som surfar viasmarttelefon

dagligen

Av de som surfar(16-55) via sinsmarta telefon

r kvinnor

Var tredje svenskhar tillgng till

en lsplatta

31%78% 55%

Andel av Sverigesbefolkning (12-79)

som har enmobiltelefon

96%

VAD RRESPONSIV WEBBDESIGN?

Responsiv webbdesign r en metod dr webbpubliceringsverktyg-

och grnssnittsdesign utformas fr att med automatik

anpassas till anvndarens webblsare oberoende av

skrmstorlek, plattform, typ av enhet eller orientering.

VARFR LSKARGOOGLE RESPONSIV WEBB?

En url/webbadress och samma html-kllkod fr alla

typer av enheter gr det enkelt fr Google att spindla

och indexera innehllet p din webbplats!

En kllkod! Ett innehll! Webbstandard CSS3 och HTML

En www-adressp flera enheter

EGENSKAPER SOMBYGGER RESPONSIV WEBB

OLIKA UPPLEVELSE P

Gr din layout flexibel!Anvnd flexibla kolumner fr attorganisera innehll och relativabredder istllet fr xerade fr

att anpassa layouten till aktuell skrmstorlek och enhet.

Anpassa dina bilderfr de webbenheter somdin mlgrupp anvnder.

Optimera brytpunkter ochbildformat fr bstamjliga upplevelse.

OLIKA UPPLEVELSE POLIKA ENHETER OCH SKRMAR

Mobila menyer

Olika enheters skrmupplsning ger olika brytpunkter med olika behov av layoutmallar

RESPONSIV DESIGN6 TIPS FR ATT BRJA!

En mobil beskare verger din webbsida om den inte levererar rtt upplevelse inom 2 sek.

En responsiv webb med optimerade bilder, tydlig layout och snabb svarstid ger beskare som stannar kvar.

ka antalet beskare som stannar kvar!

1

2

3

En responsiv webbplats hittas lttare av Google och frbttrar din SEO-rating.

Responsiv webb r effektivare att lnka till som landningssida i marknadsaktiviteter.

ka antalet beskare som hittar dig!

Gr ditt intrant med responsiv webbdesign och f fler engagerade medarbetare som snabbare och enklare kan samarbeta.

ka tillgngligheten p din arbetsplats!3

En enhetlig och tydlig mobile rst-design ger maximal upplevelse p alla enheter, i alla webblsare och skapar en positiv bild av ditt varumrke och webbplats.

ka vrdet p ditt varumrke!4ka antalet sociala kontakter!5

Majoriteten av dina beskares surfande sker fre och efter arbetstid via sina smartatelefoner och lsplattor. N ut och starta en dialog!

ka antalet sociala kontakter!5

Designa och bygg en gng! Minska behovet av resurser och fokusera p Mobile rst och en layout som klarar alla enheter och webblsare.

Vlj ett webbpubliceringsverktyg som har std fr responsiv design baserat p moderna ramverk.

Minska dina utvecklingskostnader!6

MOBILA ARBETSPLATSERGER BTTRE ENGAGEMANG!

61%

DesktopWebb

Intrantbesk under en mnad

Ej MobilWebb

MobilWebb

Tv tredjedelar av intrantbeskenvia mobil sker innan och efter arbetstid

100%

56%

14%

30%

Fretag med mobilanpassade sociala intrant fr mern 50% hgre engagemang i uppgifter som

kan genomfras p mobil.

Klla: imgZine White paper Employee engagement 2013

www.sitevision.se

Fretag med mobilanpassade sociala intrant fr mern 50% hgre engagemang i uppgifter som

kan genomfras p mobil.

Om SiteVision: SiteVision AB r ett svenskt produktfretag som utvecklar en modern plattform fr webbpublicering (CMS) anpassad fr responsiv design och sociala intrant.Plattformen anvnds av tusentals webbplatser och intrant i Sverige och internationellt.Till kunderna hr fretag, myndigheter och organisationer, och ver 140 svenska kommuner. Bland kunderna nns Scania, SBAB Bank, Verisure, Skatteverket, Arbetsfrmedlingen och Sveriges Kungahus.

Verket fljer Creative Common Erknnande - Dela Lika:http://creativecommons.org/licenses/by-sa/2.5/se/

Klla: imgZine White paper Employee engagement 2013