Napriek tomu, že sa počet webových stránok bez optimalizácie pre mobilné zariadenia znižuje, stále existujú webové stránky, ktoré sú určené iba pre stolné počítače. Predchádzajúca webová služba „mobilizátor“spoločnosti Google bola bohužiaľ ukončená. Duchovným nástupcom tejto služby je Google Weblight, ktorý je zameraný skôr na optimalizáciu pre pomalé pripojenia než na revíziu stránok pre mobilné prezeranie. Okrem služby Google existuje aj množstvo postupov a nástrojov, ktoré je potrebné vziať do úvahy pri vývoji webu s prihliadnutím na mobilné zariadenia.
Kroky
Časť 1 z 2: Experimentovanie s nástrojom Google Weblight
Krok 1. Analyzujte, ako funguje Weblight
Weblight je algoritmus vytvorený spoločnosťou Google, ktorý poskytuje používateľom rýchlejšie a jednoduchšie načítanie stránok v zlých sieťových podmienkach. To znamená, že Weblight nemá žiadne používateľské rozhranie a funguje na backende. Stránky sú zbavené svojich komplexnejších prvkov a prinášajú obmedzený a ľahký zážitok, a nie stránky výslovne optimalizované pre mobilnú platformu.
Krok 2. Otestujte zmeny webu pomocou Weblight
Na svojom mobilnom zariadení jednoducho pripojte úplnú adresu URL svojej stránky na koniec adresy weblight (napr. Ak je vaša webová stránka „mywebsite.com“, zadajte adresu https://googleweblight.com/?lite_url=https://mywebsite.com). Stránka sa načíta v zjednodušenej, ale funkčnej verzii. Vďaka odstráneným prvkom sa niektoré stránky môžu na obrazovkách mobilných zariadení zobrazovať oveľa lepšie.
Krok 3. Uznajte obmedzenia
Majte na pamäti, že nejde o explicitný nástroj na konverziu určený na interakciu s používateľom. Aj keď je ručné zadávanie webových stránok možné použiť len veľmi rýchlo, Weblight je navrhnutý tak, aby poskytoval maximálnu rýchlosť, nie použiteľnosť.
Časť 2 z 2: Navrhovanie pre mobilnú kompatibilitu
Krok 1. Majte na pamäti obmedzenia mobilného zariadenia
Mobilné zariadenia zdieľajú niekoľko aspektov, ktorými sa odlišujú od svojich náprotivkov pre stolné počítače. Tieto základné vlastnosti by mali byť hlavnými úvahami pri vytváraní stránok pre mobilnú spotrebu.
- Malé obrazovky a zvislosť: Aj keď sa rozlíšenia obrazovky na mobilných zariadeniach neustále zlepšujú, veľkosť a tvarový faktor zostáva pri navrhovaní stránok stále predmetom záujmu. Navrhovanie webu do rozloženia do jedného stĺpca je najlepšie pre telefóny (tablety môžu často používať webové stránky pre stolné počítače bez väčších problémov).
- Dotykové rozhrania: Prvky stránky by ste mali umiestňovať s ohľadom na veľkosť prsta. Prvky, ktoré používajú prejdenie myšou, by mali byť minimalizované alebo by mali byť prepracované na dotyk (napr. Rozbaľovacie ponuky).
- Dátové rýchlosti: Jednou z veľkých výhod mobilných zariadení je použitie mimo dosahu WiFi, ale dátové pripojenia sú zvyčajne pomalšie a menej spoľahlivé. Používateľské rozhrania (UI) by mali zostať jednoduché a obsah by mal byť viditeľný a prístupný. Príliš veľa neporiadku skracuje časy načítania a sťažuje navigáciu.
Krok 2. Použite službu Content Management System (CMS)
Pre tých, ktorí vyvíjajú s menším počtom zdrojov, je používanie služby CMS, ako je Wordpress alebo Squarespace, skvelými možnosťami pre nízkonákladový a užívateľsky príjemný mobilný dizajn. Motívy, ktoré využívajú responzívny webový design, poskytnú najľahšiu šablónu pre mobilné webové stránky.
Responzívny webový design je teória webového dizajnu, ktorá propaguje používanie tekutých dizajnových prvkov, ktoré umožňujú plynulé prechody dizajnu a použiteľnosti naprieč platformami
Krok 3. Otestujte obrazovky mobilných zariadení pomocou softvéru pre stolné počítače
Existuje množstvo bezplatných webových aplikácií, ktoré vám umožňujú emulovať mobilné zariadenia na testovanie estetiky a funkčnosti webových stránok. Použitie týchto nástrojov je také jednoduché, ako vybrať požadované testovacie zariadenie a potom vstúpiť na cieľovú webovú stránku a zobraziť si ukážku. Väčšina bude obsahovať nástroje pre premenné ako orientácia obrazovky, hustota pixelov alebo dokonca výber prehliadača. Niekoľko populárnych príkladov je:
- Emulátor režimu zariadenia Chrome
- mobilephoneemulator.com
- screenfly (podmnožina vtipných nástrojov)
- mobiletest.me (platené členstvo)
