Lähtölaukaus


Responsive design  

Responsive design

Viljami Salminen

Olet todennäköisesti törmännyt termeihin ‘adaptive’ ja ‘responsive’ moneenkin kertaan viimeisen parin vuoden aikana, mutta tiedätkö tarkemmin mitä ne tarkoittavat ja miksi niistä puhutaan juuri nyt niin paljon?

Lähdetään liikkeelle isommasta kokonaisuudesta jota kutsutaan nimellä Adaptive design. Adaptive design tarkoittaa käytännössä verkkopalveluiden rakentamista kerros kerrokselta niin, että ne ovat helposti saavutettavissa kaiken tyyppisillä päätelaitteilla. Pienistä matkapuhelimista aina uusia HTML5-ominaisuuksia tukeviin työpöytäselaimiin asti — näyttökoosta riippumatta.

Responsive design taas on pienempi osa-alue Adaptive designin alla ja siitä puhuttaessa viitataan pelkästään ulkoasuun (layout) joka mukautuu eri päätelaitteiden näyttökokoihin. Mukautumisessa käytetään hyväksi esimerkiksi CSS3:n Media queryjä sekä sisältöelementtejä jotka osaavat skaalautua palstojen ja näyttökoon mukaan.

Näiden ajatusmallien taustalla on pyrkimys eroon erillisistä mobiili-, tablet-, sekä desktop-versioista verkossa ja niiden yhdistäminen yhdeksi ja ainoaksi palveluksi. Tällöin voidaan tällä yhdellä ja ainoalla palvelulla palvella kaikkia käyttäjiä.

On ennustettu, että seuraavan 18-24 kuukauden aikana mobiililaitteet ovat yleisin tapa selata verkkoa. Jo tälläkin hetkellä 13% kaikesta liikenteestä verkossa tapahtuu pelkästään mobiililaitteilla. Kun näihin faktoihin vielä yhdistetään se, että eri näyttökokoja on jo nyt olemassa tuhansia, niin on helpompi ymmärtää miksei enää tulla toimeen vain kiinteälle leveydelle suunnitellulla verkkopalvelulla. Uudet työtavat ratkaisevat tämän ongelman.

Jeffrey Veen muotoili ajatusta jossakin blogipostauksessa suurin piirtein näin:

“Päivä päivältä laitteiden, ohjelmistoalustojen ja selainten määrä, joita sivustosi täytyy tukea, kasvaa. Responsive design edustaa perustavanlaatuista muutosta sekä työskentely-, että ajattelutavassamme jolla tulemme rakentamaan verkkosivustoja seuraavalla vuosikymmenellä.”

Yksi verkkopalvelu, useita eri päätelaitteita.

Yksi verkkopalvelu, useita eri päätelaitteita.

Keskustele Kommentit

Innovatiivinen yritys: Uintikauppa.fi

Antti Akonniemi,

Mistä homma sai alkunsa

Yrittäjähenkisen Jyrin ystävä pyysi häntä kehittelemään itselleen tienauskeinon. Ystävä oli uimavalvoja, joten ensimmäisenä ajatuksena oli aloittaa yksityisten uimareitten valmennus. Uimahallit kuitenkin suosivat ratavuoroissaan...

Jatka lukemista

Valmistautumisesta

Antti Akonniemi,

Muuten olen melko laiska valmistautumaan, mutta esiintymisen ollessa kyseessä jännityksen luoma paine saa minutkin preppaamaan ennalta. Julkinen esiintyminen motivoi merkillisesti.

Esiintymiseen valmistautumisenii menee kuitenkin usein “yli” tai en...

Jatka lukemista

Onnellisuus

Antti Akonniemi,

Uusi strategiamme on tehdä ihmisistä onnellisempia digitaalisten palveluiden avulla. Jotta voimme mitata onnistumistamme, tarvitsemme uusia mittareita. Meidän täytyy jatkossa varmistaa, että teemme työntekijämme, asiakkaamme ja heidän asiakkaansa mahdollisimman...

Jatka lukemista

Perfektionismi

Antti Akonniemi,

Monelle meistä omien tuotosten julkaiseminen on vähintään hankalaa tai ainakin epämukavaa. Joskus ylitsepääsemätöntä. Seth Godin puhuu Linchpin-kirjassaan lizard brainista, joka tekee kaikkensa sen eteen, ettemme mokaisi yleisön edessä. Sinänsä hienoa...

Jatka lukemista

Miksi ensimmäiset vuodet ovat vaikeita

Antti Akonniemi,

“Nobody tells this to people who are beginners, I wish someone told me. All of us who do creative work, we get into it because we have good taste. But there is this gap. For the first couple years you make stuff, it’s just not that good. It’s trying...

Jatka lukemista

Enemmän, nopeammin, erikoisempaa

Antti Akonniemi,

Mitä enemmän teemme, sitä enemmän opimme.

Mitä nopeammin pääsemme koestamaan ideaamme, sitä enemmän kirimme
kaulaa kilpailijoihimme.

Mitä erikoisempia ideamme ovat, sitä todennäköisemmin löydämme jotain arvokasta.

Älä pelkää epäonnistumista. Pelkä...

Jatka lukemista

Mikä tappaa menestyvän yrityksen?

Antti Akonniemi,

Mikä tekee yrityksestä hitaan ja ideaköyhän?

Tässä muutamia ajatuksia:

  • pelko ottaa vastuuta
  • pelko kokeilla uutta
  • status quon säilyttämisen helppous
  • liian hyvä markkina-asema/ei riittävää painetta kilpailijoilta
  • riskien minimointi
  • ei opita
Jatka lukemista
Lisää luettavaa »