Mobiililaitteille optimoidut verkkosivut eroavat pöytätietokoneissa ja kannettavissa tietokoneissa näkyvistä sivuista. Jälkimmäiset on suunniteltu suuria näyttöjä ja tarkkaa hiiren napsautusta varten, kun taas mobiilisivustot on mitoitettu pienempiä näyttöjä ja epätarkkoja sormella napauttamista varten.
- Suunniteltu pienemmille näytöille ja epätarkalle sormen napauttelulle.
- Suunniteltu suurille näytöille tarkalla hiiren napsautuksella.
Koska suurin osa verkkosivustojen käynneistä tulee mobiililaitteista, sivuston suunnittelijoiden tehtävänä on tarjota versioita, jotka toimivat sekä mobiililaitteiden että pöytätietokoneiden kanssa. Yleisin tapa on käyttää responsiivista verkkosuunnittelua, joka toimittaa automaattisesti oikean version käyttäjän laitteen ja näytön koon perusteella, kuten selain havaitsee.
Joka tapauksessa mobiiliystävälliset verkkosivut eroavat työpöytäversioista useilla tavoilla.
Sivun suunnittelu: mobiilinäytöissä on vähemmän tilaa
- Älypuhelinten ja tablettien näyttöjen diagonaalit ovat 4–10 tuumaa.
- Taitettavat tai laajennettavat valikkowidgetit korvaavat yleensä sivupalkit ja isot otsikkovalikot.
-
Täysleveä grafiikka, jossa tekstin välistä tilaa käytetään oikeudellisesti.
- Useimmat pöytätietokoneiden näytöt ovat halkaisij altaan 19–24 tuumaa.
- Sponsoroidut linkit ja suuret bannerimainokset yleisempiä.
- Tiheämpää tekstiä, enemmän liikkumavaraa grafiikalle.
Ilmeisin ero työpöytä- ja mobiilisivujen välillä on näytön kiinteistö. Vaikka useimmat pöytätietokoneiden näytöt ovat halkaisij altaan vähintään 19-24 tuumaa, tabletit ovat yleensä noin 10 tuumaa. Älypuhelimet ovat noin 4 tuumaa diagonaalisesti. Pelkkä loitontaminen ei onnistu muuttamaan verkkosivua mobiiliystävälliseksi, koska se tekee tekstistä lukukelvoton ja vaatii ylimääräisen askeleen sivuston vierailij alta. Myös pienten elementtien tarkka napauttaminen on mahdotonta.
Korjatakseen ongelman suunnittelijat voivat poistaa sivupalkit ja grafiikat, jotka eivät ole ehdottoman välttämättömiä. Sen sijaan ne käyttävät pienempää grafiikkaa, lisäävät kirjasinkokoja ja tiivistävät sisällön laajennettavissa oleviksi widgeteiksi. Tämä kiinteistörajoitus on saanut verkkosuunnittelijoiden keskuudessa täysin toisenlaisen ajattelun.
Lisäksi kokoontaitettavat tai laajennettavat valikkowidgetit korvaavat yleensä sivupalkit ja isot otsikkovalikot. Pyrkiessään tekemään jokaisesta näyttötilan millimetristä tärkeän suunnittelijat poistavat ylimääräisen valkoisen tilan pitäen samalla huolella luettavuuden silmällä.
Joukko sponsoroituja linkkejä ja suuria bannerimainoksia eivät vain toimi puhelimella tai pienellä tabletilla. Sen sijaan pienet ponnahdusikkunat ovat yleisempiä mobiilisivuilla.
Asettelut, joissa tekstiä on kääritty grafiikan ympärille, eivät toimi hyvin mobiililaitteissa. Sen sijaan suunnittelijat antavat tälle grafiikalle usein näytön koko leveyden ja ajavat tekstin ala- tai yläpuolelle. Samoin hyvä web-suunnittelu jakaa tekstin osiin luettavuuden vuoksi. kukaan ei halua lukea kiinteitä tekstiseiniä. Tämä on entistä tärkeämpää pienillä näytöillä. Välilyöntien harkittu käyttö on ratkaisevan tärkeää.
Sivun ohjaimet: Desktop Precision vs. Mobile Blobs
-
Suuret kosketusalueet tai yhteyspisteet tarkempaan navigointiin.
- Eri URL-osoite: lisää kirjaimen "m". Usein mahdollisuus tarkastella sivuston työpöytäversiota.
- Kirjautumistiedoissa on usein erillinen tila, joskus sormenjälkikäyttömahdollisuus.
- Tarkempi kohdistinpohjainen linkki ja painike.
Toisin kuin työpöydällä oleva tarkka hiiren osoitin, ihmisen sormi on möykky, ja napauttaminen vaatii suuria kohteita näytöllä hyperlinkkejä varten. Mobiiliystävälliset sivustot tarjoavat laajat kosketusalueet (tai hotspotit) tarkan navigoinnin helpottamiseksi.
Mobiiliystävälliset verkkosivut sisältävät yleensä myös m-kirjaimen osoitteissaan; esimerkiksi Facebookin mobiiliosoite on m.facebook.com. Mobiili-URL-osoite valitaan yleensä sinulle automaattisesti, kun surffaat mobiilitabletilla tai älypuhelimella. Joissakin tapauksissa näet napautettavan linkin, jonka avulla voit vaihtaa sivun tavalliseen työpöytäversioon.
Pöytäkoneille ja kannettaville tietokoneille tarkoitetut kirjautumis- ja salasanakentät tulevat pieniksi ja käyttökelvottomiksi puhelimessa, joten verkkojulkaisijat tekevät niistä suurempia ja antavat joskus omat sivunsa käytön helpottamiseksi. Kirjautuminen sormenjäljellä tai muulla tilillä, kuten Google- tai Facebook-tilillä, on yleistymässä laitteiden ja palveluiden ominaisuuksien kehittyessä.
Miksi sillä on väliä?
Mobiiliverkkosivut on suunniteltu kannettaville laitteille, ja ne ovat melko erilaisia kuin työpöytäkäyttöön tehdyt sivut. Vaikka voit yleensä tarkastella verkkosivun työpöytäversiota mobiililaitteella ja päinvastoin, ne on suunniteltu eri tavalla, jotta sisältö olisi helpompi tarkastella, lukea ja navigoida.