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....
Ulemper med apper / Fordeler med nettinnhold•Apper er kun tilgjengelig på plattformen den er utviklet for./ Nettinnhold er...
Fordeler med apper / Ulemper med nettinnhold•App kan kombinere innebygde UI-element med nettinnhold./ Nettinnhold i seg se...
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, ...
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 inte...
41 prosent bruker nettbrett mensde ser på TV.38 prosent bruker mobiltelefon(smarttelefon) mens de ser på TV.              ...
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   ...
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å sk...
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 ...
Små skjermer først!Responsivt webdesign fungerer best dersom detbygges nedenfra og opp – altså for mobiltelefonerførst. Ma...
Lages mobilløsningene først, får man etsluttresultat som har allenøkkelfunksjonene på plass, rensket foromveier og grenses...
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.•Te...
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Responsivt webdesign
Upcoming SlideShare
Loading in …5
×

Responsivt webdesign

395 views
329 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
395
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsivt webdesign

  1. 1. Responsivt webdesign Av Ingrid Nese Veen
  2. 2. Mer enn halvpartenav alle datamaskiner er ikke datamaskiner lenger
  3. 3. Mobile enheter vil stå forover halvparten av all internettrafikk i løpet av de neste årene.
  4. 4. Mobil er uten tvilden neste storedataplattformen
  5. 5. ?Hva skal man støtte? iOS? Android? Microsoft? Nettleser? …?
  6. 6. ?Hva med de man ikke velger å støtte?
  7. 7. App vs. NettinnholdUtviklet for en spesifikk Kan åpnes på en hvilken somenhet, kjører lokalt. helst enhet med nettleser.
  8. 8. 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.
  9. 9. 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.
  10. 10. Tilgang til app vs. nettinnhold
  11. 11. Tilpasset nettinnhold vil uansett være nødvendig.
  12. 12. 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.
  13. 13. Men,i de fleste tilfeller vil nettinnhold være den mestoptimale og rimeligste løsningen for de flestenettsteder.
  14. 14. Så,hvordan skal man tilpasse nettinnholdetfor mobile enheter?
  15. 15. ” Vi trenger en mobil nettside! ”
  16. 16. http://m.tekna.no/Separate mobile nettsider:m.nettadresse.commobil.nettadresse.com”Vis fullversjon”
  17. 17. 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
  18. 18. 41 prosent bruker nettbrett mensde ser på TV.38 prosent bruker mobiltelefon(smarttelefon) mens de ser på TV. (Kilde: Yahoo News, des 2012)
  19. 19. Brukere med mobile enheter eraltså IKKE alltid mobile.
  20. 20. http://m.tekna.no/ http://tekna.no/
  21. 21. ?Hva med nettbrett?Hva med nye enheter med ukjenteskjermstørrelser?
  22. 22. ?Spørsmålet er: Hvordan kan man levere en god nettopplevelse som når alle mennesker uavhengig av hvilken enhet de har?
  23. 23. Apper vil ikke være ettilfredsstillende svar på alle behovsom finnes i dag. :(
  24. 24. Men det finnes andrealternativer! :)
  25. 25. Løsningen er å benytte !Responsive webdesign-teknikkernår nettinnhold skaloptimaliseres.
  26. 26. Responsivt webdesignEn tilnærming med fokus på at nettsidensutseende skal reagere på brukerens atferdog miljø basert på skjermstørrelse, plattformog orientering (landskap/portrett).
  27. 27. Kun en nettside å oppdatere!
  28. 28. Ingen problem å dele lenkerIngen problemer med søkemotorer
  29. 29. Layouten tilpasser seghvilken som helstskjermstørrelse!
  30. 30. 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.
  31. 31. 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.
  32. 32. Lages mobilløsningene først, får man etsluttresultat som har allenøkkelfunksjonene på plass, rensket foromveier og grensesnittrusk.
  33. 33. Har det noenforretningsverdi ?
  34. 34. Eksempel!
  35. 35. Resultat• Transaksjoner på iPhone ble mer enn doblet.• Transaksjoner på Android ble mer enn firedoblet.
  36. 36. 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.

×