Mobiililaitteille optimoidut verkkosivut eroavat pöytätietokoneiden ja kannettavien tietokoneiden sivuista. Jälkimmäiset on suunniteltu suuria näyttöjä ja tarkkoja hiiren napsautuksia varten, kun taas mobiiliverkkosivut on mitoitettu pienempiä näyttöjä ja epätarkkoja sormen napautuksia varten. mobiili
- Suunniteltu pienemmille näytöille ja epätarkalle sormen napauttelulle.
työpöytä
- Suunniteltu suurille näytöille tarkalla hiiren napsautuksella.
Koska suurin osa verkkosivustovierailuista 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, selaimen havaitseman mukaan. Joka tapauksessa mobiiliystävälliset verkkosivut eroavat työpöytäversioista monin tavoin.
Sivun suunnittelu: mobiilinäytöissä on vähemmän tilaa
mobiili
- Älypuhelinten ja tablettien näyttöjen lävistäjä on 4-10 tuumaa.
- Taitettavat tai laajennettavat valikkowidgetit korvaavat yleensä sivupalkit ja suuret otsikkovalikot.
- Täysleveä grafiikka, jossa tekstin välissä on oikeutettua tilaa.
työpöytä
- Useimmat pöytätietokoneiden näytöt ovat halkaisijaltaan 19-24 tuumaa.
- Sponsoroidut linkit ja suuret bannerimainokset ovat yleisempiä.
- Tiheämpää tekstiä, enemmän tilaa kuville.
Selvin ero työpöytä- ja mobiilisivujen välillä on näyttötila. Vaikka useimmat pöytätietokoneiden näytöt ovat halkaisijaltaan vähintään 19-24 tuumaa, tabletit ovat yleensä noin 10 tuumaa. Älypuhelimet ovat halkaisijaltaan noin 4 tuumaa. Pelkkä loitontaminen ei onnistu muuttamaan verkkosivua mobiiliystävälliseksi, koska se tekee tekstistä lukukelvoton ja vaatii ylimääräisen askeleen sivuston vierailijalta. Se tekee myös pienten elementtien tarkan napautuksen mahdottomaksi. Ongelman ratkaisemiseksi suunnittelijat voivat poistaa sivupalkit ja kuvat, jotka eivät ole ehdottoman välttämättömiä. Sen sijaan he käyttävät pienempiä kuvia, lisäävät kirjasinkokoa ja tiivistävät sisällön laajennettavissa oleviksi widgeteiksi. Tämä kiinteistöjen rajoitus on johtanut hyvin erilaiseen ajatteluun web-suunnittelijoiden keskuudessa. Myös 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 tarkasti luettavuuden silmällä. Monet sponsoroidut linkit ja suuret bannerimainokset eivät vain toimi puhelimessa tai pienessä tabletissa. Sen sijaan pienet ponnahdusikkunat ovat yleisempiä mobiilisivuilla. Asettelut, joissa on tekstiä kuvan ympärillä, eivät toimi hyvin mobiililaitteissa. Sen sijaan suunnittelijat antavat näille kuville usein koko näytön leveyden ja tulostavat tekstin niiden alle tai yläpuolelle. Samoin hyvä web-suunnittelu pilkkoo tekstin osiin luettavuuden vuoksi. kukaan ei halua lukea kiinteitä tekstiseiniä. Tästä tulee entistä tärkeämpää pienillä näytöillä. Valkoisen tilan harkittu käyttö on ratkaisevan tärkeää.
Sivunhallinta: Desktop Precision vs. Mobile Blobs
mobiili
- Suuret kosketusalueet tai yhteyspisteet tarkempaan navigointiin.
- Muu URL: lisää kirjaimen «m». Usein mahdollisuus tarkastella sivuston työpöytäversiota.
- Tunnuksilla on usein erillinen tila, joskus sormenjälkien esteettömyys.
työpöytä
- Tarkemmat kohdistinpohjaiset linkit ja painikkeet.
Toisin kuin työpöydällä oleva tarkka hiiren osoitin, ihmisen sormi on möykky, ja napauttaminen vaatii suuria näytöllä olevia hyperlinkkejä. Mobiiliystävälliset sivustot tarjoavat suuria napautusalueita (tai hotspotteja) tarkan navigoinnin helpottamiseksi. Myös mobiiliystävälliset verkkosivut sisältävät usein kirjeen m osoitteissaan; Esimerkiksi Facebookin mobiiliosoite on m.facebook.com. Mobiili-URL-osoite valitaan yleensä automaattisesti puolestasi, kun selaat mobiilitabletilla tai älypuhelimella. Joissakin tapauksissa näet napautettavan linkin, jonka avulla voit vaihtaa sivun normaaliin työpöytäversioon. Pöytäkoneille ja kannettaville tietokoneille tarkoitetut kirjautumis- ja salasanakentät ovat käymässä pieniksi ja käyttökelvottomiksi puhelimessa, joten verkkojulkaisijat tekevät niistä isompia ja antavat joskus omat sivunsa käytön helpottamiseksi. Kirjautuminen sormenjäljellä tai muulla tilillä, kuten Googlella tai Facebookilla, 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öydällä luettavaksi 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.