Bagaman ang bilang ng mga website na walang pag-optimize sa mobile ay lumiliit, natira ang ilan na idinisenyo para sa desktop lamang. Sa kasamaang palad, ang nakaraang serbisyo ng 'mobilizer' sa web ng Google ay hindi na ipinagpatuloy. Ang kahalili sa espirituwal na serbisyo ay ang Google Weblight, na idinisenyo sa paligid ng pag-optimize para sa mabagal na koneksyon sa halip na muling baguhin ang mga site para sa pagtingin sa mobile. Higit pa sa serbisyo ng Google, maraming bilang ng mga kasanayan at tool na dapat isaalang-alang kapag bumubuo ng isang site na nasa isip ang mobile.
Mga hakbang
Bahagi 1 ng 2: Pag-eksperimento sa Google Weblight
Hakbang 1. Pag-aralan kung paano gumagana ang Weblight
Ang Weblight ay isang algorithm na nilikha ng Google upang mabigyan ang mga gumagamit ng mas mabilis at magaan na pag-load ng pahina kapag nasa hindi magandang kondisyon sa network. Nangangahulugan ito na ang Weblight ay walang interface ng gumagamit at nagpapatakbo sa backend. Ang mga pahina ay hinubaran ng kanilang mga mas kumplikadong elemento, na nagbibigay ng isang hinubad, magaan na karanasan, sa halip na isang malinaw na na-optimize para sa mobile platform.
Hakbang 2. Subukan ang mga pagbabago sa site gamit ang Weblight
Sa iyong mobile device, idagdag lamang ang iyong buong URL ng site sa dulo ng address ng weblight (hal. Kung ang iyong website ay "mywebsite.com" pagkatapos ay ipasok mo ang https://googleweblight.com/?lite_url=https://mywebsite.com). Maglo-load ang pahina ng isang pinasimple ngunit nagganap na bersyon ng sarili nito. Sa mga natanggal na elemento, ang ilang mga site ay maaaring lumitaw nang mas mahusay sa mga screen ng mobile device.
Hakbang 3. Kilalanin ang mga limitasyon
Tandaan na hindi ito isang malinaw na tool ng converter na idinisenyo para sa pakikipag-ugnay ng gumagamit. Habang ang manu-manong pagpasok ng website ay maaaring magamit sa isang kurot, ang Weblight ay idinisenyo para sa bilis, hindi kakayahang magamit.
Bahagi 2 ng 2: Pagdidisenyo para sa Pagkatugma sa Mobile
Hakbang 1. Isaisip ang mga limitasyon ng mobile device
Nagbabahagi ang mga mobile device ng ilang mga aspeto na pinag-iiba ang mga ito mula sa kanilang mga katapat sa desktop. Ang mga pangunahing tampok na ito ay dapat na pangunahing pagsasaalang-alang kapag lumilikha ng isang site para sa pagkonsumo ng mobile.
- Maliit na mga screen at patayo: Bagaman ang mga resolusyon ng screen sa mga mobile device ay patuloy na nagpapabuti, ang laki at form factor ay nananatiling isang alalahanin para sa disenyo ng site. Ang pagdidisenyo ng isang site sa isang solong layout ng haligi ay pinakamahusay para sa mga telepono (ang tablet ay maaaring gumamit ng mga desktop site nang walang masyadong isyu).
- Mga interface ng touch: Ang mga elemento ng pahina ay dapat ilagay sa laki ng isang daliri sa isip. Ang mga elemento na gumagamit ng mouseover ay dapat na mabawasan o idisenyo muli para sa pagpindot (hal. Mga dropdown na menu).
- Mga bilis ng data: Ang isa sa mga mahusay na pakinabang ng mga mobile device ay ang paggamit sa labas ng saklaw ng wifi, ngunit ang mga koneksyon ng data ay karaniwang mas mabagal at hindi gaanong maaasahan. Ang mga interface ng gumagamit (UI) ay dapat manatiling simple at ang nilalaman ay dapat makita at naa-access. Ang sobrang kalat ay magbabawas ng mga oras ng pag-load at magiging mahirap ang pag-navigate.
Hakbang 2. Gumamit ng serbisyo sa Content Management System (CMS)
Para sa mga bumubuo na may mas kaunting mga mapagkukunan, ang paggamit ng isang serbisyo ng CMS tulad ng Wordpress o Squarespace ay isang mahusay na pagpipilian para sa murang, disenyo ng mobile na madaling gamitin ng gumagamit. Ang mga tema na gumagamit ng tumutugong disenyo ng web ay magbibigay ng pinakamadaling template para sa isang mobile site.
Ang tumutugong disenyo ng web ay isang teorya ng disenyo ng web na nagtataguyod ng paggamit ng mga elemento ng disenyo ng likido upang payagan ang makinis na mga paglipat ng disenyo at kakayahang magamit sa mga platform
Hakbang 3. Subukan ang mga screen ng mobile device gamit ang desktop software
Mayroong isang bilang ng mga libreng web application na nagbibigay-daan sa iyo upang tularan ang mga mobile device upang subukan ang mga estetika at pag-andar ng website. Ang paggamit ng mga tool na ito ay kasing dali ng pagpili ng nais na aparato sa pagsubok, pagkatapos ay pagpasok sa target na website upang i-preview. Karamihan ay magsasama ng mga tool para sa mga variable tulad ng orientation ng screen, density ng pixel, o kahit na pagpipilian ng browser. Ang ilang mga tanyag na halimbawa ay:
- Emulator ng Chrome Device Mode
- mobilephoneemulator.com
- screenfly (isang subset ng quirktools)
- mobiletest.me (bayad na pagiging miyembro)
