• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsivt webdesign
 

Responsivt webdesign

on

  • 483 views

Ingrid Nese Veen sitt foredrag på kundeseminaret "Det du trenger er en app?"

Ingrid Nese Veen sitt foredrag på kundeseminaret "Det du trenger er en app?"

Statistics

Views

Total Views
483
Views on SlideShare
483
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Responsivt webdesign Responsivt webdesign Presentation Transcript

    • Responsivt webdesign Av Ingrid Nese Veen
    • Mer enn halvpartenav alle datamaskiner er ikke datamaskiner lenger
    • Mobile enheter vil stå forover halvparten av all internettrafikk i løpet av de neste årene.
    • Mobil er uten tvilden neste storedataplattformen
    • ?Hva skal man støtte? iOS? Android? Microsoft? Nettleser? …?
    • ?Hva med de man ikke velger å støtte?
    • App vs. NettinnholdUtviklet for en spesifikk Kan åpnes på en hvilken somenhet, kjører lokalt. helst enhet med nettleser.
    • Ulemper med apper / Fordeler med nettinnhold•Apper er kun tilgjengelig på plattformen den er utviklet for./ Nettinnhold er tilgjengelig på alle enheter som har en nettleser.•Bruk av apper krever mye fragmentering. / Nettinnhold krever mindre fragmentering.•Innholdet vil ikke kunne være søkbart gjennom søkemotorer. / Nettinnhold laget med webstandarder er søkbart.•Lenker til nettsider åpnes i en annen app (nettleser). Kan væreforvirrende.
    • Fordeler med apper / Ulemper med nettinnhold•App kan kombinere innebygde UI-element med nettinnhold./ Nettinnhold i seg selv kan kun benytte de API’ene som ertilgjengelig gjennom nettleseren.
    • Tilgang til app vs. nettinnhold
    • Tilpasset nettinnhold vil uansett være nødvendig.
    • JA,apper kan i noen tilfeller være beste løsning.Dersom man trenger funksjoner som nettleseren ikke støtter (Eks:Kamera, kompass, etc.)Dersom man skal lage programvare eller spill som skal utnyttemulighetene og funksjonene til enheten.
    • Men,i de fleste tilfeller vil nettinnhold være den mestoptimale og rimeligste løsningen for de flestenettsteder.
    • Så,hvordan skal man tilpasse nettinnholdetfor mobile enheter?
    • ” Vi trenger en mobil nettside! ”
    • http://m.tekna.no/Separate mobile nettsider:m.nettadresse.commobil.nettadresse.com”Vis fullversjon”
    • Mobil-bruker Desktop-bruker-Har det travelt -Har god tid-Har treg internettforbindelse -Har god internettforbindelse-Kun interessert i raske interaksjoner -Er interessert i fullversjonen av nettsiden
    • 41 prosent bruker nettbrett mensde ser på TV.38 prosent bruker mobiltelefon(smarttelefon) mens de ser på TV. (Kilde: Yahoo News, des 2012)
    • Brukere med mobile enheter eraltså IKKE alltid mobile.
    • http://m.tekna.no/ http://tekna.no/
    • ?Hva med nettbrett?Hva med nye enheter med ukjenteskjermstørrelser?
    • ?Spørsmålet er: Hvordan kan man levere en god nettopplevelse som når alle mennesker uavhengig av hvilken enhet de har?
    • Apper vil ikke være ettilfredsstillende svar på alle behovsom finnes i dag. :(
    • Men det finnes andrealternativer! :)
    • Løsningen er å benytte !Responsive webdesign-teknikkernår nettinnhold skaloptimaliseres.
    • Responsivt webdesignEn tilnærming med fokus på at nettsidensutseende skal reagere på brukerens atferdog miljø basert på skjermstørrelse, plattformog orientering (landskap/portrett).
    • Kun en nettside å oppdatere!
    • Ingen problem å dele lenkerIngen problemer med søkemotorer
    • Layouten tilpasser seghvilken som helstskjermstørrelse!
    • Ved bruk av responsivt webdesign-tilnærmingentilpasses CSS-filene slik at nettsiden passer hverenkelt skjermoppløsning og i ulike visningsmodus(horisontalt og vertikalt). Med andre ord: Nettsiden skal automatisk svare på brukerens innstillinger.
    • Små skjermer først!Responsivt webdesign fungerer best dersom detbygges nedenfra og opp – altså for mobiltelefonerførst. Man fyller deretter på med mer design ogfunksjonalitet for større skjermer.
    • Lages mobilløsningene først, får man etsluttresultat som har allenøkkelfunksjonene på plass, rensket foromveier og grensesnittrusk.
    • Har det noenforretningsverdi ?
    • Eksempel!
    • Resultat• Transaksjoner på iPhone ble mer enn doblet.• Transaksjoner på Android ble mer enn firedoblet.
    • Oppsummering:•Responsivt webdesign = Trygg framtid Det er den eneste gunstige løsningen forinnholdsbaserte nettsider.•Tenk mobiltelefoner først Det vil redusere utviklingstiden•Keep it simple! Gjør det så enkelt som mulig for brukeren.