Olen saanut viime aikoina lähes joka päivä tukun kaikenlaisia kysymyksiä responsiivisesta suunnittelusta. Yksi suosituimmista on: mitä responsiivinen suunnittelu maksaa?

Vastaus vaatii hieman perusteluja, joten tuumin blogata aiheesta.

Mitä on responsiivinen suunnittelu?

Responsiivinen suunnittelu (responsive design tai mukautuva suunnittelu) on aihe, jota responsiivi-spesialistimme Timo Leiniö on käsitellyt blogissamme muutamaan eri otteeseen. Timon bloggaukset löydät täältä ja täältä. Oma näkökulmani responsiiviseen suunnitteluun on kuitenkin vähemmän tekninen kuin Timolla.

Minulle responsiivinen suunnittelu on yksinkertaisesti nykyaikainen tapa toteuttaa verkkopalvelu niin, että muutkin kuin perinteisellä pöytätietokoneella surffailevat voivat käyttää palvelua.

Itse asiassa en keksi kovinkaan montaa syytä olla toteuttamatta uutta verkkopalvelua mukautuvasti. Sen takia 100 prosenttia tuottamistamme uusista verkkopalveluista on responsiivista suunnittelua, ellei asiakas erikseen meiltä tätä kiellä. 😉

Miksi responsiivinen suunnittelu on niin kova juttu?

IT-viikko uutisoi 2.11.2012, että verkon selailu langattomilla päätelaitteilla ylitti lokakuussa ensimmäisen kerran 10 prosentin rajapyykin.

Potentiaalisesti joka kymmenes kävijä surffaa sinunkin sivuillasi tällä hetkellä kännykällä tai tabletilla.

Ja käyttö ei tule suinkaan vähenemään – päinvastoin – kaikki tilastot kertovat räjähdysmäisestä mobiilisurffailun kasvusta.

Näyttäisi siltä, että sosiaalisen median jälkeen webin seuraava suuri mullistus on mobiili netinkäyttö. Nyt se ei ole enää “tulossa”, se on jo saapunut. Vai mitä tuumailet seuraavista?

Luvut ovat järkyttävän korkeita. Ja kasvukäyrät näyttävät aina vain jyrkemmiltä.
Okei, okei, asiaan. Mitä tämä lysti oikein maksaa?

Uudet verkkopalvelut

Jos olet hankkimassa uutta verkkosivustoa, kannattaa pitää huoli, että siitä tehdään responsiivinen. Jos sekä graafikko että ohjelmoija osaavat hyvin responsiivista suunnittelua, perustason toteutus on nopea, kivuton eikä välttämättä lisää juuri kustannuksia. Puhutaan parhaimmillaan tunneista tai muutamista päivistä, maksimissaan yleensä viikosta tai parista.

Kustannuksiin on helppo vaikuttaa sivusuunnittelun toteutuksella ja tuen rakentamisella. Kustannuksiin vaikuttavat mm. seuraavat seikat:

  • Miten skaalautuminen toteutetaan isosta pieneen ruutukokoon? Elementit voi yksinkertaisesti latoa nopeasti päällekkäin tai sitten rakentaa mobiiliin kokonaan erilaisen käyttökokemuksen.
  • Kuinka paljon dynaamisia toimintoja verkkopalvelun käyttöliittymä sisältää? Mitä yksinkertaisempi layout, sitä nopeampi toteutus.
  • Miten resoluutiosuunnittelu suoritetaan? Valitaanko tietyt koot vai testataanko “breakpointit” (Lue Timon bloggaus) toimivaksi käyttöliittymän hajotessa?

Responsiivisen suunnittelun ammattilainen osaa suositella projektiisi (ja kukkaroosi) sopivan tason mukautuvalle suunnittelulle.

Responsiivinen toteutus ei siis välttämättä tarkoita automaattisesti kallista toteutusta.

Olemassa olevat palvelut – saako niistä responsiivisia?

Jos sinulla on jo verkkopalvelu, niin tilanne on toinen. Mitä suurimmalla todennäköisyydellä palvelusi käyttöliittymää ei ole suunniteltu skaalautuvaksi, joten on tuurista ja toimittajasi toteutustavoista kiinni kuinka kallis operaatio on.

Jos palvelusi on ikiwanha ja on rakennettu taulukoin, viisainta lienee rakentaa koko käyttöliittymä uusiksi. Jos taas ulkoasu on hyvin modulaarinen ja toteutettu nykyaikaisin tekniikoin, voi perustason responsiivisuuden saavuttaa hyvässä lykyssä melko pienelläkin työllä eli muutamassa päivässä.

Jos verkkopalvelu sisältää paljon toimintaa ja on sovellusmainen, esimerkiksi web-ERP tai varausjärjestelmä, voi responsiivinen suunnittelu olla iso urakka, jossa palvelusi käyttöliittymä joudutaan rakentamaan pitkälti uudelleen. Työ voi viedä viikkoja, jopa kuukausia.

Toisaalta kun käyttöliittymän uusii fiksusti, saa mukana muitakin etuja. Kuolevan Flashin voi korjata JavaScript-pohjaisilla komponenteilla, toteutuksessa voi käyttää sivupohjamoottoreita ja niin edelleen. Verkkopalveluhan ei ole koskaan valmis, vaan vaatii kehittämistä. Tai ainakin sitä käyttäjät sinulta odottavat.

Lopuksi

Nyt kun responsiivisuuden iloista on taas tullut jauhettua, pitää muistaa, ettei se ole ainoa tapa rakentaa mobiiliyhteensopivuutta. Esimerkiksi mobiilisovellukset ovat hyvä, mutta yleensä kalliimpi vaihtoehto.

Sen sijaan erillisille mobiilisaiteille povailen pikaista loppua. En kerta kaikkiaan keksi juuri syitä, miksi kukaan rakentaisi enää erillisiä mobiilisivustoja, kun yhdellä responsiivisella käyttöliittymällä ajaa vastaavan asian. Eikä tarvitse päivitellä montaa eri käyttöliittymää. Bye, bye, m.palvelu.fi osoitteet.

Jos sinua askarruttaa jokin asia koskien responsiivista suunnittelua, kommentoi alle tai lähetä meille sähköpostia. Vastailemme suoraan tai blogimme välityksellä. Tai jos haluat arvion oman verkkopalvelusi käyttöliittymän muuttamisesta responsiiviseksi, niin autamme mielellämme. 😉