Vaikka verkkosivustojen määrä ilman mobiilioptimointia vähenee, on vielä joitakin vain pöytätietokoneille suunniteltuja. Valitettavasti Googlen aiempi "mobilisaattorin" verkkopalvelu on lopetettu. Palvelun hengellinen seuraaja on Google Weblight, joka on suunniteltu optimoimaan hitaat yhteydet eikä tarkistamaan sivustoja mobiilikatselua varten. Googlen palvelun lisäksi on olemassa useita käytäntöjä ja työkaluja, jotka on otettava huomioon, kun kehität sivustoa mobiililaitteita ajatellen.
Askeleet
Osa 1/2: Google Weblightin kokeilu
Vaihe 1. Analysoi Weblightin toimintaa
Weblight on Googlen luoma algoritmi, joka tarjoaa käyttäjille nopeammat ja kevyemmät sivulataukset huonoissa verkko -olosuhteissa. Tämä tarkoittaa, että Weblightilla ei ole käyttöliittymää ja se toimii taustalla. Sivuilta on poistettu monimutkaisemmat elementit, jotka tarjoavat riisutun ja kevyen kokemuksen sen sijaan, että ne olisivat nimenomaisesti optimoitu mobiilialustaan.
Vaihe 2. Testaa sivuston muutokset Weblightilla
Liitä mobiililaitteellasi koko sivustosi URL -osoite weblight -osoitteen loppuun (esim. Jos verkkosivustosi on "mywebsite.com", kirjoita sitten https://googleweblight.com/?lite_url=https://mywebsite.com). Sivu lataa yksinkertaistetun mutta toimivan version itsestään. Poistettujen elementtien avulla jotkin sivustot voivat näyttää paljon paremmilta mobiililaitteiden näytöillä.
Vaihe 3. Tunnista rajoitukset
Muista, että tämä ei ole nimenomainen muuntotyökalu, joka on suunniteltu käyttäjien vuorovaikutukseen. Vaikka verkkosivuston manuaalista syöttämistä voidaan käyttää nipistyksessä, Weblight on suunniteltu nopeuden, ei käytettävyyden vuoksi.
Osa 2/2: Suunnittelu mobiililaitteille
Vaihe 1. Muista mobiililaitteiden rajoitukset
Mobiililaitteet jakavat muutamia näkökohtia, jotka erottavat ne työpöytäsovelluksista. Näiden perusominaisuuksien pitäisi olla tärkeimmät näkökohdat luotaessa sivustoa mobiilikäyttöön.
- Pienet näytöt ja pystysuunta: Vaikka mobiililaitteiden näytön tarkkuus paranee jatkuvasti, koko ja muoto ovat edelleen huolenaihe sivuston suunnittelussa. Sivuston suunnittelu yhdelle sarakkeelle on parasta puhelimille (tabletit voivat usein käyttää työpöytäsivustoja ilman liikaa ongelmia).
- Kosketusrajapinnat: Sivuelementit tulee sijoittaa sormen koko huomioon ottaen. Elementit, jotka käyttävät hiiren kohdistusta, on minimoitava tai suunniteltava uudelleen kosketusta varten (esim. Pudotusvalikot).
- Datanopeudet: Yksi mobiililaitteiden suurista eduista on käyttö wifi -alueen ulkopuolella, mutta datayhteydet ovat tyypillisesti hitaampia ja vähemmän luotettavia. Käyttöliittymien (UI) on oltava yksinkertaisia ja sisällön oltava näkyvissä ja saatavilla. Liian paljon sotkua lyhentää latausaikoja ja vaikeuttaa navigointia.
Vaihe 2. Käytä sisällönhallintajärjestelmä (CMS) -palvelua
Niille, jotka kehittävät vähemmän resursseja, CMS-palvelun, kuten Wordpressin tai Squarespace, käyttäminen on loistava vaihtoehto edulliseen ja käyttäjäystävälliseen mobiilisuunnitteluun. Responsiivista web -suunnittelua käyttävät teemat tarjoavat helpoimman mallin mobiilisivustolle.
Responsiivinen web -suunnittelu on web -suunnittelun teoria, joka edistää nestemäisten suunnitteluelementtien käyttöä, jotta suunnittelu ja käytettävyys siirtyvät sujuvasti eri alustoilla
Vaihe 3. Testaa mobiililaitteiden näyttöjä työpöytäohjelmistolla
On olemassa useita ilmaisia verkkosovelluksia, joiden avulla voit jäljitellä mobiililaitteita testataksesi verkkosivuston estetiikkaa ja toimivuutta. Näiden työkalujen käyttäminen on yhtä helppoa kuin halutun testauslaitteen valitseminen ja sitten esikatseluun siirtyminen kohdesivustolle. Useimmat sisältävät työkaluja muuttujille, kuten näytön suunnalle, pikselitiheydelle tai jopa selaimen valinnalle. Muutamia suosittuja esimerkkejä ovat:
- Chrome -laitteen tilan emulaattori
- mobilephoneemulator.com
- screenfly (quirktoolien osajoukko)
- mobiletest.me (maksettu jäsenyys)
