Munka mobil eszközök oly módon, hogy egy jobb hely

Miután úgy döntött, egy ilyen komoly lépés, mint egy kiterjesztése a helyszínen, hogy megjelenjen az összes eszközön, a fejlesztők szembesülnek nehéz választás: hogy adaptív helyszínen vagy egy külön mobil verziója.

A célja ennek a cikknek - alapuló tematikus anyag forrás és a személyes fejlődés tapasztalat, hogy véget vessen ennek a kérdésnek.

Mobil változat pda.yandex.ru oldalon

Persze, néha vannak olyan esetek, amikor a mobil változata a magasabb prioritású. Például, amikor létrehoztuk a hely-fotópályázat a „Beeline” az integráció a Instagram, közel 90% -a forgalom származik mobil eszközök. Tehát a választás megoldás alapja a probléma maga.

Külön mobil oldalon

Hozzon létre egy külön mobil webhely egy jó megoldás abban az esetben, ha van egy nagy vysokoposeschaemy a projekt honlapján, és egy nagy vágy, hogy a globális újratervezés ott, de szükség van a mobil változat megnő. Ebben az esetben van szükség, hogy dolgozzon ki egy külön mobil site, amely megoldja az összes mobil közönség probléma. A jövőben mindkét oldalak párhuzamosan támogatni.

Előnyök ebben az esetben a következők:

• Autonómiáját. a fejlesztők, hogy a változások külön az asztali és mobil változata;
• Gyors boot idő. abban az esetben a mobil oldalon választható, hogy egy összetett animáció és a chips, a fejlesztők optimalizálni a webhely a mobil felhasználók számára;
• Egyszerű navigáció I: Az oldal célja, hogy figyelembe véve a problémákat, a közönség mobil eszközök.

Érzékeny web design

Adaptive hely szó szerint alkalmazkodik bármilyen lapméret átrendezésével blokkok helyzetben, változó betűméret, néha helyett a tartalom vagy funkció blokkok.

Ha beszélünk az adaptív elrendezés helyek, meg kell említeni, hogy a speciális forrásból gyakran eltérő nevű vagy típusú design. És ez egy pár vezet zsákutcába, ezért szükséges, hogy egyértelműen meghatározzák a feltételeket. Gyakori, amely egyesíti őket - a helyszínen alkalmazkodik bármilyen képernyő mérete, és csak, hogy milyen módszert végzünk, attól függően, hogy a személyes preferencia és ügyességi az előadó.

Adaptív tervezése (adaptív)

Jellemzi létrehozása kész változat az egyes képernyő felbontás érhető el a szerkezetátalakítási tartalom blokkok.

Az adaptív tervezés (reagáló)

Egyesíti a funkciók a „alkalmazkodó” és a „gumi” design. Ő alkalmazkodik a képernyő felbontását, mint a „gumi” elrendezés, hanem újjáépíti és sorrendje tartalom blokkok. Ezt illusztrálja a liquidapsive.com oldalon. Ahhoz, hogy megértsük a lényege ennek elvileg lehetséges az adja meg a fajta kialakítás (statikus, gumi, adaptív és fogékony) a jobb felső sarokban, és átméretezni a böngésző ablakot.

Ez a módszer, a programozási üzenetet használjuk a szerver oldalon, hogy hozzon létre CSS és HTML különböző eszközök: mobil felhasználók kapnak egy sor kódot, de a felhasználók az asztali számítógépek - egyéb. Tehát van egy kód optimalizálása az eszköztől függően, ami nagyban növeli a sebességet a tartalom letöltését.

Vannak más megvalósítási módjai, már kiosztott csak az alap. Közvetlenül a valós projektek, mi inkább a használata minden módszer jobban kombinálásával optimalizálása kód és a rugalmasság RESS Resposive design.

• Nagy tömeg oldalak: a fejlesztők gyakran elfelejti, hogy nem podgruzku képek alacsonyabb felbontású mobil eszközök ki- podgruzku nemkívánatos szkripteket, amelyek nem jelennek meg, ami befolyásolja a sebességet az oldal betöltése.
• A tartalom nem igazodik: esetenként a webhely nem oldja meg a problémát a felhasználó forgatókönyvek mobileszközökön, mert az asztalon célok némileg eltérnek, és ezt figyelembe kell venni a design.

Külön mobilverziói oldalak jól használható olyan helyzetek, amikor meg kell csinálni most, de a jövőben a fejlesztők kell fel erőforrásokat, hogy támogassa a két helyszín, ami gyakran vezet az a tény, hogy a változatok jelentősen eltér egymástól, és jelentősen felülmúlja az asztali változata funkcionális mobilitás. Ez a megoldás alkalmas helyek, hogy ritkán változnak - például vállalati irodák vagy promostranitsy. Más esetekben célszerű használni, érzékeny web design, mint az internet vállal alatt a gyors reagálást az aktuális eseményekre, és a funkcionális váltás. Hatékony honlap - ez olyan rugalmas eszköz, amely gyorsan alkalmazkodik bármilyen helyzetben. Egyébként ez csak egy terjedelmes sor CSS és „dzhipegov”.

