Prečo je mobil dôležitejší ako počítač
Svoj web si prezeráte na monitore v kancelárii, na rýchlom internete a v pokoji. Váš zákazník ho otvára jednou rukou na trojročnom telefóne, na dátach a väčšinou vo chvíli, keď niečo potrebuje hneď.
Podiel mobilu sa líši podľa odboru
Priemerné číslo o mobile nikomu nepomôže. Rozdiel medzi zámočníkom a firmou, ktorá predáva výrobné linky, je zásadný. Čím naliehavejšia potreba, tým vyšší podiel mobilu: prasknutá voda, zabuchnuté dvere, hlad. Čím dlhšie rozhodovanie a čím viac ľudí doň hovorí, tým viac počítača, lebo sa odkaz posiela kolegom a číta v kancelárii. Podľa toho sa líši aj to, čo má robiť prvá obrazovka.
| Odbor | Podiel mobilu | Typická situácia |
|---|---|---|
| Inštalatér, zámočník, odťah | Veľmi vysoký | Hľadá sa v núdzi, volá sa hneď |
| Reštaurácia a kaviareň | Veľmi vysoký | Menu a otváracie hodiny cestou |
| Kozmetika a kaderníctvo | Vysoký | Výber podľa fotiek večer |
| E-shop s drobným tovarom | Vysoký | Prezeranie na mobile, platba občas na počítači |
| B2B logistika a výroba | Približne polovica | Dopyt z kancelárie, overenie z mobilu |
| Právne a poradenské služby | Viac ako polovica | Čítanie referencií, kontakt e-mailom |
Svoje čísla si overte v Google Analytics, lebo jediné dáta, na ktorých záleží, sú z vášho webu.
Na mobile sa nečíta, na mobile sa skenuje
Na monitore vidíte celú úvodnú obrazovku. Na telefóne vidíte pás vysoký zhruba ako dlaň a v ňom sa musí zmestiť, kto ste, čo robíte a ako vás kontaktovať. Keď je tam len fotka a nadpis o vášni pre remeslo, palec ide ďalej a hľadá čokoľvek konkrétne.
Vety sa čítajú po troch slovách. Dlhý odsek sa na mobile zmení na sivú plochu, ktorú palec preletí. Preto píšem krátke bloky, medzititulky každých pár odsekov a kľúčové informácie vyťahujem na samostatné riadky. Nie je to zjednodušovanie, je to prispôsobenie tomu, ako sa na telefóne naozaj číta.
Palec namiesto myši mení celé rozhranie
Myš je presná na pixel, palec nie. Tlačidlá musia byť vysoké aspoň ako necht, mať okolo seba miesto a sedieť v dolnej polovici displeja, kam palec dosiahne. Menu schované v hornom rohu je na veľkom telefóne najhoršie dostupné miesto, a práve tam býva to najdôležitejšie.
Na mobile navyše nie je hover. Všetko, čo sa na počítači ukáže po prechode myšou, na telefóne jednoducho neexistuje: rozbaľovacie menu, popisky pri ikonách, náhľady. Keď je v nich schovaná podstatná informácia, väčšina návštevníkov ju nikdy neuvidí.
- Tlačidlá vysoké aspoň 48 pixelov, s odstupom od ostatných prvkov
- Telefónne číslo ako klikací odkaz, nie obrázok ani obyčajný text
- Hlavná akcia v dolnej tretine obrazovky, na dosah palca
- Žiadna podstatná informácia len pri prechode myšou
- Klávesnica podľa poľa: číselník pre telefón, e-mailová pre e-mail
- Mapa a otváracie hodiny do dvoch dotykov, nie až na konci stránky Kontakt
Chcete web, ktorý prináša dopyty?
Napíšte mi za dve minúty, čo potrebujete. Do 24 hodín sa ozvem s návrhom úvodnej stránky zadarmo a s pevnou cenou písomne.
Chcem návrh zadarmo →Rýchlosť na dátach v teréne, nie na wifi v kancelárii
Web si testujete na rýchlom internete a novom notebooku. Zákazník ho otvára na starom Androide s dvoma čiarkami signálu. Rozdiel v načítaní môže byť niekoľkonásobný. Preto meriam vždy so spomalenou rýchlosťou a procesorom, inak si človek nahovára výsledok, ktorý žiadny návštevník nezažije.
Najčastejšie brzdy sú stále rovnaké: fotky nahrané v plnom rozlíšení, video na pozadí úvodnej sekcie a písma ťahané odinakiaľ. Keď ich odstránite, bežný web sa výrazne zrýchli. Návštevník to nepomenuje, ale zostane. Viac v článku ako zrýchliť web.
Formulár na mobile: kde sa dopyty strácajú
Formulár, ktorý na monitore vyzerá vzdušne, je na mobile desať polí pod sebou a tri obrazovky posúvania. Každé pole navyše znamená menej dokončení. Na zvyšok sa dopýtajte v odpovedi.
Záleží aj na načasovaní. Formulár rozdelený na kroky, kde prvý krok je jedna jednoduchá otázka, dokončí viac ľudí ako jeden dlhý formulár. Kto urobil prvý krok, chce dokončiť aj druhý.
- Najviac štyri polia v prvom kroku
- Vedľa formulára ponúknuť volanie, časť ľudí nevyplní nikdy nič
- Nechať prehliadač doplniť meno a e-mail, nezakazovať automatické vypĺňanie
- Chybu ukázať pri konkrétnom poli a viditeľne bez posúvania
- Potvrdenie po odoslaní na tej istej obrazovke
- Upozornenie na dopyt aj do vášho telefónu, aby ste odpovedali do pár minút
Čo s tým urobiť tento týždeň
Otvorte si web na svojom telefóne na dátach, nie na wifi doma. Držte ho jednou rukou a skúste urobiť to, čo chcete od ľudí: zavolať, poslať dopyt, nájsť cenu. Väčšina problémov sa ukáže do dvoch minút a polovica sa dá opraviť za popoludnie. Tá druhá polovica býva dôvod, prečo web prestavať.
Keď staviam web ja, mobil je východiskový stav a počítač je variant, nie naopak. Web začína na 19 990 Kč a dodávam do 7 dní.
- Zmerajte podiel mobilu za posledných 90 dní, nie za celú históriu
- Prejdite web palcom jednou rukou a zapíšte každé zaseknutie
- Zmenšite najväčšie fotky, zvyčajne najväčší jednotlivý zásah do rýchlosti
- Presuňte telefón a hlavný dopyt na dosah palca
- Skráťte formulár na štyri polia a týždeň sledujte rozdiel
Chcete web, ktorý prináša dopyty?
Napíšte mi za dve minúty, čo potrebujete. Do 24 hodín sa ozvem s návrhom úvodnej stránky zadarmo a s pevnou cenou písomne.
Chcem návrh zadarmo →Časté otázky
Ako zistím podiel mobilu na svojom webe?
V Google Analytics v prehľade technológií za posledných 90 dní. Pozrite sa zvlášť na podiel návštev a podiel dopytov. Keď väčšina návštev prichádza z mobilu, ale väčšina dopytov z počítača, máte na mobile problém s formulárom alebo rýchlosťou.
Stačí responzívna šablóna, alebo potrebujem zvláštnu verziu pre mobil?
Zvláštnu verziu nie, dva weby sú práca navyše a zdroj chýb. Rozdiel je v tom, či bol mobil pri návrhu východiskovým stavom, alebo dodatkom na konci. Responzívna šablóna len zmenší rozloženie z počítača, ale poradie a váha prvkov zostanú navrhnuté pre veľkú obrazovku a myš.
Koľko stojí prerobiť existujúci web na použiteľný mobil?
Záleží, či ide o úpravy, alebo prestavbu. Zmenšenie fotiek, oprava veľkosti tlačidiel a skrátenie formulára je práca na jeden až dva dni a zmestí sa do Starostlivosti za 2 990 Kč mesačne. Keď je problém v štruktúre a poradí sekcií, vyjde lacnejšie nový web od 19 990 Kč s dodaním do 7 dní.