Vytvoření webové stránky že to funguje dobře na mobilu není snadné, ale je to možný úkol. Pokud svůj web před odesláním ověříte, není důvod, proč by uživatelé mobilních zařízení neměli mít skvělý dojem. Možná vás však zajímá, které prvky vyžadují vaši pozornost nejvíce.
V tomto tutoriálu vám poskytneme jednoduchý seznam kritérií, která by váš web měl splňovat. Pokud ano, vaši uživatelé budou mít pravděpodobně skvělé mobilní prostředí, a pokud ne, řekneme vám, jak věci změnit. Začněme bodem číslo jedna!
1 - Otestujte svůj web ve více rozlišeních
Jednou z nejdůležitějších věcí, pokud jde o mobilní weby, je to, že by se váš web neměl jevit jako zmenšená verze pro stolní počítače. To znamená, že každý z vašich prvků by měl být na pozoru před více rozlišeními.
Pokud se naopak žádný z vašich prvků na mobilu nezobrazí dobře, mohlo by to negativně ovlivnit vaši míru okamžitého opuštění. Chytrá věc, kterou musíte udělat, je otestovat své Webové stránky v několika rozlišeních a zkontrolujte, zda se vše zobrazuje správně.
Naštěstí tento proces není tak složitý, jak to zní, a nepotřebujete k tomu vlastnit více zařízení. Existuje mnoho služeb, které vám umožní vše rychle otestovat Webové stránky v různých rozlišeních, např.
Nástroje Chrome Dev : Tato integrovaná funkce prohlížeče Chrome obsahuje panel nástrojů zařízení, pomocí kterého můžete otestovat svůj web v různých rozlišeních.
Služby jako Screenfly et BrowserStack : Tyto služby třetích stran vám umožňují testovat vaše stránky na mnohem širší paletu rozlišení.
Všechny nástroje, které jsme zmínili, jsou zdarma, takže rozpočet by neměl být problém a neexistuje žádná omluva pro přeskočení tohoto kroku!
2 - Zkontrolujte, zda jsou vaše nabídky a navigace zobrazeny na menších obrazovkách
Ve většině případů jsou nabídky primárním prostředkem pro vaši navigaci Návštěvníci. Pokud se na vaše odkazy špatně kliká nebo čte v menším rozlišení, ovlivní to použitelnost. Kromě toho také chcete, aby byly všechny položky nabídky snadno dostupné bez ohledu na zařízení, které používáte k navigaci.
S ohledem na to udělejme několik kroků, abychom se ujistili, že ti nic neunikne, když je čas vyzkoušet mobilní nabídky:
- Zkontrolujte, zda jsou viditelné všechny položky nabídky.
- Ujistěte se, že je každý odkaz zarovnán a že vnořené nabídky jsou vnořeny.
- Zkontrolujte, zda si můžete přečíst každou položku nabídky a kliknout na ni.
Většina moderních témat WordPress pro vás automaticky vytvoří citlivé nabídky. Pokud máte na svém webu problémy s tímto aspektem, měli byste zvážit změnu tématu.
3 - Zkontrolujte, zda jsou vaše obrázky dobré při malém rozlišení
Obrázky jsou klíčovou součástí všeho Webové stránky, ale někdy vaše grafika nemusí mít nejlepší rozlišení. Pokud například vaše logo není čitelné, když někdo na váš web vstoupí přes mobil, bude to mít jasný vliv na image vaší značky.
Ve většině případů se lidé více obávají „zkreslení“ svých obrazů, ale problémem může být i změna měřítka. Ne všechny obrázky mohou být upraveny tak, aby byly ideální pro každé rozlišení, ale můžete podniknout kroky, které vám usnadní řešení problému:
Zaměřte své úsilí na důležité obrazy pro image vaší značky.
Hledejte škálovatelné alternativy k populárním typům obrázků, například SVG.
Kdykoli je to možné, rozhodněte se pro lépe oříznuté obrázky, aby se lépe vešly do menších velikostí.
Pokud budete mít tyto tipy na paměti, měli byste být dobří. Nezapomeňte, že pokud jde o velmi složité obrázky, jako je počítačová grafika, je možné, že je nebudete moci plně škálovat při nízkém rozlišení.
4 - Vyzkoušejte čitelnost obsahu
Jedním aspektem, který nejvíce ovlivňuje použitelnost mobilních zařízení, je čitelnost. Když pracujete s menším tvarovým faktorem, musíte to kompenzovat tím, že zajistíte, že se váš text bude zobrazovat i přes malé velikosti obrazovky, místo aby se zmenšilo písmo. Cíl je zde jednoduchý: uživatelé by se nemuseli muset přiblížit, aby si mohli přečíst váš obsah. Koneckonců, toto je perfektní recept na otravování uživatele.
Naštěstí je čitelnost aspektem, který je relativně jednoduchý:
- Vyberte základní písmo, které je pro obsah velmi dobře čitelné.
- Pokud je to možné, používejte titulky k rozdělení vašeho obsahu na snadno čitelné oddíly.
- Přejděte na motiv, který vám dává větší kontrolu nad tím, jak se váš text zobrazuje.
Pokud jde o náš poslední bod, mnoho moderních témat by vám mělo nabídnout možnost, kterou hledáte.
To je vše pro tyto tipy, doufám, že vám pomohou lépe optimalizovat vaše blogy pro mobilní zařízení. Pokud máte nějaké dotazy, neváhejte se jich zeptat.
