Gratis Responsive webdesign testing

responsive design

Responsive design (Responsive Web Design) er ikke bare en mote i dag. Det gjør innholdet på websiden tilgjengelig – uansett hva man bruker til å åpne siden med (mobiltelefon, tablett, stasjonær datamaskin, ...). Mens det selges flere og flere mobile anlegg som tabletter eller smart telefoner, dukker det opp spørsmål hvordan siden kan avbildes for brukerne av slike anlegg og være så godt leselig som mulig slik at det blir minimalt nødvendig å forstørre siden eller skyve den opp og ned. Salget av smarttelefoner og tabletter ble allerede i 2010 større enn salget av datamaskiner og bærbare datamaskiner i hele verden, og nå er det enda flere slike anlegg. Det forstår seg selv at flere og flere mennesker ser på internettsider på smarttelefoner eller tabletter, og sideeierne bør huske at de sidene som ikke er direkte designet for mobile anlegg, blir til en stor grad (opptil 99 %) uoversiktlige, og derfor kan sideeieren tape mange besøkende eller til og med store gevinster.

Hva er responsive design for noe?

Enkel definisjon: Responsive design - Tilpasning av sidens innhold til størrelsen på det mobile anlegget som brukes. En vanlig internettside er optimalisert for vanlige datamaskiner eller bærbare datamaskiner. Når den besøkende åpner siden eller e-shopsiden på tablett eller smarttelefon mens siden ikke eroptimalisert med responsive design, er betingelsene for bruk av internett ikke ideelle i det hele tatt. Hele siden som vi kjenner fra datamaskin, blir mindre og får oppløsningen tilsvarende anlegget som vi nettopp bruker. Siden fungerer da som vanlig. Det er likevel ikke bra. Forestill deg følgende situasjon: en side med en oppløsning på 1024x768 som er beregnet for 17-monitorer, får nå en oppløsning på 480 x 320 påbrukerens 3-display. Siden blir da mer enn 11ganger mindre, og alle elementene (tekst, knapper, bilder, lenker) blir små, uleselige og vanskelig å håndtere med fingrene fordi siden er designet for bruk på vanlige datamaskiner med mus. Så må man forstørre alt på en komplisert måte, skyve siden opp og ned, i tillegg med fingrene som er bredere enn pilen på datamaskin, og dermed kan man ikke alltid ta korrekt på det man egentlig vil. Responsive design er her for å ta hensyn til alle de ergonomiske kravene som mobile anlegg stiller. Med hensyn til det lille området man kan bruke, er det nødvendig å velge, tilpasse og ordne elementer som virkelig er viktige. Siden blir ikke endret i det hele tatt – den forblir den samme. I de eksterne filene blir likevel noen linjer til hvor det defineres hva som skal innstilles og avbildes, på hvilken måte og under hvilken oppløsning.

Vi tilbyr her en gratis tester for dine sider for ulike anlegg og ulike oppløsninger som brukere av dine sider har på sine anlegg.

Eksempel Responsive Web Design

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
Dersom du ønsker å endre din side med responsive design, anbefaler vi selskapet XXX som har rik erfaring med dette arbeidet og svarer gjerne på dine spørsmål.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design