Mobilní verze webu: jak postupovat? Adaptivní design

V současné době, většina lidí používá internet prostřednictvím mobilních gadgets - tablety, telefony, v souvislosti s optimalizací stránek jako na novou úroveň. Pokud uživatel přijde a vidí, že na místě není optimalizován pro mobilní zařízení: Nemůžete zobrazit obraz, stáhl tlačítko, malé a nečitelné písmo, design zkosené - 99 ze 100%, že vyjde a začne hledat jinou vhodnější. A crawler

Existují tedy čtyři klíčové způsoby přizpůsobení webu mobilní verzi.

První způsob - adaptivní design

Adaptivní šablony zahrnují změnu obrazu webu v závislosti na velikost obrazovky. Obvykle jsou nastaveny na standardní hodnoty 1600, 1500, 1280, 1100, 1024 a 980 pixelů. Pro implementaci platí CSS3 Media Queries. Návrh stránky se nemění současně.

Výhody této metody jsou:

• pohodlný design, protože samotná struktura se přizpůsobuje parametrům obrazovky a žádná aktualizace nevyžaduje vývoj od začátku, jen správné CSS a HTML;
• kdo URL - uživatel nemusí pamatovat několik jmen, není třeba pro přesměrování (forwarding z jedné adresy na druhou), což může komplikovat práci webmasterů a vyhledávače snadnější třídění a hodnosti zdroj s jedinou adresu.

Samozřejmě adaptivní šablony mají také své vlastní nedostatky, které jsou mimochodem více než zásluhy. Nicméně, mnoho vývojářů dodržovat tento koncept, například společnost Google, jehož mobilní verze webu má adaptivní design. Takže nevýhody jsou:

• Adaptivní návrh nepodporuje stejné činnosti v mobilním zařízení jako v počítači. Pokud se jedná například o mobilní verzi webové stránky banky, kde má uživatel pravděpodobnější informace o směnném kurzu nebo o nejbližší bankomatem, pak tento návrh je dost. Pokud je však komplexní strukturovaný zdroj s mnoha oddíly a podsekcemi, pak adaptivní uspořádání je nepravděpodobné, že návštěvníci potěší.
• Pomalé načítání změní váš oblíbený web na nenávistný. To platí zejména pro zdroje, kde jsou bohaté animace, videoklipy, vyskakovací okna a další aktivní prvky. Kvůli těžké hmotnosti bude stránka jednoduše "zpomalovat", uživatel se rozzlobí a zmizí a vyhledávací pozice webu klesnou.
• Nemožnost zakázat mobilní verzi je další významná nevýhoda. Pokud je některý prvek skrytý takovým rozvržením, nemůžete ho otevřít, na rozdíl od míst, kde může být deaktivován, a přejít na běžnou doménu.

Nicméně taková mobilní verze webu rychle, bez zvláštních dovedností a nákladů, vám umožní přizpůsobit zdroj nějakému gadgetu. Vzhledem k výše uvedeným nedostatkům je však vhodné používat malé, jednoduché zdroje s minimálními informacemi a multimédii, aniž by byla komplikovaná navigace a animace. Pro komplexní místo jsou vhodné dvě další metody.

Druhá metoda je samostatná verze webu

Tato metoda je velmi častá a často úspěšně dělá místo na mobilním zařízení pohodlnější pro vnímání. Jeho podstatou je vytvořit samostatnou verzi stránky, která je určena pro aplikaci a umístěná na samostatné adrese URL nebo subdoméně, například m.vk.com. Současně dochází k zachování hlavní funkce, design stránky vypadá jednoduše jinak. Výhody této metody jsou zřejmé:

• uživatelsky přívětivé rozhraní;
• je snadné měnit a provádět úpravy, protože verze existuje odděleně od hlavního zdroje;
• vzhledem k nízké hmotnosti samostatné verze webu je mnohem rychlejší než adaptivní šablona;
• nejčastěji je možnost přejít na hlavní verzi stránky mobilním telefonem.

Ale i zde existovaly nedostatky:

• Několik adres - desktopová a mobilní verze webu. Jak si uvědomím uživatele dvě možnosti? Webmastery často předepisují přesměrování (přesměrování) z verze dextup na mobilní zařízení, ale současně, pokud tato stránka v mobilní verzi neexistuje, obdrží uživatel chybu. Zde jsou potíže s vyhledávači, které jsou obtížné hodnocit 2 identické zdroje, což přímo ovlivňuje pokrok.
• Mobilní verze webu z počítače, pokud se k němu uživatel mylně zaměří, bude vypadat směšně, což může také ovlivnit účast.
• Tato verze je často velmi omezená, desktop, takže uživatel získá velmi omezené funkce. Ale zároveň, pokud něco chybí, může návštěvník přejít na plnou verzi stránky.

Obecně platí, že jediný mobilní web se ospravedlňuje a je nejběžnějším způsobem přizpůsobení zdroje pro mobilní zařízení. Je oblíbený u velkých internetových obchodů, například Amazon.

