Hva er responsiv webdesign?
Forstå fleksibel nettsideutvikling
InnholdsfortegnelseUtvide- Hva er det?
- Hvordan virker det?
- Hvorfor spiller det noen rolle?
- I den virkelige verden
- Andre scenarier
Det er millioner av enheter som brukes over hele verden, fra nettbrett til telefoner til store stasjonære datamaskiner. Enhetsbrukere ønsker å kunne se de samme nettstedene på alle disse enhetene sømløst. Responsivt nettsteddesign er en tilnærming som brukes for å sikre at nettsteder kan vises på alle skjermstørrelser, uavhengig av enhet.
Hva er responsivt nettsteddesign?
Mottakelig webdesign er en metode som gjør at nettstedets innhold og det generelle designet kan flyttes og endres basert på enheten du bruker for å se det. Med andre ord, en responsiv nettside svarer til enheten og gjengir nettstedet deretter.
For eksempel, hvis du endrer størrelsen på dette vinduet akkurat nå, vil Lifewire-nettstedet flytte og skifte for å passe den nye vindusstørrelsen. Hvis du henter nettstedet på mobilenheten din, vil du legge merke til at innholdet endres til én kolonne for å passe til enheten din.
En kort historie
Selv om andre begreper som flytende og fleksibel ble kastet rundt så tidlig som i 2004, ble responsiv webdesign først laget og introdusert i 2010 av Ethan Marcotte. Han mente at nettsteder burde være utformet for 'ebbe og flyt av ting' kontra forbli statisk.
Etter at han publiserte artikkelen hans med tittelen ' Responsivt webdesign ', tok begrepet av og begynte å inspirere nettutviklere over hele verden.
Hvordan fungerer en responsiv nettside?
Responsive nettsteder er bygget for å justere og endre størrelse i spesifikke størrelser, også kjent som bruddpunkter. Disse bruddpunktene er nettleserbredder som har en spesifikk CSS-mediespørring som endrer oppsettet til nettleseren når den er innenfor et spesifikt område.
De fleste nettsteder vil ha to standard bruddpunkter for både mobile enheter og nettbrett.
Maskot/Getty Images
For å si det enkelt, når du endrer bredden på nettleseren din fra å endre størrelse på den eller se den på en mobilenhet, reagerer koden bak og endrer oppsettet automatisk.
Hvorfor er responsivt design viktig?
Westend61/Getty Images
På grunn av sin fleksibilitet er responsiv webdesign nå gullstandarden når det kommer til enhver nettside. Men hvorfor betyr det så mye?
- Planlegger reiser
- Ser etter et nytt hjem å kjøpe
- Undersøker familieferieideer
- Leter etter oppskrifter
- Følger med på nyhetene eller sosiale medier
Responsiv design i den virkelige verden
Hvordan påvirker responsiv design internettbrukere i den virkelige verden? Tenk på en handling vi alle er kjent med: netthandel.
Westend61/Getty Images
Brukeren kan starte produktsøket på skrivebordet i lunsjpausen. Etter å ha funnet et produkt de vurderer å kjøpe, legger de det i handlekurven og kommer tilbake på jobb.
De fleste brukere foretrekker å lese anmeldelser før de foretar et kjøp. Så brukeren besøker nettstedet igjen, denne gangen på et nettbrett hjemme, for å lese produktets anmeldelser. De må da forlate nettstedet igjen for å fortsette med kvelden.
Før de slår av lyset den kvelden, tar de opp mobilenheten og besøker nettsiden igjen. Denne gangen er de klare til å gjøre sitt endelige kjøp.
Responsivt webdesign sikrer at brukeren kan søke etter produkter på en desktop, lese anmeldelser på et nettbrett og gjøre det endelige kjøpet via mobilen sømløst.
Andre scenarier fra den virkelige verden
Netthandel er bare ett scenario der responsiv design er avgjørende for nettopplevelsen. Andre scenarier i den virkelige verden inkluderer:
Hvert av disse scenariene vil sannsynligvis spenne over et bredt spekter av enheter over tid. Dette understreker viktigheten av å ha et responsivt nettsteddesign.