Tagget med ‘responsive design’

Responsivt design for betalingsløsning

Sjekk ut vårt nylanserte responsive design: tb.no

tb+ er en ny betalingstjeneste laget for Edda media sine nettaviser med betaling via mobiltelefon.

Artiklene som ligger på forsiden er også tilgjengelige på touch utgaven. Det er selve produktsidene og skjemasidene som benytter seg av responsivt design. Med andre ord bruker vi både versjoner og responsive design. Produkt- og skjemasidene er 100% responsive for mobil, brett og desktop.

Vi har lagt vekt på at det skal være så enkelt som mulig for leserne å gjennomføre en prøveperiode eller kjøp.

  • Det skal være raskt og effektivt å gjennomføre et kjøp (kun mobilnummer og kode)
  • Leseren skal føle seg sikker ved bruk av tjenesten (hva skjer nå, hvordan skjer betalingen, ha kontroll på abonnementet..)
  • Leseren skal ha nok informasjon om produktet til å kunne ta et valg (motivert/konvertert for kjøp)

 

 

Mobil brukertest: Videokamerastativ i ‘mcGyver-stil’

Den største utfordringen i designprosessen var å få incentivsiden på artikkel til å fungere optimalt, og svare på de spørsmålene som leserne har i hodet på riktig tidspunkt i kjøpsprosessen. Vi redesignet incentivsiden to ganger etter at vi haddde hatt brukbarhetstester. Vi kjørte 3 runder med tester, først en tidlig-test på en klikkbar prototype laget i Axure. Senere i prosessen, etter å ha gjort noen endringer, testet vi på en mer reell prototype på testserver hos avishusene på reelle lesere av avisen. Vi testet også på mobil med eksternt web-kamera og quicktime player.

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)