Edhe pse numri i faqeve të internetit pa optimizimin e celularëve po zvogëlohet, mbeten disa që janë krijuar vetëm për desktop. Fatkeqësisht, shërbimi i mëparshëm i "mobilizuesit" i Google është ndërprerë. Pasardhësi shpirtëror i shërbimit është Google Weblight, i krijuar rreth optimizimit për lidhje të ngadalta dhe jo rishikimit të faqeve për shikimin e celularëve. Përtej shërbimit të Google, ka një numër praktikash dhe mjetesh që duhet të merren parasysh kur zhvilloni një faqe me celularin në mendje.
Hapa
Pjesa 1 nga 2: Eksperimentimi me Google Weblight
Hapi 1. Analizoni sesi funksionon Weblight
Weblight është një algoritëm i krijuar nga Google për t'u siguruar përdoruesve ngarkime më të shpejta dhe më të lehta të faqeve kur janë në kushte të dobëta të rrjetit. Kjo do të thotë që Weblight nuk ka ndërfaqe përdoruesi dhe funksionon në pjesën e pasme. Faqet janë të zhveshura nga elementet e tyre më komplekse, duke siguruar një përvojë të zhveshur dhe të lehtë, në vend se një të optimizuar në mënyrë eksplicite për platformën mobile.
Hapi 2. Provoni ndryshimet e faqes me Weblight
Në pajisjen tuaj celular, thjesht bashkëngjitni URL -në tuaj të plotë të faqes në fund të adresës së dritës së internetit (p.sh. nëse faqja juaj e internetit është "mywebsite.com" atëherë futni https://googleweblight.com/?lite_url=https://mywebsite.com) Faqja do të ngarkojë një version të thjeshtuar, por funksional të vetes. Me elementët e hequr, disa faqe mund të shfaqen shumë më mirë në ekranet e pajisjeve mobile.
Hapi 3. Njohni kufizimet
Mbani në mend se ky nuk është një mjet konvertues i qartë i krijuar për ndërveprimin e përdoruesit. Ndërsa hyrja me dorë në uebfaqe mund të përdoret në një çikë, Weblight është krijuar për shpejtësi, jo përdorshmëri.
Pjesa 2 nga 2: Projektimi për pajtueshmërinë me celularin
Hapi 1. Mbani parasysh kufizimet e pajisjes celulare
Pajisjet celulare ndajnë disa aspekte që i bëjnë ato të dallueshme nga homologët e tyre të desktopit. Këto karakteristika kryesore duhet të jenë konsideratat kryesore kur krijoni një faqe për konsum celular.
- Ekranet e vegjël dhe vertikaliteti: Megjithëse rezolucionet e ekranit në pajisjet mobile po përmirësohen vazhdimisht, madhësia dhe faktori i formës mbetet një shqetësim për hartimin e faqes. Dizajnimi i një siti në një plan kolonash të vetme është më i miri për telefonat (tabletët shpesh mund të përdorin faqe desktop pa shumë probleme).
- Ndërfaqet me prekje: Elementet e faqes duhet të vendosen duke pasur parasysh madhësinë e gishtit. Elementet që përdorin mouseover duhet të minimizohen ose ridizajnohen për prekje (p.sh. menutë zbritëse).
- Shpejtësitë e të dhënave: Një nga avantazhet e mëdha të pajisjeve celulare është përdorimi jashtë rrezes së WiFi, por lidhjet e të dhënave janë zakonisht më të ngadalta dhe më pak të besueshme. Ndërfaqet e përdoruesit (UI) duhet të mbeten të thjeshta dhe përmbajtja duhet të jetë e dukshme dhe e arritshme. Rrëmujë e tepërt do të pengojë kohën e ngarkimit dhe do ta bëjë navigimin të vështirë.
Hapi 2. Përdorni një shërbim të Sistemit të Menaxhimit të Përmbajtjes (CMS)
Për ata që zhvillohen me më pak burime, përdorimi i një shërbimi CMS si Wordpress ose Squarespace është një mundësi e shkëlqyeshme për dizajn celular me kosto të ulët dhe miqësore për përdoruesit. Temat që përdorin dizajn të përgjegjshëm të uebit do të ofrojnë modelin më të lehtë për një sit celular.
Dizajni i përgjegjshëm i uebit është një teori e dizajnit të uebit që promovon përdorimin e elementeve të rrjedhshëm të dizajnit për të lejuar kalime të qetë të dizajnit dhe përdorshmërisë nëpër platforma
Hapi 3. Testoni ekranet e pajisjeve celulare duke përdorur softuer desktop
Ekzistojnë një numër aplikacionesh në internet falas që ju lejojnë të imitoni pajisjet mobile për të testuar estetikën dhe funksionalitetin e faqes në internet. Përdorimi i këtyre mjeteve është aq i lehtë sa zgjedhja e pajisjes së dëshiruar të provës, pastaj hyrja në faqen e internetit të synuar për të parë. Shumica do të përfshijnë mjete për variabla si orientimi i ekranit, dendësia e pikselit, apo edhe përzgjedhja e shfletuesit. Disa shembuj të njohur janë:
- Emulatori i modalitetit të pajisjes Chrome
- mobilephoneemulator.com
- screenfly (një nëngrup i quirktools)
- mobiletest.me (anëtarësim me pagesë)