Responsive Web Design
Responsive web design on lähestymistapa, jossa verkkosivustot mukauttavat automaattisesti asettelunsa, images-toiminnallisuutensa tarjoten optimaalisen katselukokemuksen kaikilla laitteilla, työpöytätietokoneista tableteihin älypuhelimiin.
Responsive web design varmistaa, että verkkosivustosi näyttää ja toimii hyvin riippumatta laitteesta tai ruutukokoista. Sen sijaan, että rakentaisit erilliset mobiili- ja työpöytäversiot, responsive design käyttää joustavia ruudukkoja, fluid images ja CSS media queries sopeuttaakseen yhden sivuston mihin tahansa viewporttiin.
Tämä varmistaa, että ydinexperience toimii mobilita (josta suurin osa verkkoliikenteestä tulee) ja lisäominaisuuksia kerrostetaan työpöytäkäyttäjille.
Käytännössä
- Oikeustoimiston ei-vastuullisen verkkosivuston mobiilinen poistumisprosentti oli 78 %, vastuullisen uudelleensuunnittelun jälkeen mobiilinen poistumisprosentti laski 45 %:iin ja mobiiliset johdot kasvoivat 120 %
- Verkkokaupan mobiilikonversioaste oli 0,5 % ei-vastuullisessa suunnittelussa vs. 2,8 % työpöydällä, vastuullinen uudelleensuunnittelu nosti mobiilikonversiot 2,1 %:iin
- Uutissivusto otti käyttöön vastuullisen suunnittelun ja havaitsi mobiilisessioduration kasvaneen 45 %, koska lukijat pystyivät lopulta lukemaan artikkeleita mukavasti puhelimellaan
- Ravintolan vastuullisen verkkosivuston uudelleensuunnittelu sisälsi napsauta-puhelua -painikkeita ja mobiiliystävällisiä valikoita, mikä lisäsi puhelimitse tehtyjä tilauksia mobiilikävijöiltä 60 %
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.