Ilmainen Responsive Web Design Testaus

responsive design

Responsive design (Responsive Web Design) ei ole nykyaikana vain muotia. Kyseessä on pääsy web-sivuihin riippumatta siitä millaisella laitteella (matkapuhelin, tablet, tietokone, ...) valitun sivun avataan. Massiivisen mobiililaitteiden (kuten tablettien tai älypuhelimien) boomin kanssa herää myös kysymys, miten voidaan näiden laitteiden käyttäjille näyttää sivun sisältöä siten, että se olisi mahdollisimman paljon selvä ja minimoida tarvetta suurentaa tai liikkua näyttöä. Jo vuonna 2010 älypuhelimien ja tablettien myynti yltyi maailmanlaajuisesti tietokoneiden ja kannettavien myyntiä, ja nykyaikana tämä ero kasvaa entistä enemmän. Tästä johtuu se, että enemmän ja enemmän ihmisiä käy nettisivuilla älypuhelimien tai tablettien kautta, ja nettisivujen omistajien tulisi muistaa, että sivut, jotka eivät ole suunniteltu suoraan mobiililaitteille, ovat jopa 99%:ssa sekavat, ja kauppias tai sivujen omistaja voi menettää paljon vieraita tai jopa ison myyntiprosentin.

Mikä responsive design oikeasti on?

Yksinkertainen määritelmä: Responsive web design - sivun sisällön soveltaminen mobiililaitteen näytön koolle. Vakio internetsivu on optimoitu tavallisille tietokoneille tai kannettaville. Mutta kun vieras avaa sivun tai e-shopin tabletissa tai älypuhelimessa ja sivu ei ole optimoitu responsive designin avulla, sivulla surffailu ei ole aivan ihanteellista. Koko sivu, kuten sen tunnetaan tietokonesta, pienenee mobiililaitteen näytön resoluution mukaisesti ja kaikki toimii normaalilla tavalla. Tämä kuitenkaan ei ole aivan paras mahdollinen ratkaisu. Kuvitelkaa, että sivu resoluutiolla 1024 x 768 joka on tarkoitettu esim. 17˝:lle näyttöille yht´äkkiä pienenee 480 x 320 resoluutioon 3˝:llä näytöllä. Se on enemmän kuin 11:n kertainen sivun pieneneminen, ja kaikki sivun elementit (teksti, painikkeet, kuvat ja linkit) ovat pieniä, epäselviä, ja omassa alkuperaisessa muodossa suunniteltuja ennen kaikkea tavallisille tietokoneille, joita ohjataan hiirellä eikä sormilla. Sivun käyttäjän on pakko kaiken sisällön monimutkaisesti suurentaa ja siirtää, ja tämän hänen on tehtävä kaiken lisäksi sormien avulla, nämä ovat leveämmät kuin kursori, joten ei ole aina mahdollista valita juuri sitä, mitä olisi ihminen halunnut. Responsive design on olemassa sitä varten, jotta se ottaisi huomioon mobiililaitteiden ergonomiset vaatimukset. Rajoitetun tilan takia on hyvä sisällyttää, poimia ja oikein järjestää elementtejä, jotka ovat todella tärkeitä. Itse sivua ei muuteta, se jää niin kuin tähän asti, mutta Teidän valmiin sivuun lisätään pari riviä, joista löytyvät ulkoiset tiedostot, jotka määrittelevät mitä ja miten milläkin resoluutiolla näytettään.

Tässä lähetämme Teidän sivujenne ilmaistestaajan eri laitteille ja resoluutioille, jotta voidaan testata miten Teidän sivujenne käyttäjä näkee sivujanne omalla laitteella.

Näyte 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
Mikäli olette kiinnostuneita muokkaamaan sivujanne Responsive designin avulla, suosittelemme Teille yhteistyötä yhtiön XXX:n kanssa, jolla on tällä alalla paljon kokemuksia, ja mielellään vastaavat Teidän kysymyksiinne!
kontakt: webmaster (at) responsive-design.com

Responsive Web Design