Fri Responsive webbdesign testning

responsive design

Responsive design (Responsive Web Design) är inte bara en trend idag. Det handlar om tillgång till webbplatsens innehåll oavsett på vilken enhet (mobiltelefon, surfplatta, dator...) webbsidan öppnas. Med en enorm expansion av mobila enheter, som surfplattor och smarttelefoner, uppstår en fråga om hur man kan visa en webbsidas innehåll för mobila enheters användare så att det blir så läsbart som möjligt, samt att det minimerar en behov att förstora och bläddra skärmen. Redan år 2010 översteg försäljning av smarttelefoner och surfplattor den globala försäljningen av stationära samt bärbara datorer och nuförtiden ökar detta antal ännu mer. Följaktligen besöker fler och fler människor webbplatser via mobila enheter och webbplatsägare får alltså inte glömma att de webbsidor som inte blir utformade speciellt för mobila enheter kommer att se plottriga ut i 99% av fallen. Handlare samt webbplatsägare kan då förlora många sina besökare eller även en stor del av sin försäljning.

Vad är responsive design egentligen?

En enkel definition: Responsive design - anpassning efter besökarens skärmupplösning. En vanlig webbsida är anpassad till stationära eller bärbara datorer. Men om besökaren öppnar webbsida eller nätbutik som inte är optimerad med hjälp av responsive design på sin surfplatta eller smarttelefon, är villkoren för att surfa på nätet plötsligt inte alls idealiska. Hela webbsidan som vi känner den från datorn minskas till skärmupplösning av enheten som vi använder, och fungerar 'normalt'. Detta är dock inte den mest perfekta lösningen. Föreställ er att sidan med upplösningen 1024x768 som är utformad t. ex. för 17 tums bildskärmar minskar sig plötsligt till upplösningen 480x320 av en 3 tums skärm. Det är en mer än 11-faldig minskning av webbsidan och alla dessa elementer (text, knappar, bilder, länkar) är små, oläsliga samt i sitt ursprung utformades för stationära datorer med mus, inte för våra fingrar. Besökaren tvingas till att förstora, flytta med och scrolla sidan med sina fingrar som kan bli ganska komplicerad. Fingrar är bredare än en markör och det går inte alltid att markera korrekt precis det som man vill markera. Responsive design är här för att ta hänsyn till alla ergonomiska krav av mobila enheter. På grund av ett begränsat utrymme är det lämpligt att välja, integrera och korrekt organisera elementen som är verkligen viktiga. Det finns ingen förändring av webbsidan själv, den förblir som tidigare. Men man tillägger ett par rader i er färdiga webbsida till externa filer där man definerar vad och hur skulle visas och inrättas vid vissa skärmupplösningar.

Här kan vi ge er ett gratis test av er webbplats för olika enheter och skärmupplösningar, som den visas på enheten av er webbsidas besökare.

Prov 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
kontakt: webmaster (at) responsive-design.com

Responsive Web Design