Ang disenyo ng website ng mobile ay kumplikado, dahil ang isang mobile na bersyon ng isang site ay maaaring hindi magkatugma sa bawat aparato. Ang mga taga-disenyo ay dapat magkaroon ng kamalayan sa mga pinakamahusay na gawi sa disenyo upang gawing makabuluhan at kapaki-pakinabang ang iyong mobile presence.
May isang patuloy na debate sa mga developer ng Web tungkol sa kung aling paraan ng paglikha ng isang website na na-optimize sa mobile ay ang pinakamahusay. May tatlong nangungunang mga pamamaraan para sa pagbuo ng isang mobile na website.
Ang mga ito ay:
- Nakikiramay Web disenyo.
- Dedicated mobile na mga website.
- RESS: Ang programming ng server na bahagi ay nagpapakita ng CSS at HTML, depende sa uri ng device.
Ang bawat pamamaraan ay may mga kalamangan at kahinaan nito. Ang isang Web developer ay dapat magkaroon ng kamalayan ng bawat pamamaraan upang ipatupad ang pinakamahusay na isa para sa sitwasyon.
3 Mga paraan upang Magdisenyo ng isang Mobile Website
Nakikiramay Web Design (RWD)
Ang RWD ay umaasa sa mga query sa media ng CSS3 upang ihanay ang layout ng isang webpage na may sukat ng lugar ng pagtingin sa isang aparato. Ang parehong HTML code ay ginagamit upang ipakita ang iba't ibang mga layout ng webpage para sa mga tablet, mobile device, desktop at iba pang mga gadget.
Mga benepisyo:
- Ang iyong website ay magkakaroon ng magkatulad na nilalaman at HTML markup, kaya ang mga mobile na bisita ay magkakaroon ng parehong karanasan, hindi mahalaga kung anong uri ng device ang kanilang ginagamit.
- Ginagawa ng isang URL na mas madali para mag-link ang mga user sa at magbahagi ng nilalaman. (Kung ang webpage ay magagamit sa ilalim ng higit sa isang URL address, maaaring malito ang mga user.)
Mga balakid:
Hindi posible na hiwalay na i-optimize ang mobile na nilalaman. Samakatuwid, ang isang taga-disenyo na gumagamit ng RWD ay hindi maaaring maiangkop ang nilalaman nang hiwalay para sa mga gumagamit ng mobile.
Ayon sa data ng Enero 2013 mula sa archive ng HTTP, isang average na webpage ay tungkol sa 1.3 MB. Gayunpaman, ang karamihan sa mga RWD site ay mas malaki. Ang mas malaking laki na ito ay bumababa sa pagganap ng mga mobile na site, na ginagawa itong mas mabagal.
Ang mga gumagamit ng mobile ay higit na nakaayon sa mga pattern ng disenyo ng user interface na tukoy sa mobile. Bukod dito, ang mga gumagamit ng mobile ay bihasa sa multi-tasking. Maliban kung ang istrakturang nabigasyon ay na-customize para sa mga tukoy na aparato, ang mga gumagamit ay maaaring harapin ang mga problema kapag sinusubukan upang makamit ang ilang mga gawain nang sabay-sabay.
Mga Dedicated Mobile Site
Pinapabuti ng pamamaraang ito ang karanasan ng mga gumagamit ng mobile sa pamamagitan ng paglikha ng isang ganap na hiwalay na website.
Mga benepisyo:
- Ang pagiging simple ng pamamahala: Kinakailangan ang mga paghihiwalay na pagbabago para sa mga site ng mobile at desktop. Ang mga pagbabagong ginawa ay limitado sa bawat bersyon. Ang ibig sabihin nito ay ang mga pagbabago na sinadya para sa mobile na platform ay hindi maaaring ma-access mula sa desktop.
- Habang ikaw ay bumubuo ng isang website na partikular sa mobile, nagiging mas madali ang pag-streamline at i-optimize ito partikular para sa madla na iyon.
- Maaaring i-customize ang istraktura ng nilalaman at nabigasyon para sa mga gumagamit ng mobile.
Mga balakid:
Ang pagbabahagi ng webpage sa pamamagitan ng social media ay nagiging mas mahirap, dahil sa nakalaang mga mobile na site mayroong maraming mga URL para sa mga pahina. Kapag nag-click ang mga gumagamit ng desktop sa mga mobile na URL na ibinahagi sa mga platform ng social media, maaaring hindi nila sinasadyang matanggap ang mobile na bersyon ng site sa halip na ang desktop na bersyon.
Upang maiwasan ang mga dobleng isyu ng nilalaman, ang Web developer ay gumamit ng mga rel = "alternatibong" at rel = "canonical" meta tag. Kung ang isang mobile na gumagamit ay naghanap sa Google at mga pag-click sa isang desktop URL, ang gumagamit ay alinman sa tingnan ang desktop na bersyon o ma-redirect sa mobile na bersyon ng webpage. Kung wala ang mobile na bersyon, makakatanggap ang user ng isang mensahe ng error.
Ang paglikha ng isang lubos na iba't ibang website para sa mga gumagamit ng mobile ay nangangahulugan na ang site ay partikular na iniayon para sa mga gumagamit ng mobile. Gayunpaman, upang matupad ang layuning iyon, kailangang iwaksi ng mga nag-develop sa Web ang pag-andar at nilalaman, na nagiging isang bangungot para sa kanila.
Nakikiramay Web Design+ Mga Bahagi ng Server Side (RESS)
Ang pamamaraang ito ay nakasalalay sa server-side programming upang magbigay ng pasadyang HTML at CSS para sa iba't ibang mga device. Ang code para sa mga gumagamit ng mobile ay magiging iba mula sa mga gumagamit ng desktop.
Ang pangunahing layunin sa likod ng pagpapatupad na ito ay upang mapagbuti ang pagganap ng website. Ang pamamaraan na ito ay mahusay na gumagana kapag pinagsama sa tumutugon Web disenyo. Samakatuwid, ang pagpapatupad na ito ay maaaring tinukoy bilang Responsive Web Design + bahagi ng server na bahagi (RESS).
Mga benepisyo:
- Ang istrakturang nabigasyon ay maaaring ipasadya para sa iba't ibang mga gawain na ginagawa ng mga gumagamit ng desktop at mobile.
- Maaaring alisin ng mga developer ang mga elemento ng pahina mula sa HTML at CSS upang makamit ang nais na display.
- Posibleng tanggalin ang hindi kinakailangang JavaScript mula sa HTML, na nagpapalaya sa mga mapagkukunang CPU, memory at cache ng mga mobile device.
Mga balakid:
- Pinapataas ng Dynamic na HTML ang pag-load sa server.
- Ang pagtuklas ng aparato ay hindi maaaring umasa.
- Ang HTML at CSS ay na-optimize para sa pagganap ng mobile. Ang bersyon ng Desktop ay gumagamit ng higit pang mga kahilingan sa HTTP at Java Script.
Aling Paraan Upang Pumili?
Ang desisyon na mag-disenyo ng isang mobile-optimize na site ay depende sa mga produkto na ibinebenta mo, ang iyong target na madla, ang investment na kinakailangan, ang iyong kumpetisyon, mga rate ng conversion, atbp. Ang paraan ng disenyo na gagana nang husto ay higit sa lahat ay depende sa mga format ng screen, mga operating system, browser at mga resolusyon.
Ang pinaka-tumutugon sa mga site ng disenyo ng Web ay hindi maipapatupad nang mahusay at bilang isang resulta, ang mga site na ito ay kumukuha ng mas maraming oras upang mai-load. Dahil ang kumpetisyon ay mabangis, maaaring mawalan ka ng mga customer kung ang iyong site ay gumaganap nang mas mabagal. Ang isang user ay lilipat lamang sa isa pang website na kumukuha ng mas kaunting oras upang buksan. Bagaman posible na lumikha ng mga website na may mas maikli na mga oras ng pag-load na may nakalaang mga mobile na site, may mga iba't ibang mga drawback na nakalakip sa pagpapatupad na ito, masyadong.
Ang RESS ay nagkakaloob ng mga benepisyo ng RWD na labanan ang dalawang pangunahing kakulangan nito. Ang pangunahing kawalan ng RESS ay ang pagtukoy ng device ay hindi kapani-paniwala. Dapat mong subukan ang madalas para sa mga bagong aparato upang matiyak na ang proseso ay patuloy na gumagana nang maayos.
May mga serbisyo tulad ng DeviceAtlas, WURFL at iba pa na maaaring makakita ng mga bagong device. Ito ay isang malaking tulong upang i-update ang mga bagong device sa iyong database.
Ang matagumpay na disenyo ng Web ay lamang kapag ang isang website ay ipinapakita nang maayos sa isang mobile device. Kahit na isang nakakatakot na gawain para sa mga taga-disenyo upang kumatawan sa lahat ng mahahalagang bahagi ng isang desktop site sa isang maliit, mobile na window, araw-araw ang mga bagong diskarte ay lumitaw upang gawing mas mahusay, mas mabilis at mas ganap na tampok ang mga mobile na website.
Mobile Website ng Larawan sa pamamagitan ng Shutterstock
15 Mga Puna ▼
