Ať už lidé přicházejí na web odkudkoliv, statistiky mluví jasně – mobilní zařízení dnes tvoří zhruba 60 % návštěvnosti běžných webů a u sociálních sítí je to dokonce až 80 %. Mobil jednoznačně vládne internetu, přesto se při tvorbě nových webů stále často myslí primárně na desktop. Mobile-first přístup ale není jen o prázdném trendu. Změna pořadí při navrhování šetří čas, peníze a především nervy celého týmu.
Pusťte si video, kde se na výhody mobile-first přístupu podíváme podrobněji:
Proč navrhovat design pro mobil jako první?
Když designér začne tvořit web pro malou obrazovku, získá hned několik obrovských výhod:
- Snadnější škálování: Je mnohem jednodušší návrh z malého displeje zvětšit pro desktop než se snažit stlačit velký desktopový web do kapesního formátu.
- Přirozená redukce obsahu: Desktop snese všechno. Pokud s ním UX designer začne a nechá si ho schválit klientem, často se do něj nahrne příliš mnoho informací. U mobilu hned vidíte, že stránka má desítky tisíc pixelů a nikdo tak hluboko scrollovat nebude. Nutí vás to škrtat.
- Včasné testování v reálných podmínkách: Mobil si můžete vzít kamkoliv – vyzkoušet si, jestli se trefíte na tlačítka při chůzi, nebo jestli je text čitelný, když na displej svítí slunce. Chyby se tak odhalí dřív, než se web spustí na ostrém provozu a zklame uživatele či kolegy.
Tip na související článek: Chcete, aby byl váš web přístupný opravdu každému? Přečtěte si článek PIX UX: Přístupnost webu jako příležitost.
Jaké výhody přináší mobile-first přístup pro klienty a uživatele?
Z pohledu klienta znamená důraz na mobil především méně oprav po spuštění, rychlejší nasazení kampaní a v konečném důsledku lepší konverze. Když navrhujete web primárně pro menší obrazovky, přirozeně řešíte i klíčovou rychlost načítání a optimalizaci obrázků – a právě svižný web je dnes základním předpokladem pro to, aby zákazník neodešel ke konkurenci dříve, než se stránka vůbec zobrazí.
Nezanedbatelnou výhodou je také SEO a viditelnost ve vyhledávačích. Google už dávno indexuje weby primárně podle jejich mobilní verze (tzv. mobile-first indexing). Pokud je váš mobilní web rychlý, přehledný a bez technických chyb, automaticky tím získáte lepší výhody ve výsledcích vyhledávání.
Když mobilu věnujete speciální péči, získáte bonus v podobě plynulého ovládání. Přirozené dotykové interakce (klepnutí, plynulý posuv, swipe pro fotogalerie či zoomování dvěma prsty) a jemné reakce prvků na dotek dělají z webu aplikaci, kterou je radost používat. Stručnost a přehlednost navíc ocení i uživatelé na desktopu.
Nejčastější dotazy
Znamená to, že se grafický návrh a struktura webu tvoří nejdříve pro mobilní telefony a až následně se rozšiřují pro tablety a desktopy. Web je díky tomu kratší, má jednodušší strukturu a je lépe otestovaný.
Kromě rychlosti načítání jde o ergonomii dotykového ovládání – dostatečně velká tlačítka pro palec, plynulé animace, správné typy klávesnic pro vyplňování formulářů a intuitivní dotyková gesta (swipe, pinch-to-zoom).
