Už nějakou dobu se někdo, kdo se zabýval optimalizací vyhledávačů, ujistil, že je k dispozici mobilní verze svých webových stránek, protože jinak riskují, že se bude algoritmus Google zlobit. Přesto, na rozdíl od mnoha jiných trendů ve světě SEO, výzkum ukazuje, že používání mobilních webů se nezhoršuje, přestože mnoho takzvaných mobilních webových stránek je bolestivé. Nejen, že jsou mobilní pohledy rostoucí, ale vybuchují. Výzkum od Statista odhaduje, že objem webového provozu v roce 2019 bude přibližně 24,3 Exabyte, což je vyšší než 4,2 Exabyte v roce 2015.

Jen abyste se ujistili, že rozumíte závažnosti tohoto problému, jedna Exabyte se rovná 1 miliardě gigabajtů.

Navzdory důkazům, které ukazují, že návštěvníci používají své mobilní zařízení k procházení webu, ne každý navrhuje s ohledem na mobilní uživatele. Podle skupiny Nielsen-Norman:

... Existuje více uživatelů inteligentních telefonů po celém světě než uživatelé stolních a přenosných počítačů [ale] použitelnost mobilních webových stránek a aplikací je stále ještě zdaleka za použitelností webových stránek pro stolní počítače.

Samozřejmě, že ne každý chce mobilní webové stránky, které jsou pro Google dostatečně dobré. Chtějí, aby jejich návštěvníci měli pozitivní zkušenost, když přistávají na svých webových stránkách, nebo tak, že jsou určeny pro zákazníka. A tak přizpůsobí své návrhy.

Vyberte si svůj přístup

Většina lidí spojuje mobilní web s citlivým webovým designem, protože to byl buzzword hozený kolem různých blogů a prezentací po nějakou dobu. Odpovědný návrh webových stránek však není jedinou strategií a není vždy nejlepším přístupem. Nejlepší volba je založena na tom, jak chcete, aby vaši návštěvníci komunikovali s obsahem na vašem webu.

Odpovídající webový design

Pomocí dotazů na média ke změně zobrazení webu na základě velikosti obrazovky je to tekutý přístup k navrhování pro více zařízení. Navrhujete jednou a spoléháte se na CSS pro změření měřítka zobrazení na obrazovce.

Adaptivní design

Tento přístup je založen na statických stránkách určených pro různé hraniční body. Po zjištění velikosti obrazovky se zobrazí příslušné rozvržení. Zde je potřeba navrhnout různé rozvržení pro různé velikosti obrazovky. Obvykle jsou sestaveny šest rozložení pro běžné šířky: 320, 480, 760, 960, 1200, 1600.

Nattivní aplikace

Toto je, když vytvoříte aplikaci iOS, Android nebo Windows určenou k tomu, aby sloužila vašemu webovému obsahu mobilním uživatelům.

Pochopte, jak fungují interakce

Bylo by těžké nalézt webové stránky v těchto dnech, které nenabízí nějaké uživatelské interakce. Mohlo by to být obchodní web, který shromažďuje informace od potenciálních zákazníků, stránky elektronického obchodu postavené pro nákupy nebo stránky, které návštěvníkům umožňují přihlásit se na událost nebo místo. V každém případě bude uživatel muset poskytnout informace, provést volby a stisknout tlačítka a musíte se dostat do myšlení, že se věci na mobilním zařízení liší.

Pro začátečníky se zaměřte na důležité funkce. To může vyžadovat nějaké přeskupení z vaší strany, nebo budete muset snížit některé prvky, které jste chtěli zahrnout. To nejen pomůže snížit nepořádek, ale umožní větší knoflíky a další prvky, které by mohly mít větší prsty s těžkým zapojením. Pokud je to vůbec možné, snížíte potřebu zadávání textu uživateli. Mohou mít k dispozici klávesnici na obrazovce, ale všichni víme, že při jejich používání je vysoká míra chyb, a funkce jako automatické opravy nebo předpovědi textu se mohou stát velmi frustrujícími. Uvědomte si také, že existuje velká šance, že mobilní návštěvník může být přerušený nebo ztracen. Čím méně je potřeba, když se vyprší, tím méně frustrace, kterou pocítí.

