Mobiliojo interneto svetainės dizainas yra sudėtingas, nes viena mobiliojo ryšio versija gali būti nesuderinama su kiekvienu įrenginiu. Dizaineriai turi žinoti apie geriausią dizaino praktiką, kad jūsų mobilusis buvimas būtų prasmingas ir naudingas.
Web kūrėjai nuolat diskutuoja apie tai, kokiu būdu geriausia sukurti mobilųjį tinklapį. Yra trys pagrindiniai mobiliojo interneto svetainės kūrimo būdai.
Sitie yra:
- Reaguojantis interneto dizainas.
- Specialios mobiliosios svetainės.
- „RESS“: serverio pusės programavimas suteikia CSS ir HTML, priklausomai nuo įrenginio tipo.
Kiekvienas metodas turi savo privalumus ir trūkumus. Žiniatinklio kūrėjas turi žinoti kiekvieną techniką, kad galėtų įgyvendinti geriausią situaciją.
3 būdai sukurti mobilųjį tinklapį
Atsakingas interneto dizainas (RWD)
RWD remiasi CSS3 medijos užklausomis, kad suderintų tinklalapio išdėstymą su įrenginio peržiūros srities dydžiu. Tas pats HTML kodas naudojamas skirtingiems planšetiniams kompiuteriams, mobiliesiems įrenginiams, staliniams kompiuteriams ir kitoms programoms.
Privalumai:
- Jūsų svetainė turės panašų turinį ir HTML antkainį, todėl mobiliojo ryšio lankytojai turės tą pačią patirtį, nesvarbu, kokio prietaiso jie naudoja.
- Vienas URL leidžia vartotojams lengviau susieti ir bendrinti turinį. (Jei tinklalapyje yra daugiau nei vienas URL adresas, vartotojai gali būti supainioti.)
Trūkumai:
Negalima atskirai optimizuoti mobiliojo turinio. Todėl dizaineris, naudojantis RWD, negali pritaikyti turinio atskirai mobiliesiems vartotojams.
Pagal 2013 m. Sausio mėn. HTTP archyvo duomenis vidutinis tinklapis yra apie 1,3 MB. Tačiau dauguma RWD vietų yra palyginti didesnės. Šis didesnis dydis sumažina mobiliųjų svetainių našumą, todėl jie tampa lėtesni.
Mobilieji naudotojai yra labiau suderinti su mobiliojo ryšio naudotojo sąsajos dizaino modeliais. Be to, mobilieji naudotojai yra pripratę prie daugialypės užduoties. Jei navigacijos struktūra nėra pritaikyta konkrečioms priemonėms, vartotojai gali susidurti su problemomis bandydami vienu metu atlikti kelias užduotis.
Specialios mobiliosios svetainės
Šis metodas pagerina mobiliųjų naudotojų patirtį sukuriant visiškai atskirą svetainę.
Privalumai:
- Valdymo paprastumas: mobiliesiems ir darbalaukiams reikia atskirų pakeitimų. Atlikti pakeitimai apsiriboja kiekviena atitinkama versija. Tai reiškia, kad mobiliojo ryšio platformai skirti pakeitimai negali būti pasiekiami iš darbalaukio.
- Kadangi kuriate konkrečiai mobiliai tinklavietę, lengviau ją racionalizuoti ir optimizuoti konkrečiai auditorijai.
- Turinio ir navigacijos struktūra gali būti pritaikyta mobiliesiems vartotojams.
Trūkumai:
Bendrinimas tinklalapiu per socialines žiniasklaidos priemones tampa sudėtingesnis, nes naudojant tam tikras mobilias svetaines yra keli URL puslapiai. Kai darbalaukio naudotojai spustelės mobiliuosius URL, bendrinamus socialinės žiniasklaidos platformose, jie gali netyčia gauti mobiliosios svetainės versiją, o ne darbalaukio versiją.
Siekiant išvengti pasikartojančių turinio problemų, žiniatinklio kūrėjas turi naudoti „rel =“ alternatyvias ir „rel =“ kanonines žymes. Jei mobilusis vartotojas ieško „Google“ ir paspaudžia darbalaukio URL, naudotojas peržiūrės darbalaukio versiją arba bus nukreiptas į mobiliosios svetainės versiją. Jei mobiliosios versijos nėra, naudotojas gaus klaidos pranešimą.
Sukūrus visiškai kitokią mobiliųjų naudotojų svetainę, svetainė bus pritaikyta konkrečiai mobiliesiems vartotojams. Tačiau norint įvykdyti šį tikslą, žiniatinklio kūrėjai turi iškirpti funkcionalumą ir turinį, kuris jiems yra košmaras.
Reaguojantis interneto dizainas+ Serverio komponentai (RESS)
Šis metodas priklauso nuo serverio pusės programavimo, kad skirtingų įrenginių HTML ir CSS būtų pritaikyti. Mobiliųjų naudotojų kodas skirsis nuo kompiuterių naudotojų kodo.
Pagrindinis šio įgyvendinimo tikslas yra pagerinti svetainės našumą. Šis metodas veikia gerai, kai jis derinamas su reaguojančiu interneto dizainu. Todėl šis įgyvendinimas gali būti vadinamas „Reaguojantis žiniatinklio dizainas + serverio pusėje“ (RESS).
Privalumai:
- Navigacijos struktūrą galima pritaikyti įvairioms darbalaukio ir mobiliojo ryšio naudotojų atliekamoms užduotims.
- Kūrėjai gali pašalinti puslapio elementus iš HTML ir CSS, kad pasiektų norimą ekraną.
- Galima pašalinti nereikalingą „JavaScript“ iš HTML, kuris atlaisvina CPU išteklius, atmintį ir mobiliųjų įrenginių talpyklą.
Trūkumai:
- Dinaminis HTML padidina serverio apkrovą.
- Įrenginio aptikimo negalima remtis.
- HTML ir CSS yra optimizuoti mobiliesiems. Darbalaukio versija naudoja daugiau HTTP užklausų ir „Java Scripts“.
Kuris būdas pasirinkti?
Sprendimas sukurti mobiliai optimizuotą svetainę priklauso nuo jūsų parduodamų produktų, tikslinės auditorijos, reikalingų investicijų, konkurencijos, konversijų rodiklių ir kt. Geriausiai veikiantis projektavimo metodas labai priklauso nuo ekrano formatų, operacinių sistemų, naršyklių ir rezoliucijas.
Labiausiai jautrios interneto dizaino svetainės neįgyvendinamos optimaliai ir dėl to šios svetainės įkelia daugiau laiko. Kadangi konkurencija yra didelė, galite prarasti klientus, jei jūsų svetainė veikia lėčiau. Naudotojas paprasčiausiai persijungs į kitą svetainę, kuriai atidaryti reikia mažiau laiko. Nors galima sukurti svetaines su trumpesnėmis apkrovos trukmėmis su specialiomis mobiliosiomis svetainėmis, su šiuo įgyvendinimu taip pat yra įvairių trūkumų.
RESS teikia RWD privalumus, įveikusius du pagrindinius trūkumus. Pagrindinis RESS trūkumas yra tai, kad prietaiso aptikimas yra nepatikimas. Turite dažnai tikrinti, ar nauji įrenginiai užtikrina, kad procesas ir toliau tinkamai veiktų.
Yra paslaugų, tokių kaip „DeviceAtlas“, „WURFL“ ir kiti, galintys aptikti naujus įrenginius. Tai bus labai naudinga atnaujinant naujus įrenginius jūsų duomenų bazėje.
Mobiliojo žiniatinklio dizainas sėkmingas tik tada, kai svetainė tinkamai rodoma mobiliajame įrenginyje. Nors dizaineriai yra nelengvas uždavinys atstovauti visas esmines darbalaukio dalis mažame mobiliajame lange, kasdien atsiranda naujų metodų, kad mobiliosios svetainės taptų geresnės, greitesnės ir visapusiškesnės.
„Mobile Website“ nuotrauka per „Shutterstock“
15 Pastabos ▼
