Alhoewel die aantal webwerwe sonder mobiele optimalisering daal, bly daar 'n paar wat slegs bedoel is vir desktop. Ongelukkig is die vorige 'mobilizer' -webdiens van Google gestaak. Die geestelike opvolger van die diens is Google Weblight, wat ontwerp is vir optimalisering vir stadige verbindings eerder as om webwerwe vir mobiele kyk te hersien. Behalwe die diens van Google, is daar 'n aantal praktyke en gereedskap wat in ag geneem moet word by die ontwikkeling van 'n webwerf met die oog op mobiele toestelle.
Stappe
Deel 1 van 2: Eksperimenteer met Google Weblight
Stap 1. Ontleed hoe Weblight werk
Weblight is 'n algoritme wat deur Google geskep is om gebruikers vinniger en ligter bladsye te laai in swak netwerkomstandighede. Dit beteken dat Weblight geen gebruikerskoppelvlak het nie en op die agterkant werk. Bladsye word van hul meer ingewikkelde elemente ontneem, wat 'n afgetrapte, liggewig ervaring bied, eerder as een wat uitdruklik geoptimaliseer is vir die mobiele platform.
Stap 2. Toets werfveranderings met Weblight
Voeg eenvoudig u volledige webwerf -URL op u mobiele toestel aan die einde van die weblight -adres (bv. As u webwerf 'mywebsite.com' is, voer u https://googleweblight.com/?lite_url=https://mywebsite.com in). Die bladsy laai 'n vereenvoudigde, maar funksionele weergawe van homself. Met die verwyderde elemente kan sommige webwerwe baie beter op skerms van mobiele toestelle lyk.
Stap 3. Herken die beperkings
Hou in gedagte dat dit nie 'n eksplisiete omskakelingshulpmiddel is wat ontwerp is vir gebruikersinteraksie nie. Alhoewel die handmatige betreding van die webwerf in 'n knippie gebruik kan word, is Weblight ontwerp vir spoed, nie bruikbaarheid nie.
Deel 2 van 2: Ontwerp vir mobiele verenigbaarheid
Stap 1. Hou beperkinge op mobiele toestelle in gedagte
Mobiele toestelle deel 'n paar aspekte wat hulle onderskei van hul lessenaars. Hierdie kernkenmerke behoort die belangrikste oorwegings te wees by die oprigting van 'n webwerf vir mobiele verbruik.
- Klein skerms en vertikaal: hoewel skermresolusies op mobiele toestelle voortdurend verbeter, bly die grootte en vormfaktor kommerwekkend vir die ontwerp van die werf. Die ontwerp van 'n webwerf in 'n enkele kolom -uitleg is die beste vir telefone (tablette kan dikwels lessenaarwebwerwe sonder te veel probleme gebruik).
- Raakkoppelvlakke: Bladelemente moet met die grootte van 'n vinger in gedagte gehou word. Elemente wat met die muisoorgang gebruik word, moet geminimaliseer word of herontwerp word vir aanraking (bv. Keuselys).
- Datasnelhede: Een van die groot voordele van mobiele toestelle is die gebruik buite die wifi -bereik, maar dataverbindings is gewoonlik stadiger en minder betroubaar. Gebruikerskoppelvlakke (UI) moet eenvoudig bly en die inhoud moet sigbaar en toeganklik wees. Te veel rommel sal laai tye afbreek en navigasie bemoeilik.
Stap 2. Gebruik 'n Content Management System (CMS) diens
Vir diegene wat met minder hulpbronne ontwikkel, is die gebruik van 'n CMS-diens soos Wordpress of Squarespace 'n uitstekende opsie vir goedkoop, gebruikersvriendelike mobiele ontwerp. Temas wat reageer op webontwerp, bied die maklikste sjabloon vir 'n mobiele webwerf.
Responsiewe webontwerp is 'n teorie van webontwerp wat die gebruik van vloeibare ontwerpelemente bevorder om gladde oorgange van ontwerp en bruikbaarheid oor platforms moontlik te maak
Stap 3. Toets skerms vir mobiele toestelle met behulp van lessenaarsagteware
Daar is 'n aantal gratis webtoepassings waarmee u mobiele toestelle kan navolg om die estetika en funksies van die webwerf te toets. Dit is so maklik om hierdie instrumente te gebruik as om die gewenste toetsapparaat te kies, en dan na die teikenwebwerf te gaan om 'n voorskou te kry. Die meeste bevat gereedskap vir veranderlikes soos skermoriëntasie, pixeldigtheid of selfs blaaierkeuse. 'N Paar gewilde voorbeelde is:
- Emulator van die Chrome -toestelmodus
- mobilephoneemulator.com
- screenfly ('n deelversameling van spesiale gereedskap)
- mobiletest.me (betaalde lidmaatskap)