Skip to content →

Responsiivinen suunnittelu

Haluat varmasti, että sivustosi toimii joustavasti kaiken kokoisilla laitteilla. Unohda siis isoille ja pienille näytöille suunnitellut versiot ja muuta sivustosi kaikille näytöille sopivaksi. Näin toimittaessa sisältö kokonaisuudessaan suunnitellaan niin, että se sopii kullekin laitteelle ja tätä juuri on responsiivinen suunnittelu.

Websuunnittelun osalta puhutaan nykyään paljon tästä responsiivisesta suunnittelusta ja siitä käytetään myös nimityksiä mukautuva suunnittelu sekä reagoiva suunnittelu. Tällaisessa suunnittelussa sisältö reagoi laitteen ominaisuuksiin. Responsiivisessa suunnittelussa korostetaan nimenomaan sisällön asemaa. Visuaaliset elementit ja muu toiminnallisuus ovat tärkeässä roolissa. Sivuston tulee näyttää toimivalta ja fiksulta kaiken kokoisilla ruuduilla. Tärkeintä on suunnitella ensin sisältö ja sitten vasta miettä muuta sivuston suunnittelua.

Responsiivisen suunnittelun perimmäisenä tarkoituksena on luoda verkkosivustoja joihin voidaan sovittaa tarkempia tietoja käyttäjän laitteesta, esimerkiksi juuri näytön koosta, ja tarjota sisältöä joka sopii parhaiten kyseisen laitteen ominaisuuksiin. Tässä suunnittelussa sivun elementit sijoitetaan kunkin näyttöluokan mukaan optimaalisesti. Esimerkiksi kännykän näytöllä navigaatio saattaa olla sivun yläpalkin alla ja sitten navigaation alta löytyy sivuston varsinainen sisältö. Tällaisen responsiivisen sivuston suunnitteluun kuluu yleensä hiukan enemmän aikaa kuin perinteisen kiinteän ulkoasun luomiseen. Varsinkin kännykän käyttäjät kiittelevät responsiivisen suunnitellun käyttöä, sillä näin heidän ei tarvitse siirrellä sivua moneen suuntaan löytääkseen haluamansa sisällön, vaan se on sijoitettu järkevästi yläpalkin alapuolelle. Kun sivusto on kerran tehty responsiiviseksi, se mukautuu automaattisesti eri näytöille. Kannattaa siis tehdä verkkosivujen muunneltavuus näyttölaitteen tai selainikkunan leveyden mukaan heti kuntoon.

Published in Vinkit