Responsive-design

Responsive-design on web-kehitystapa, jossa verkkosivustot mukautuvat ja näyttävät oikein kaikilla ruudunkokoilla, työpöytänäytöistä tableteihin ja älypuhelimiin.

Responsive-verkkosivujen suunnittelu varmistaa, että sivusto näyttää ja toimii hyvin millä tahansa laitteella riippumatta ruudun koosta. Sen sijaan, että rakennettaisiin erilliset sivustot työpöydälle ja mobiilille (yleinen käytäntö 2010-luvun alussa), responsive-design käyttää joustavia asetteluita, joustavia kuvia ja CSS-media-kyselyitä soveltaakseen samaa sivustoa eri näkymäalueisiin.

Nykyinen responsive-design ei rajoitu pelkkään sisällön mahtamiseen pienemmille ruuduille. Se huomioi kosketuskohteet (tarpeeksi suurina nappeina paineltavaksi), navigointimallit (hamburger-valikko vs. täysi navigointipalkki), sisällön priorisointi (tärkeimmät tiedot esille mobiilissa) ja suorituskyky (kevyempien resurssien lataaminen hitaammilla mobiiliyhteyksillä).

Käytännössä

Verkkokaupan liikkeen mobiilin poistumisprosentti oli 75 % (työpöydällä 35 %), koska responsiivisuudeton sivusto oli puhelimilla lähes käyttökelvoton; responsiivisen uudelleensuunnittelun jälkeen mobiilin poistumisprosentti laski 40 %:iin
B2B-yhtiön responsiivinen uudelleensuunnittelu kasvatti mobiilien konversioiden määrää 60 % pelkästään tekemällä yhteyslomakkeen helppokäyttöiseksi älypuhelimilla.
Ravintolaketju vaihtoi erillisestä mobiilisivustosta (m.example.com) responsiiviseen suunnitteluun, mikä poisti kaksoissisältöongelmat ja paransi SEO-suoritusta.
Hyväntekeväisyysjärjestö uudelleensuunnitteli lahjoitussivunsa responsiivisten periaatteiden mukaan, ja mobiililahjoitukset kasvoivat 120 % ensimmäisellä neljänneksellä julkaisun jälkeen.

Lisää aiheesta: Verkkosivujen kehitys

Et ole varma, miten tämä koskee sinua?

Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.

Varaa ilmainen arviointi Kysy vain jotain