Responsiiviset verkkosivut

Tällaiselta sivu voi näyttää tietokoneen näytöllä.

Tällä hetkellä puhutaan paljon responsiivisistä sivustoista ja verkkokaupoista. Responsiivisyydellä tarkoitetaan yksinkertaisesti selitettynä  sitä, että sivusto skaalautuu katselulaitteen mukaan - mutta se ei ole kaikki. Olet varmaan törmännyt siihen, että katsellessasi verkkosivuja kännykällä tai tabletilla sivut eivät näy kunnolla ja joudut zoomailemaan sekä siirtelemään sivuja löytääksesi haluamasi. Responsiiviset sivut näyttävät aina selkeiltä ja ovat helposti käytettävissä, oli katselulaite mikä tahansa.

Tällaiselta sivu näyttää kun sitä katsotaan laitteella, jossa on kapeampi näyttö.

Skaalautuvia nettisivuja on tehty jo pidemmän aikaa, mutta jos katsot oheisia kuvia, joissa on käytetty esimerkkinä Skinnytiesin responsiivisia sivuja mallina, huomaat, että responsiiviset sivut asettelevat sivun elementit uuteen järjestykseen sen mukaan minkä kokoinen katselijan selain on.
(Näet skaalautuvan ja responsiivisen eron, kun avaat yllä olevat linkit ja tartut kiinni selaimen reunasta ja muuttelet selainikkunan kokoa).

Järjestys on tietenkin ennalta määrätty sivujen valmistusvaiheessa. Tässä onkin jutun juoni: sivuja tehtäessä on mietittävä, mikä on oleellista ja mikä ei. Responsiivisyys vähentää varmasti esitettävien asioiden määrää ja "less is more" toimii hyvin ja katsojan käytettävyys paranee.

Sivuja tehdessä pitää miettiä, mitkä ovat ne tuotteet ja asiat, joita halutaan näyttää kävijöille ensimmäisenä. Tässä apuna voisi käyttää esim. abc-analyysiä, jonka avulla voidaan päättää se strategia, minkä mukaan järjestys sivuille toteutetaan.

Miksi sitten pitäisi tehdä responsiiviset sivut? Yksinkertaisesti siksi, että mobiililaitteet kuten tabletit yleistyvät hurjaa vauhtia. Tablettikäytön ennustetaan kasvavan huikeasti tulevina vuosina ja tämän myötä nettisivujen täytyy toimia erilaisissa näytöissä. Jos nyt olet suunnittelemassa nettisivuja, niin responsiivisyys on hyvä lähtökohta tulevaisuutta ajatellen.