Třetí cestou je design RESS

Vyhledávač Google aktivně podporuje tento směr mobilního návrhu. Jedná se o nejkomplexnější, nákladnější, ale efektivní metodu přizpůsobení webu telefonu nebo tabletu. Říká se tomu RESS. Jedná se o cílení na zdroje v mobilní aplikaci, které lze stáhnout pro každé zařízení zvlášť. Pro Android - s GooglePlay, a pro Apple - s iTunes.

Takové aplikace jsou rychlé, bezplatné, pohodlné, mají schopnost přizpůsobit se různým typům informací, zatímco paměť telefonu a internetová komunikace nejsou spotřebovávány jako při návštěvě webu přes prohlížeč. Jsou snadno přístupné, protože odkaz bude vždy na obrazovce po ruce a není nutné zadávat komplexní jméno do adresního řádku prohlížeče.

Samozřejmě zde a jeho nedostatky, jako je složitost vývoje, vysoká cena práce velkého počtu programátorů, potřeba udělat několik verzí rozvržení. Někdy mobilní zařízení není aplikací rozpoznána. Pravidelná technická podpora, oprava nedostatků je nutná. Nicméně tato možnost je považována za nejlepší ze tří nabízených v důsledku její produktivní, hladké obsluhy.

Nejlevnější způsob, jak vytvořit mobilní web

Všechny výše uvedené metody předpokládají, i když ne vždy, dlouhá a složitá, ale stále placená práce webmastera. Pokud nevidíte naléhavou potřebu takového vývoje, můžete použít jednoduchou a bezplatnou mobilní verzi webu. Jak to ulehčit?

Stáhněte si speciální šablony (pluginy) pro adaptivní design. Například WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile a další. Pomohou vám správně zobrazit stránku v telefonu a současně obdržíte několik tipů, které by měly být opraveny pro lepší přizpůsobení stránky mobilní verzi.

Samozřejmě, tato metoda je sotva vhodná pro vážné zdroje. Spíše je tato volná příležitost určena pro malé a jednoduché weby, blogy, informační kanály. Nezapomeňte, že vyhledávač Google, jako je Yandex, dnes dává závažné požadavky na mobilní verze, takže je velká šance, že pomocí této metody snížíte své pozice.

S touto metodou bude s největší pravděpodobností reklamní a pop-up bannery odříznuty, ale stránka se načte rychle a bez "lag".

Zásady tvorby mobilních verzí

Nezáleží na tom, zda jste vytvořili mobilní verzi webu zdarma nebo s pomocí personálu webmastera, byl vytvořen v systému RESS nebo pomocí adaptivní šablony. Nejdůležitější je, že pro jeho efektivní práci je nutné dodržovat několik velmi důležitých zásad. Takže, jaká by měla být mobilní verze webu? Jak je to produktívní, efektivní a produktivní?

Odstraňujeme vše zbytečné

Minimalismus je něco, co by se vývojář mobilní verze stránek měl snažit. Představte si, jak těžké je vnímat informace, které jsou plné barev, knoflíků, bannerů a které musíte nekonečně procházet při hledání správného materiálu. Mobilní návrh by měl být jednoduchý a čistý. Zvolte 2-3 barvy pro oddělení místa (např. Značkové). Je lepší, když je jedna z nich bílá. Rozdělte prostor malé obrazovky na čiré a čitelné zóny. Virtuální klíče by měly být viditelné tak, aby uživatel jasně věděl, kam má kliknout, a viděl - to je zboží, zde je formulář pro vyplnění dat, zde jsou informace o doručení a platbě.

Všechny další možnosti, které by byly užitečné ve verzi pro stolní počítače a ulehčily život uživateli, přinesou pouze komplikace. Ponechte pouze ty nejdůležitější prvky. Animace, reklamní bannery, multimédia s největší pravděpodobností zpomalí stránky nebo aplikaci a odvrátí pozornost od hlavní věci.

Zarovnání

Problém vyrovnání je stejně akutní, protože pokud to uděláte nesprávně, uživatel obdrží pouze konce důležitých slov. Zarovnání vlevo a svisle je považováno za běžné. Představte si, jak jste prolistovali novinku v telefonu. Děláte to od horní části dolů, ale ne doleva nebo doprava.

Sjednocení

Když nejsou možnosti dlouhého řetězce přechodů, zkuste kombinovat několik kroků do jednoho. Například, místo je třeba zadat údaje v několika etapách - .. jméno, pak je adresa, kde v každé buňce jsou odděleny dům, ulice, byt, atd. Aby nedošlo k donutit uživatele, aby se pokusili dostat na natáčení malých buněk, požádejte je, aby vyplnit pouze 2 - jméno a adresu.

A odpojení

Někdy naopak musíte odpojit příliš mnoho informací. V rozevírací nabídce máte například seznam více než 80 měst, kde se uskutečňuje doručení. Seskupte je podle oblastí, aby se uživatel nemusel procházet tímto obrovským seznamem. Když poukáže na regionální centrum nebo oblast, vynechá další seznam měst.

