Mikrointerakce
Drobné animace jako odezva na akci uživatele (potvrzovací animace tlačítka, hover efekty) – zlepšují celkový pocit z ovládání webu
Co jsou mikrointerakce
Mikrointerakce jsou drobné animace a vizuální odezvy, kterými rozhraní odpovídá na akci uživatele. Tlačítko se po kliknutí propadne, u odesílání naskočí kolečko, pole se špatně vyplněným e-mailem zčervená. Samo o sobě nic velkého. Bez toho ale člověk netuší, jestli se něco stalo.
Nejdražší je ta odezva, která chybí
Klasika z auditů formulářů: návštěvník klikne na Odeslat, tlačítko nezareaguje, server chvíli přemýšlí a on klikne znovu. Pak potřetí. V mailboxu přistanou tři identické poptávky, obchodník volá dvakrát a v konverzích máte číslo, kterému se nedá věřit. Přitom stačí po kliknutí tlačítko zamknout a přepsat jeho popisek na Odesílám, což je práce na hodinu. Stejný stav patří k přidání do košíku, k nahrávání souboru i k filtrům v katalogu, které přepočítávají výsledky. Všude, kde mezi akcí a výsledkem uplyne víc než okamžik, chce člověk vědět, že to nezamrzlo. Souvisí to i s tím, jak vůbec vypadá design CTA tlačítka: prvek, který nereaguje, přestává působit jako tlačítko.
Kdy animace překáží
Efekt, který trvá tři čtvrtě vteřiny, je při prvním použití milý a při dvacátém otravný. Odezva má být svižná a nenápadná. Pozor taky na lidi, kteří mají v systému zapnuté omezení pohybu kvůli nevolnosti nebo migréně: prohlížeč to umí prozradit a slušně udělaný web to respektuje, což patří do širšího tématu přístupnosti webu.
Když mi klient hlásí, že z webu chodí duplicitní poptávky, první věc, kterou udělám, je odeslat formulář na mobilu sám. Většinou je to přesně tohle: chybí stav odesílání a lidé klikají podruhé. Oprava zabere kodérovi chvíli a rovnou pročistí data o konverzích, protože dvojitá odeslání přestanou zkreslovat cenu za konverzi v kampaních.