Meri-Lapin museoiden verkkosivuston suunnittelua – kuinka monta eri leiskaa?

Olen selaillut eri sivustoja, joissa on hyviä vinkkejä responsiiviseen suunnitteluun ja tyyliin ”20 vinkkiä kuinka suunnitella sivut responsiivisesti.

Ensi alkuun tulisi päättää se, kuinka monelle eri koolle tekee leiskat. Yllä olevasta linkistä löytyy linkki toiselle sivustolle, jossa on hyvä diagrammi.

Olen päätynyt kolmeen eri kokoon:

1. 960px – 801px (”Läppärikoko”)

2. 800px – 481px (”Täppärikoko”)

3. 480px —> (”Mobiilikoko”)

Nämä kolme kokoa kattaa minusta hyvin kaikki tämän hetkiset laitteet. Toki jos päätelaite on valtavan suuri, pohja ei enää toimi. Mikähän ratkaisu tähän? Löysin sivuston, jossa pohditaan ongelmaa. Sivusto käyttää hyvää vertauskuvaa: ”suurilta laitteilta katsottaessa 960px-pohja on kuin kelluva lautta keskellä suurta valtamerta”. Sivustolla tarjotaan yhdeksi ratkaisuksi sitä, että suunnittelee sivuston käyttämällä suhteellista kokoa koko leiskassa. Toisaalta sivustolla kyseenalaistetaan ajatus siitä, että suuria päätelaitteita käytettäisiin samaan tapaan kuin pienempiä, jolloin niille suunnittelu on ehkä hivenen resurssien tuhlausta.

Käytettävyyden kannalta 960px on todettu hyväksi kooksi. Kolumnit pysyvät riittävän kapeina ja miellyttävinä lukea. Lukemisen kannalta optimaalinen sanojen määrä yhdellä rivillä on noin 12 sanaa. Ja tähän kun lisää sen tiedon, että suurin osa verkkokäyttäjistä käyttää yhä pienempiä laitteita, niin näillä kolmella leiskalla katetaan kumminkin suurin osa käyttäjistä. Näillä siis mennään eteenpäin.

Minna

Mainokset

2 comments

  1. Yrjö Nurkkala

    Tässä http://www.tornio.fi -sivuston mobiilikäyttäjien näytöntarkkuudet top ten ajalta 5.10.-4.11.2012:
    1. 768×1024 käyntejä 1 152
    2. 320×480 käyntejä 793
    3. 480×800 käyntejä 667
    4. 1280×800 käyntejä 172
    5. 640×360 käyntejä 109
    6. 720×1280 käyntejä 82
    7. 360×640 käyntejä 66
    8. 982×1231 käyntejä 62
    9. 982×1414 käyntejä 59
    10. 982×1559 käyntejä 49
    Sinänsä mobiilikäyttö on lisääntynyt Tornion sivustossa voimakkaasti syksyn aikana.

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out / Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out / Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out / Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out / Muuta )

Muodostetaan yhteyttä palveluun %s