TOP 5 chýb mobilných webov, ktoré odhalíte na telefóne

Skúste si na vlastnom webe z telefónu nájsť cenu služby a objednať termín. Ak musíte približovať text, zatvárať okná alebo hádať, kam ťuknúť, rovnakú cestu má pred sebou aj nový zákazník. Týchto päť chýb mobilných webov odhalíte pri bežnom používaní. Na skúšku si vyberte jednu úlohu, ktorú má zákazník zvládnuť, a začnite na podstránke, na ktorú môže prísť z vyhľadávania.

1. Na tlačidlo sa ťažko triafa

Pod cenníkom sú tesne vedľa seba malé ikony telefónu a mapy. Pri pokuse zavolať sa otvorí mapa. Zväčšite celú plochu, na ktorú sa dá ťuknúť, pridajte odstup a pomenujte akcie „Zavolať“ a „Otvoriť mapu“. Na hlavné tlačidlo pokojne vyhraďte plochu 44 × 44 CSS pixelov alebo väčšiu. Skúste ho potom stlačiť palcom jednou rukou. Pri menších prvkoch pomôže aj rozostup, ktorý popisuje odporúčanie W3C k dotykovým cieľom.

2. Počítačové stĺpce sa len zmenšili

Tri služby vedľa seba vyzerajú na monitore prehľadne. Na telefóne sa v úzkych stĺpcoch lámu slová a cenu treba hľadať potiahnutím do strany. Zoraďte služby pod seba a nechajte názov, cenu aj tlačidlo pri tej istej službe. Zväčšite text v nastaveniach prehliadača a skontrolujte, či sa nezakrýva a či sa dlhý odsek dá čítať bez posúvania do strán. W3C vysvetľuje, ako má obsah reagovať na zúženie zobrazenia.

3. Okná zakrývajú to, kvôli čomu človek prišiel

Návštevník otvorí cenník a najprv vidí ponuku na odber noviniek, pod ňou lištu a v rohu plávajúci chat. Na malej obrazovke potom nevidí cenu ani tlačidlo. Presuňte pozvánku na odber do obsahu stránky a skontrolujte, či lišty a chat neprekrývajú dôležité ovládanie. Ak okno potrebujete, jeho zatvorenie musí byť ľahko dostupné. Overte to aj pri prvej návšteve v súkromnom okne. Ďalšie príklady uvádza Google v odporúčaniach k prekrývajúcim oknám.

4. Menu skrýva odpovede pod neurčitými názvami

Človek hľadá otváracie hodiny. V menu vidí „Objavte viac“ a „Spoznajte nás“, no netuší, kam má ísť. Použite názvy, ktoré zodpovedajú úlohám zákazníka, napríklad „Služby“, „Cenník“ a „Kontakt“. Pri kontaktných údajoch uveďte aj hodiny, adresu a telefón. Dajte niekomu, kto web nepozná, nájsť tieto údaje bez nápovedy. Sledujte, pri ktorých položkách zaváha.

5. Formulár sa na telefóne vypĺňa príliš ťažko

Pri rezervácii zákazník vypĺňa meno, e-mail, telefón aj adresu, hoci na potvrdenie termínu stačí meno a jeden kontakt. Zredukujte povinné polia. Nad každým nechajte viditeľný popis, aby po začatí písania nezmizol. Pre telefón a e-mail nastavte vhodnú klávesnicu a umožnite automatické dopĺňanie. Skúste vynechať povinné pole. Chyba má byť pri ňom a už zadané údaje majú zostať vyplnené. Viditeľné označovanie polí vysvetľuje návod W3C k formulárom.

Kontrolný zoznam na vlastnom telefóne

• Ťuknite palcom na hlavné tlačidlo aj na odkaz vedľa neho.
• Zväčšite text a prečítajte cenník bez posúvania do strán.
• Otvorte podstránku v súkromnom okne a skontrolujte, čo ju zakrýva.
• Nájdite v menu cenu, kontakt a otváracie hodiny.
• Vyplňte testovací formulár a skúste opraviť chybu pred odoslaním.

Ak web ešte len pripravujete, prejdite si aj kontrolný zoznam pred spustením nového webu.