Nors svetainių be optimizavimo mobiliesiems mažėja, vis dar yra svetainių, skirtų tik darbalaukiui. Deja, ankstesnė „Google“mobilizatoriaus žiniatinklio paslauga buvo nutraukta. Paslaugos dvasinis įpėdinis yra „Google Weblight“, sukurtas siekiant optimizuoti lėtą ryšį, o ne peržiūrėti svetaines, skirtas peržiūrėti mobiliesiems. Be „Google“paslaugų, yra daug praktikos ir įrankių, į kuriuos reikia atsižvelgti kuriant svetainę, atsižvelgiant į mobiliuosius.
Žingsniai
1 dalis iš 2: Eksperimentai naudojant „Google Weblight“
1 žingsnis. Išanalizuokite, kaip veikia „Weblight“
„Weblight“yra „Google“sukurtas algoritmas, skirtas vartotojams greičiau ir lengviau įkelti puslapius esant prastoms tinklo sąlygoms. Tai reiškia, kad „Weblight“neturi vartotojo sąsajos ir veikia užpakalinėje sistemoje. Puslapiuose atimami sudėtingesni elementai, o tai suteikia lengvą patirtį, o ne aiškiai optimizuotą mobiliesiems.
Žingsnis 2. Išbandykite svetainės pakeitimus naudodami „Weblight“
Mobiliajame įrenginyje tiesiog pridėkite visą svetainės URL prie „Weblight“adreso pabaigos (pvz., Jei jūsų svetainė yra „mywebsite.com“, įveskite https://googleweblight.com/?lite_url=https://mywebsite.com). Puslapis įkelia supaprastintą, bet funkcionalią savo versiją. Pašalinus elementus, kai kurios svetainės mobiliųjų įrenginių ekranuose gali pasirodyti daug geriau.
Žingsnis 3. Pripažinkite apribojimus
Atminkite, kad tai nėra aiškus konvertavimo įrankis, skirtas naudotojų sąveikai. Nors rankiniu būdu įeiti į svetainę galima šiek tiek, „Weblight“sukurta atsižvelgiant į greitį, o ne patogumą.
2 dalis iš 2: Suderinamumo mobiliesiems projektavimas
Žingsnis 1. Turėkite omenyje mobiliųjų įrenginių apribojimus
Mobilieji įrenginiai turi keletą aspektų, dėl kurių jie skiriasi nuo kitų kompiuterių. Šios pagrindinės funkcijos turėtų būti pagrindinės aplinkybės kuriant svetainę, skirtą naudoti mobiliesiems.
- Maži ekranai ir vertikalumas: nors ekrano skiriamoji geba mobiliuosiuose įrenginiuose nuolat gerėja, dydis ir formos faktorius išlieka susirūpinę dėl svetainės dizaino. Svetainės kūrimas į vieno stulpelio išdėstymą geriausiai tinka telefonams (planšetiniai kompiuteriai dažnai gali naudoti darbalaukio svetaines be didelių problemų).
- Prisilietimo sąsajos: puslapio elementai turi būti dedami atsižvelgiant į piršto dydį. Elementai, kuriuose naudojamas pelės žymeklis, turėtų būti sumažinti arba pertvarkyti, kad juos būtų galima liesti (pvz., Išskleidžiamieji meniu).
- Duomenų perdavimo greitis: Vienas iš didžiausių mobiliųjų įrenginių privalumų yra naudojimasis už „Wi -Fi“ribų, tačiau duomenų ryšiai paprastai yra lėtesni ir mažiau patikimi. Vartotojo sąsajos (UI) turėtų išlikti paprastos, o turinys - matomas ir prieinamas. Per daug netvarkos sutrumpins įkėlimo laiką ir apsunkins naršymą.
2 veiksmas. Naudokite turinio valdymo sistemos (TVS) paslaugą
Tiems, kurie kuria mažiau išteklių, CMS paslaugos, tokios kaip „Wordpress“ar „Squarespace“, yra puiki galimybė pigiai ir patogiai kurti mobiliuosius. Temos, kuriose naudojamas interaktyvus žiniatinklio dizainas, bus paprasčiausias svetainės mobiliesiems šablonas.
Atsakingas interneto dizainas yra žiniatinklio dizaino teorija, skatinanti naudoti sklandžius dizaino elementus, kad būtų galima sklandžiai pereiti prie dizaino ir patogumo naudoti įvairiose platformose
Žingsnis 3. Išbandykite mobiliųjų įrenginių ekranus naudodami darbalaukio programinę įrangą
Yra daugybė nemokamų žiniatinklio programų, leidžiančių mėgdžioti mobiliuosius įrenginius, kad būtų galima patikrinti svetainės estetiką ir funkcionalumą. Naudoti šiuos įrankius yra taip paprasta, kaip pasirinkti norimą bandymo įrenginį, tada įeiti į tikslinę svetainę ir peržiūrėti. Daugelyje jų bus įrankiai tokiems kintamiesiems kaip ekrano orientacija, pikselių tankis ar net naršyklės pasirinkimas. Keletas populiarių pavyzdžių:
- „Chrome“įrenginio režimo emuliatorius
- mobilephoneemulator.com
- „screenfly“(keistų įrankių pogrupis)
- mobiletest.me (mokama narystė)