responsiivset

Responsiiviset verkkosivut ja käyttöliittymät ovat sellaisia, jotka mukautuvat automaattisesti erikokoisiin näyttöihin ja eri käyttötilanteisiin. Termiä käytetään yleisesti suomenkielisessä verkkosuunnittelun keskustelussa kuvaamaan responsiivista suunnittelua tai responsiivisia verkkosivustoja. Huomautus: yleisin kirjoitusmuoto suomeksi on "responsiiviset"; kirjoitusmuoto "responsiivset" on yleinen virheellinen variant.

Käsitteen tausta löytyy englanninkielisestä termistä Responsive Web Design (RWD), jonka Ethan Marcotte esitteli vuonna 2010. Suomessa käsitteeseen viitataan samalla tavalla, ja siihen liittyvät tekniikat tähtäävät sisältöjen skaalautuvuuteen sekä käyttökokemuksen säilyttämiseen eri laitteilla mobiilista työpöytään.

Keskeisiä tekniikoita ovat joustavat ruudukot (fluid grids), joustavat kuvat sekä media queryt, joilla tarjotaan erilaisia asetteluja riippuen näyttökoon. Käytännössä responsiivinen suunnittelu sisältää myös mobiili-ensimmäisen lähestymistavan sekä viewport-meta-tagin käytön, jotta selain mittaa sivun koon oikein. Modernit CSS-työkalut, kuten CSS-grid ja Flexbox, helpottavat monimutkaisten asettelujen luomista ja teksti sekä grafiikka pysyvät selkeinä erikokoisilla näytöillä.

Hyödyt ovat parantunut käyttökokemus, laajempi saavutettavuus ja parempi hakukoneoptimointi. Haasteita ovat toimivuuden varmistaminen eri laitteilla, suorituskykyyn vaikuttavat kuvat ja koodaus, sekä monipuolisen testauksen tarve. Responsiivisuus ei poista tarvetta toisille lähestymistavoille, kuten adaptive design, tilanteesta riippuen. Nykyisin responsiivinen suunnittelu on yleispreferenssi web-kehityksessä ja sovelluksissa.