Co to je
Mobile first (česky „nejdřív mobil“) je způsob navrhování webu nebo aplikace, při kterém se jako první řeší podoba pro malou obrazovku telefonu. Teprve potom se přidávají úpravy pro větší displeje tabletů a počítačů. Dříve se postupovalo opačně: začínalo se u počítače a mobil se přizpůsoboval až nakonec.
Nejde o totéž co responzivní web, tedy web, který se sám přizpůsobí šířce obrazovky. Responzivita je technické řešení, mobile first je pořadí práce; obvykle se používají spolu. Podobně se jmenuje i pojem u vyhledávačů, mobile-first indexing: Google uvádí, že při zařazování stránek do vyhledávání a při jejich hodnocení vychází primárně z mobilní verze obsahu.
Proč na tom záleží
Velká část lidí dnes prochází web v telefonu, někdy v pohybu, jednou rukou a s pomalejším připojením. Pokud je mobilní verze jen zmenšený web pro počítač, návštěvníci hůř čtou, hůř trefí tlačítko a snáz odejdou. Návrh od mobilu navíc nutí rozhodnout, co je na stránce opravdu důležité, protože na malé obrazovce není místo na zbytečnosti.
Chybí-li na mobilní verzi obsah, který je jen na verzi pro počítač, Google ho při zařazování stránky do vyhledávání nemusí zohlednit.
Modelový příklad
Instalatérská firma si všimne, že hodně lidí otevírá její web v telefonu, často při naléhavé poruše. Při tvorbě nového webu proto nejdřív navrhne mobilní stránku: nahoře jasné tlačítko pro zavolání, pod ním seznam služeb a oblast, kde firma působí. Na počítači pak stejnou strukturu jen rozloží do více sloupců.
Co byste měli vědět
- Web zkoušejte na skutečných telefonech, nejen ve zmenšeném okně počítače.
- Tlačítka a odkazy musí být dost velké, aby se na ně dalo prstem bez chyby klepnout.
- Mobilní verze má obsahovat stejný podstatný obsah jako verze pro počítač, ne jeho okleštěnou podobu.
- Hlídejte rychlost načítání, zejména u velkých obrázků.
- Dlouhé formuláře zkraťte; na telefonu se vyplňují obtížně.