Pomozte návštěvníkům snadno navigovat

Pro účely SEO mnoho projektantů bylo vyškoleno v průběhu let, aby začlenily složité navigační nabídky do své práce tak, aby vyhledávačové pavouci dokázali indexovat vše. Když máte vše přístupné z navigačního menu, zajistíte, že vaši návštěvníci budou moci najít to, co hledají. Ale pro mobilního návštěvníka tyto ohromující nabídky skutečně zpřísňují navigaci a správně vytvořený mapa stránek pošle roboti vyhledávače, kde je budete potřebovat.

Namísto dlouhých seznamů položek nabídky neváhejte volby na více než šest, takže se mobilní návštěvníci nemusí pokoušet procházet dolů, aby viděli vše, když se snažili udržet nabídku otevřenou. Také odstranit podnabídky. Tento malý znak +, který očekáváte od uživatelů klepnutím na rozbalení možností, je opravdu těžké klepnout, pokud nepoužívají stylus. Apple je UI Design Basics uvádí, že průměrný prst vyžaduje 44 pixelů zleva doprava a nahoru a dolů. Návrh s ohledem na tento prostor.

Trend webových stránek pro jednu stránku je zde také zvážen. Navržen s ohledem na návštěvníky mobilních zařízení, tato technika umožňuje návštěvníkovi procházet vaše stránky a najít vše, co potřebují, na jednu dlouhou stránku. Tento typ designu zapomíná vše kolem záhybu, protože uživatelé mobilních telefonů pohodlně procházejí přes obsah, aby zjistili, co potřebují.

Nezapomeňte na svůj účel

Když přemýšlíte o vašich mobilních návštěvnících, budete vyzváni, abyste trochu vynechali. Ale to, co byste nikdy neměli obětovat, je důvodem, proč máte první místo. Ujistěte se, že značka zůstává konzistentní, pokud potřebujete, aby vaše logo zůstalo prominentní, a poté použijte správné množství nemovitostí pro zobrazení. Pokud jsou vaše stránky těžké z obsahu, ujistěte se, že mají mobilní uživatelé přístup ke všem. Ukrytí obsahu z mobilních zařízení v podstatě potrestá návštěvníky za to, že nejsou na celoobrazovkovém displeji.

Jako weboví designéři jsme zvyklí na trendy v našem oboru. Každý rok jsou seznamy, které nás zavádějí na nejnovější módy a metodiky, které bychom měli věnovat pozornost. Navrhování pro mobilní uživatele není jedním z nich. Je to realita, kde náš průmysl jde, a oni prostě stále přidávají další velikosti obrazovky pro nás pracovat s tak, že opravdu není žádná velikost odpovídá všem přístup, který můžete vzít.

Vy, vaše organizace, zákazníci a další zúčastněné strany musí určit, co je důležité a strukturovat vaše stránky kolem těchto prvků. Ale přemýšlejte o tom, co je důležité pro vaše návštěvníky, protože to je to, co je důležité. Uživatelské zkušenosti by nikdy neměly být o tom, co si myslíme, že je nejlepší nebo co chceme vidět. Nemůžeme přinutit lidi, aby měli skvělou zkušenost při návštěvě našich stránek. Místo toho se musíme dívat na to, že jim dáváme to, co chtějí, způsobem, který je pro ně snadný.

Takže předtím, než se podíváme na kontrolní seznamy nebo průvodci, kteří nám říkají, jaký je dobrý uživatelský zážitek, věnujte čas tomu, abyste přemýšleli o tom, co máme říkat a co chtějí návštěvníci slyšet.

Doporučený obrázek, mobilní webový obrázek přes Shutterstock.