Tagget med ‘responsive’

Fordeler og ulemper med responsiv design

Publisert: 1 Comment

Fordeler og ulemper med å designe etter responsive design prinsippet.

Responsive design er ikke det samme som en «mobil-versjon» av nettsiden din. Responsive design er en fullverdig visning av nettsiden som er tilpasset det miljøet du ser den i.

Istedenfor å lage en layout som skal passe for alle skjermer, lages layouter som tilpasser seg det utstyret hver enkelt bruker sitter med.

Mobildesign handler ikke nødvendigvis om å lage en helt ny brukeropplevelse, men om å levere den samme opplevelsen fintunet for håndholdte enheter. Spørreundersøkelser viser at brukerne slett ikke alltid er på farten når de surfer med håndholdte enheter, majoriteten sitter faktisk mest hjemme og surfer med brett eller mobil, i sofa, på senga, på do.. kjenner du deg igjen? Du begynner kanskje å lese en fagartikkel på desktop, fortsetter å lese neste artikkel på mobilen på toget, og leser ferdig på brettet hjemme i sofan?

Fordeler med responsive design

  • inkluderende
  • en versjon for alle enheter – lettere å vedlikeholde en versjon enn mange versjoner
  • samme brukeropplevelse uanhengig av device
  • selv om browservinduet er nedskalert vil designet fungere
  • mobil først – når en designer for mobil først blir en mer bevist på å fjerne innhold som virkelig ikke trenger å være der. Da blir heller ikke desktop versjonen overfyllt med unødvendig innhold
  • brukerne blir ikke utestengt fra fullversjonens innhold. Mobilversjonen er typisk veldig strippet for innhold.
  • vi velger ikke bort innhold for leseren
  • deling av linker: url er det samme uansett. Du vet ikke hvilken device den du deler linken med er på, deler du m.dt/artikkel med en venn som er på en desktop utgave, vil det se ganske merkelig ut.
  • samme innhold tilpasset devicen. Det lar brukeren fullføre oppgaven. Vi velger ikke bort 90% av brukeroppgavene. Kommer du til dt.no for å gjøre en spesiell oppgave kan det være veldig irriterende om akkurat den oppgaven er valgt bort for deg på mobil.
  • fungerer spesielt bra i nyere browsere
  • samme opplevelsen på tvers av devicer. Mer gjennomgående brukeropplevelse.
  • bærekraftig design – imøtekommer dagens brukerbehov uten å redusere mulighetene for å dekke fremtidens brukerbehov.

Ulemper med å bruke responsive design

  • krever at utviklerne har kunnskap og erfaring med responsive design
  • det er ikke lett! Er teamene klare? Hvor lenge er det til de er klare? Hvor mye prøving og feiling må til.
  • vedlikehold mer komplisert
  • utviklingstid og ressurser – har vi tid til å gjøre det grundig? Responsivt design er komplisert å utvikle.
  • browser kompabilitet – html5 og css3 er gode verktøy for å bygge responsive nettsteder, men det er fortsatt mange issues med disse.
  • vi må ha annonser som kan skalere
  • ytelse/lastetid – Flere kall på grunn av kross browser og kross plattform kompabilitet issues. (IE..) Mer css å laste ol.
  • ulike devicer kan ha behov for å støtte noe ulike brukeroppgaver. Innhold/touch grensesnitt/ mobil har ulike muligheter som gps/ringe/mobilverifisering mobil/desktop ol. Behov for nedkortet innhold på mobil, ikke vise like mye på en gang.
  • må laste ned like mye på mobil som på pc. Kan være en utfordring på avisenes meget innholdstunge forsider. (Kan være ulike tekniske løsninger på dette)