Kontrolní seznamy

Mimochodem, o seznamech. Dvě jsou fixovány v abecedním nebo jiném pořadí as náhradou. Výběr z nich závisí na tom, co bude uvedeno.

Opraveno je výhodné v případě, že uživatel přesně ví, co hledá. Například město, číslo nebo datum. Druhá možnost je vhodná pro dlouhé složité názvy nebo pro případy, kdy existuje mnoho variací stejného jména a každé rozbalovací seznam přivede uživatele o krok blíže k cíli. Varianta s automatickou náhradou je častěji používána, když návštěvník potřebuje pomoc. Například stránky pro pletení nabízí koupit pletací jehly. Uživatel zadá vyhledávací dotaz "Kovové pletací jehly" a v nápovědě vidí "Houpačky 5 mm", "Houpačky 4,5 mm" atd.

Automatické vyplňování

Tento bod platí zejména pro stránky, které prodávají něco, co on-line a vy budete muset vyplnit standardní formě platby, dodání a tak dále. N. Je-li osoba provede nákup z telefonu, pak s největší pravděpodobností, že nemá čas se dostat do počítače, což znamená, že proces musíte nakupovat co nejrychleji a nejlépe.

Pokud tento formulář může obsahovat již vyplněné údaje, můžete použít nejoblíbenější odpovědi. Například vložte dnešní datum, způsob platby v hotovosti, město, pokud pracujete v jednom regionu. Mohou být změněny, ale pokud dojde k cíli, bude čas uživatele ukládán.

Všechno se čte, vše je viditelné

Vytvoření návrhu mobilní verze webu, nezapomeňte, že všechny telefony jsou různé a také vizi. Možná, že vaše stránky budou pohlížet s malou obrazovkou, takže písmo by měl být jednoduchý a čitelný, tlačítko - tak velké, že by klepnout a ne dostat na další stránku a obrázky musí být otevřeny samostatně, velký, a to zejména pokud jde o internet do obchodu.

Některé statistiky

Když mluvíme o přizpůsobení webu mobilním zařízením, nemůžete se uchýlit k statistikám, abyste pochopili, jak důležitý je tento proces propagace sítě.

Čísla jsou následující. Dnes používají gadgety 87% obyvatelstva, s výjimkou nejmladších dětí a některých starších lidí. Ekonomové předpovídají růst mobilního obchodu 100 krát na příštích 5 let. Současně je pouze 21% míst přizpůsobeno pro práci s mobilními zařízeními. Internetová komunikace a trh elektronického obchodování jsou tedy obsazeny pouze malou 5. částí.

Přemýšlejte o těchto číslech. Má smysl přizpůsobit svůj zdroj? Samozřejmě ano. Navíc, pokud je na tomto trhu tolik volného prostoru, můžete si na něm vzít svůj vlastní segment.

Kde je potřeba mobilní verze?

Použití mobilní verze je vhodné pro všechny platformy, které se snaží získat vysoký rating. Koneckonců je to přímý dopad na uživatele a vytváří pro něj komfortní podmínky pro pobyt na vašem webu.

Bez mobilní verze neexistuje:

• zpravodajské portály, neboť většina z nich se dívá telefonem na cestu do práce nebo studia;
• sociální sítě - ze stejného důvodu, a navíc existuje on-line komunikační faktor, což znamená, že by pro to měl být vytvořen pohodlný a srozumitelný chat;
• referenční stránky, stránky s navigací atd., kde se lidé obracejí, když hledají něco;
• on-line obchody - příležitost přilákat kupující, kteří tráví čas na nakupování, ale kupují vše prostřednictvím mobilního internetu.

Namísto závěru

V současné době mobilních technologií jsou ve fázi aktivního růstu a vývoje proto snaží být lídrem na trhu, musí každá společnost zajistila, že její online zdroj splňují požadavky. Kvůli rostoucím požadavkům uživatelů musí být místa neustále aktualizována a přizpůsobena různým zařízením. Je zřejmé, že v případě, že osoba je nepříjemné, že na konkrétní zdroj, nemůže existovat získat informace o výrobku nebo cenou, objednat, informovat o doručení, bude mu najít místo, kde se to vše bude možné. Proto je pro získání konkurence důležité mít flexibilní, pohodlný, funkční a zajímavý zdroj.

Mobilní verze stránek Android nebo Ios vám to pomůže. Chcete-li to provést, vyberte jednu z výše uvedených způsobů, jak redesign - adaptivní šablony, vytvoření nové stránky na subdoméně a přechod k němu tím, že přesměruje využití volného šablon nebo vytvořit mobilní aplikaci, jehož prostřednictvím může uživatel pohodlně vstoupit a pobývat na stránce.

Takový přístup pomůže nejen udržet loajalitu stávajících zákazníků, ale také poskytne příležitost přilákat nové návštěvníky.