Az adaptív tervezés kiválóan alkalmas online média, vagy a webes szolgáltatásokat, ahol gyakoriak a strukturális változások (hozzáadás / szerkesztése az új szakaszok vagy blokkok). Fejlesztése adaptív változata az oldalon igényel komoly felülvizsgálatát asztali változat, vagy egy teljes átalakítása. Lehetséges hátrányok adaptív elrendezés jelenik meg csak a rossz tervezés. Ami érthető, hiszen egy jó végrehajtása igényel szakmai megközelítés, megfelelő képességek és tudás sok árnyalatok.

A tervezés során figyelembe kell venni a különböző eszközök, a felhasználói magatartás velük, valamint a sok árnyalatok, mint az érintésérzékeny, méret, letöltési sebesség, animációs elemek, stb valamint, hogy ne vesszenek el a rengeteg adat és folytonosságának fenntartása a felület, hogy ne megijeszteni a felhasználót. Műszaki végrehajtáshoz szükséges ismeretekkel, hogyan kell optimalizálni a kódot nagyon gondosan és alaposan tesztelt nemcsak különböző böngészőkön és eszközökön, hanem (ami csak az Android-készülékek park). Ezért óvatosan kell választani az előadók.

És végül, egy érdekes és szemléltető példája adaptív tervezése:

Alex Bilozir Yan MecrazyJunkie Evgeny Kuzmin Renat Abyasov Dmitry Kaigorodov

Túl sok gondolt, amit változata az oldalon van jobb dolga. Megálltunk az adaptív. redroid.ru/
Kiderült szépen, de kevés a fékek, mert nem minden olyan simán. Flexbox például gátolja a Chromium :( Várjuk a fix, de közben reméljük, hogy az olvasók fognak szenvedni. Tehát mielőtt csinál adaptivku, továbbra is szükség van, hogy vigyázzon a technológia, amelyeket használni fognak ott :)

Általában minden esetben, de szeretnék beszélni védelmében a önálló verzió.

Sajnos, ez gyakorlatilag az egyetlen módja annak, hogy az induláshoz mobil közönség a kisvállalkozások számára. Az ilyen üzleti definíció szerint kevés a pénz, és további 10-15% -át az értékesítési számukra gyakran menekülni. Például, hogy egy regionális online áruház, amely kezeli rendelés 10 nap -, hogy pénzt keressen, s / n alapítója és egy asszisztens. Gondolod, hogy van több mint 150 ezer. Rubelt hely megváltoztatása által Adaptive?

A második pont. Ok, készek vagyunk azonnal, hogy a helyszínen reagálnak (a cégalapítást), de nem szabad, bár. Nos, tudja, hogy mi lesz tovább tárgyaljuk.

Ez azon a tényen kívül fejlesztő félrevezető lehet, és megtervezett weboldal rosszabb konvertált. Volt egy élmény, amikor egy egyszerű Landing hozott 30% -a regisztrációk és az új, szép és technológiailag - 20%. Az ilyen üzleti kísérletek és nem éli túl.

Most nézzük meg a „problémát” független változatai a site:

Támogatás két hely - minden attól függ, milyen típusú hely, ha beszélünk a vállalati honlap 10 oldal, nincs semmi gond. Ha körülbelül egy online áruház, vagy egy kisvárosi hírportál, akkor van mindenféle JSON, yml, xlm. Elolvassa az törekedni kell arra, hogy megszüntesse a kézi munka a mobil változat.

Teljesen más oldalak a felhasználó - mobil site szerkezete lehet nagyon közel van a nagy változat, és a legtöbb látogatások e területek lesznek a legtöbb „egyszeri” felhasználók számára. Plusz, hogy kezelni kell a forgalom, így a felhasználó elvégzi a kívánt műveletet nagyon gyorsan.

További URL - egyszerű technikai probléma, akkor elegendő, hogy automatikusan azonosítja a levelezés az oldalak között az asztali és a mobil változatok. Ugyanez Forbes könnyen csinálni azonosító Urla, valamint más esetekben, össze lehet hasonlítani az oldal címe és időpontja tartalom frissítéseket.

Letöltési sebesség - (!) Utal, amikor meghatározzák a készülék típusát használjuk js, az első terhelés lesz egy kicsit. De újra, meg tudod csinálni mindent szinten vizsgálatot a szállítás előtt oldalon. De ez nem a költségvetési döntéseket.

Problémák a SEO - amit hallott robots.txt?

Különböző változatokban, különböző mobil eszközök - ez tényleg egy érdekes kihívás, de a fejlődés a költségvetés ebben az esetben lesz a meghatározó tényező. Nagyjából azt senki sem zavar, hogy egy kis daptivnuyu mobil változata.

Szóval srácok, ne temessék külön mobil változatok. Biztos vagyok benne, hogy eljött az ideje, és látni fogjuk, a terjeszkedés részüket.