Již není nutné zdůrazňovat důležitost přípravy stránek pro mobilní zařízení. Mobilní revoluce je jedinou největší změnou krátké historie webu. Jedinou otázkou je, zda uživatelé chytrých telefonů a tablet budou v letošním nebo příštím roce tvořit více než polovinu publika.
S ohledem na tuto skutečnost optimalizace vstupních stránek pro mobilní zařízení je nyní pro každého návrháře nezbytným procesem. Nemusíte to být obtížné, ale existuje jednoduchý kontrolní seznam, který můžete provést, abyste zajistili, že váš web je připraven pro mobilní prohlížeče:
Schopnost webu měnit různé přístroje je zásadní. Existují tisíce zařízení, které jsou tam, takže výběr několika reprezentativních velikostí obrazovky není praktický.
Přijatou odpovědí na to je citlivý webový design, někteří lidé tvrdí, že adaptivní je lepší, jiní lidé tvrdí, že adaptivní je to samé. Tyto argumenty jsou skutečně sémantické, spodní čára spočívá v tom, že máte schopnost zajistit, aby vaše stránky fungovaly na jakémkoli zařízení, aktuálním i budoucím. Neudělit to by bylo nezodpovědné.
Jedním z důležitých aspektů: ujistěte se, že vaše stránky měří správně v portrétu a na šířku.
Je zřejmé, že mobilní zařízení nabízí mnohem méně místa, aby vyhovovalo obsahu na vstupní stránce. V ideálním případě nechte titulky krátké, stručné, na bod a kolem tří až čtyř slov. Stejně tak udržujte stránku co nejprázdněji, s malým počtem odkazů a maximálně jedním obrázkem, pokud je to možné.
Umístěte obsah do kuličkových bodů tak, aby oko mohlo snadno převzít, aniž byste museli pauzu a mžik. Vytvořte také jasnou výzvu k akci, abyste vyzvali návštěvníka, aby navštívil zbytek webu. Měla by poskytnout nějaký podnět a mohla by být stejně jednoduchá jako tlačítko, které umožňuje návštěvníkům volat firmu, obzvláště užitečné pro místní podniky, které také používají služby určování polohy.
Něco jako 75% vyhledávačů podnikne kroky do svých výsledků vyhledávání během hodiny, takže je snadné pochopit, proč by výzva k akci měla být silná. Uveďte také výzvu k akci někde v horní části stránky, takže je to jedna z prvních věcí, které mobilní návštěvník vidí.
Ano, velikost skutečně záleží na velikosti souboru. Vstupní stránka by se měla vždy rychle načíst, zejména pak, která bude přístupná přes mobilní zařízení.
Není nastaveno žádné pravidlo - tím rychleji, tím lépe - ale jako obecná příručka, pokud vstupní stránka trvá déle než 3 nebo 4 sekundy načtení, začnete ztrácet mnoho uživatelů.
V ideálním případě by vaše stránka měla být velmi lehká, méně než 20 kilobajtů. Snímky potřebují spoustu času, aby se načítali, a tak by se mělo udržet na absolutní minimum. Udržujte celý kód pěkný a uklizený, v případě potřeby použijte obrazové skvrny a použijte CSS namísto obrázků, pokud je to možné.
Stejně jako velikost souboru, přemýšlejte o počtu požadavků na server; obvykle tyto požadavky způsobují více zpoždění než skutečné stahování souborů.
Mobilní uživatelé jsou často na cestách, a proto používejte služby určování polohy. Přizpůsobte vstupní stránku tak, aby byla relevantní pro místní uživatele, a nabídněte jim také pobídky. Můžete například přizpůsobit obsah místní pobočce obchodu.
V závislosti na velikosti a rozsahu projektu můžete také upravit samotný obsah jádra na místo.
Být schopen číst, co je na obrazovce, je životně důležité, a proto je méně méně. Pokud nemůžete text přečíst telefonem v ruce, musí být větší. Opravdu jste omezen na místo.
Nevystavujte uživatele nekonečnému rolování, jinak se rychle nudí a půjdou dál. Ano, lidé mají na internetu krátkou pozornost, mnohem kratší než při čtení časopisu nebo knihy, takže vše, co děláte, musí upoutat pozornost ihned.
Cokoliv, co lze kliknout na vstupní stránce, by mělo projít zkouškou palec. Pokud nelze pomocí palce snadno kliknout, přehodnoťte ho. Podložky propojují, aby kolem nich zůstalo co nejvíce prostoru a nechali dostatečný prostor mezi odkazy. Tím se sníží pravděpodobnost, že uživatel vybere nesprávné odkazy a zanechá z frustrace.
Pluginy mohou být použity k zajištění toho, aby fotografie mohly být snadno přetahovány, ačkoli uvedení fotografií na vstupní stránku není přesně doporučeno.
Pokud umístíte formulář na vstupní stránku, bude to velmi jednoduché a nebudete mít dostatek místa. Formuláře, které vyžadují spoustu vstupů, jsou zastaralé a dosahují nižší míry konverze než jednoduché formy. Přidejte tedy co nejméně polí.
Lidé se znova rychle nudí, a tak jim poskytnout zdlouhavou formu, která je zaplní, bude pravděpodobnější, že opustí místo.
Navigace by měla být jednoduchá a přímočará. Udržujte tlačítka na minimu a ujistěte se, že projdou testem palec. Zkuste přidat tlačítka do různých oblastí stránky tak, aby bylo možné sledovat logickou cestu.
Důkladně vyzkoušejte vstupní stránku a ujistěte se, že funguje efektivně v mobilním zařízení. Zvážit Testování A / B , o čemž se v některých případech ukázalo, že vede k nárůstu o více než 40%.
Při testu A / B byste vytvořili dva vzory stejné stránky A a B. Doprava se pak rozdělí mezi jednotlivé konstrukce a zjistí, který z nich je nejlepší. Použijte metriky, které jsou pro projekt nejdůležitější, jako je míra konverze, prodej, míra odchodů. Na konci testu jděte s tím, který nejlépe funguje, a vy budete mít polovinu, dokud nebude mít osvědčený design.
Existuje mnoho mobilních simulátorů, ale podle toho, co si vyberete, ujistěte se, že je používáte pouze pro první kolo testů. Chcete-li správně otestovat, musíte používat skutečná zařízení. Beg, půjčte si a ukrást v případě potřeby, prostě podívejte se na vaše stránky na tolik reálných zařízení, jak můžete položit ruce na.
Čím více kliknutí nebo akcí má uživatel udělat, tím méně je pravděpodobné, že je má dokončit. Umožněte lidem dostat se z bodu A do bodu B co nejméně kliknutí. Udělejte neuvěřitelně jednoduchý aspekt navigace a výzvy k akci.
To jsou nejdůležitější věci, které je třeba mít na paměti při optimalizaci vstupní stránky pro mobilní zařízení. Pamatujte, že během celého procesu návrhu je mobilní médium odlišné od počítače. Lidé mají na mobilu ještě méně trpělivosti, protože jsou obvykle na cestách a chtějí dokončit svůj úkol s minimem rozruchu. Pomalé načítací časy a nereagující interakce také dráždí lidi, a tak si udělejte čas, abyste je měli v pořádku.
Dosažení správné úrovně může být odměňováním a může znamenat rozdíl mezi stránkami, které dobře vystupují proti konkurenci a ztrácejí návštěvníky.
Doporučený snímek / náhled, mobilní obrázek přes Shutterstock.