Responsiv versus adaptiv design: Hvordan velge mellom de to?

Responsiv design blir i økende grad fremmet som den gyldne standarden for å lage det nye utvalget av nettapplikasjoner. Men på grunn av komplikasjoner som oppstår ved å bruke den samme koden i hver versjon av nettstedet, er et alternativ til RWD-teknologi kjent som adaptiv levering eller design det merkevarer henvender seg til i disse dager. Hvordan ville du valgt mellom de to? Denne artikkelen handler om det samme.

Responsivt webdesign er ingen nyhet lenger. Nettdesigners brorskap, teknologisamfunnet og til og med den gjennomsnittlige selverkjente nettfreaken vet nå at responsiv design er veien videre. Smarttelefonen, den spillendrende enheten, tvang virkelig webdesignere til å komme opp med nettsteder som automatisk kunne svare og tilpasse seg enhver enhet med hvilken som helst skjermstørrelse, og dermed ble responsiv webdesign født. Med teknikkene til RWD kan nettstedets layout optimaliseres for å passe skjermstørrelsen til enheten den vises på. Hvor kommer så snakket om adaptiv design fra?

For de uinnvidde kan begge buzzwords virke som utskiftbare betegnelser for den samme teknikken. Men ettersom mer og mer trafikk kommer fra mobile enheter, har det blitt stadig viktigere for utgivere å kjenne forskjellene mellom de to og velge det beste for nettstedet deres. Dessuten avslører en Millenial Media og comScore-undersøkelse utført i USA at 56 % av nettinnholdet nå konsumeres gjennom smarttelefoner og nettbrett, mens de resterende 44 % forbrukes gjennom stasjonære datamaskiner. Og skiftet fortsetter å akselerere. Så det avgjør en gang for alle viktigheten av å ha et nettsted som er godt egnet for mobilpublikum. Nå kommer tilbake til spørsmålet: Hvordan velge mellom de to?

Hva er forskjellen?

Den enkleste måten å velge ett alternativ av de to på er å forstå forskjellene og fordelene som den ene tilbyr fremfor den andre.

Mens den responsive deign er en klientsidetilnærming der hele siden leveres til klienten (enhetsnettleser), er adaptiv design vanligvis serverside, der serveren først oppdager attributtene til enheten typisk gjennom serverside plugins eller tilpassede brukere agentdeteksjon, og laster deretter inn en versjon av nettstedet som er optimalisert for dets dimensjoner og opprinnelige funksjoner. Derfor bruker adaptiv levering forhåndsdefinerte oppsett som er laget for en rekke skjermstørrelser. Når en bestemt skjermstørrelse oppdages, aktiveres den tilsvarende layouten og matches med stilarket. I adaptiv design endres layoutene på grunnlag av bruddpunkter.

Det finnes også et annet alternativ, en adaptiv tilnærming på klientsiden hvor omfattende JavaScript brukes for å utstyre nettsidene med avanserte funksjoner og tilpasning. Litt lik responsiv webdesign, denne typen levering fungerer på klientsiden eller i brukerens nettleser, som oppdager forskjellige enheter og laster inn tilsvarende mal for brukeren. Fordelen her er at det bare krever ett sett med HTML og JavaScript som skal brukes på tvers av alle enheter, slik at implementering av endringer er mye enklere.

Responsiv versus adaptiv: Hvilken skal du gå for?

En av de store fordelene med responsiv design som drev den til umiddelbar stjernestatus, var at en enkelt kodebase tjente godt for både skrivebords- og mobilbrukere. Dette gjorde livet til en utvikler enklere ettersom det nesten eliminerte den marerittaktige opplevelsen av å måtte passe på flere kodeversjoner for forskjellige enhetstyper. Den samme koden for begge enhetene betyr imidlertid at nettstedet som lanseres på smarttelefon vil ha samme størrelse og kompleksitet som desktopversjonen, som er hovedskyldige bak responsive nettsteder som oppfører seg rart og oppblåst på mobile enheter.

På den annen side, ved å bruke en adaptiv tilnærming, har en server friheten til å velge hvordan sider skal gjengis optimalt, fjerne eller legge til funksjonalitet på et øyeblikk, på grunnlag av enheten som oppdages og brukerinformasjonen.

Fordelene kan oppsummeres som nedenfor:

• Utviklere vil ikke trenge å gjenskape nettstedet fra bunnen av, slik man må når man velger et responsivt nettsted. De fleste nettsteder blir for komplekse over tid, med den ene funksjonaliteten som legges til på toppen av den andre, og å skrape opp all innsatsen er ikke et levedyktig alternativ. Design- og testfasen er spesielt masete ettersom det er vanskelig å tilpasse brukeropplevelsen for hver enhet eller kontekst.
• Adaptive nettsteder er raskere og noen ganger mer brukervennlige. Grunnen er enkel nok. Ettersom adaptiv levering fungerer ved å overføre bare enhetsspesifikke eiendeler, kan bilder og multimedieinnhold optimaliseres umiddelbart for å passe til skjermoppløsning og størrelse.

Server-side adaptive tilbyr distinkte maler for hver enhet, noe som muliggjør større grad av tilpasning sammen med raskere lasting av nettsider. I tillegg er den kompatibel med forskjellige serverside-plugins som er tilgjengelige for populære innholdsstyringssystemer og e-handelssystemer som Magento. Denne tilnærmingen krever imidlertid betydelige endringer i back-end-systemene, og hvis du har et budsjett, kan det vise seg å være litt smertefullt. Du vil bli bedt om å administrere flere maler som vil vises som en støt i vedlikeholdskostnadene. Ytelsesproblemer kan også oppstå når servere er under tung belastning.

Bunnlinjen

Innholdstunge nettsteder hvor det ikke er stor forskjell i brukerintensjon mellom desktop- og mobilbrukere går generelt for responsivt design. Men hvis du designer et nettsted der mobilbrukerens hensikt er vesentlig forskjellig fra din desktop-målgruppe, vil adaptiv design være en bedre innsats. Eksempelet er e-handelsnettsteder.

Dessuten, hvis en webmaster velger adaptiv design, kan han eller hun optimalisere brukeropplevelsen ytterligere ved å dra nytte av de ekstra funksjonene som disse enhetene tilbyr, for eksempel plassering. Det er nettopp derfor 82 prosent av Alexa topp 100 globale nettsteder bruker en slags serversidedeteksjon for å vise innhold.

For de fleste organisasjoner fungerer responsiv design i forbindelse med adaptiv levering bra. Den innholdstunge delen av nettstedet bruker en responsiv tilnærming som lar leserne konsumere innholdet på en tilfredsstillende måte uansett hvilken enhet de er på. På den annen side fungerer deler av nettstedet med høy intensjon godt gjennom adaptiv levering. Nøkkelen er å finne en balanse mellom å betjene brukerne dine og oppfylle forretningsmålet.

Webdesign er en av de hotteste ferdighetene på markedet å ha akkurat nå. I følge sysselsettingsdataene som tilbys av Bureau of Labor Statistics, er jobbutsiktene for webutviklere på 20%, noe som er raskere enn gjennomsnittet. Best Jobs 2014-rapporten til USNews plasserer webdesignjobber i de tre beste teknologikarrierene. For en ambisiøs webdesigner kan det derfor være veldig fruktbart å kjenne nyansene til design som en forklart ovenfor.