Články v kategorii

🧠 Pokročilé UX

Aktualizováno před měsícem

Foxentry není jen nástroj pro validaci dat běžící někde na pozadí, ale komplexní řešení pro dokonalý uživatelský zážitek (UX) ve vašich formulářích. Všechny interaktivní infohlášky, chytrá doporučení a zrychlení nákupního procesu jsou plnohodnotnými funkcemi, které zvyšují konverzní poměr vašeho webu.

API vs JS knihovna: nenechte se ochudit o hotové UX

Mnoho vývojářů při nasazování automaticky volí napojení přes čisté API. Přestože je naše rozhraní špičkové, integrací po vlastní ose se klienti často připravují o vyladěný frontendový zážitek. Naše hotová javascriptová knihovna řeší záludnosti prohlížečů, interaktivní prvky i nestandardní chování uživatelů kompletně za vás, čímž vám ušetří desítky hodin složitého vývoje vlastních rozhraní.

Aktivní asistence místo pasivních chyb

Běžné validační služby fungují pasivně. Když zákazník udělá chybu, systém ho zastaví chybovou hláškou a donutí ho údaj opravit. Foxentry na to jde z úplně jiné strany – fungujeme jako aktivní asistent a problémy řešíme přímo za uživatele:

  • křížová inteligence polí: pokud zákazník nezačne logicky a vyplní nejprve město, náš systém ho automaticky přesune do políčka pro ulici a našeptávač mu rovnou vyfiltruje pouze ulice z dané lokality,
  • vizuální znázornění oprav: zjevné překlepy systém tiše opraví a vizuálně uživateli ukáže (pomocí animace a zeleného štítku), co přesně upravil, aby měl uživatel neustálý přehled,
  • návrhy alternativ: pokud si systém není na 100 % jistý, údaj nesmaže, ale zobrazí interaktivní bublinu s doporučením (chytrá oprava), na kterou stačí pro rychlé potvrzení jen kliknout.

Krocení neposlušných prohlížečů (Fix autocomplete)

Agresivní automatické vyplňování v prohlížečích Chrome či Safari dokáže formulář v košíku zcela rozbít. Prohlížeče často zmatečně vloží město do políčka pro ulici nebo vnutí uživateli zastaralá data. Součástí našeho UX je proto funkce Fix autocomplete, která data z prohlížeče bleskově zpracuje:

  • přerovnání kolonek: rozházená data se v milisekundě přeskládají do správných polí,
  • automatická oprava: vložené údaje se na pozadí okamžitě zvalidují a znormalizují na správný formát,
  • doplnění chybějících dat: pokud prohlížeč nevyplní adresu celou, systém zbylé prázdné kolonky automaticky dopíše.

Chytré UI prvky a optimalizace pro mobily

Naše javascriptová knihovna obohacuje vaše stávající kolonky o interaktivní prvky, které zajišťují maximální přístupnost a pohodlí při vyplňování.

  • mazací tlačítka (clear button): po vyplnění údaje se v kolonce zobrazí decentní křížek, díky kterému lze celý údaj smazat jedním kliknutím bez nutnosti zdlouhavého mazání znak po znaku,
  • načítací indikátory (loaders): při ověřování dat v reálném čase se zobrazí jemná animace dávající uživateli jasnou zpětnou vazbu, že systém pracuje,
  • přístupnost: našeptávač i validátor jsou plně optimalizovány pro čtečky obrazovky, takže formulářem bez problémů projdou i uživatelé se zrakovým postižením.

Vizuál plně pod vaší kontrolou

Integrace přes naši JS knihovnu neznamená, že vám do webu vložíme cizorodý prvek. Veškeré UX chování a vizuální styl si můžete nastavit v sekci Nastavení vzhledu přímo v naší administraci bez psaní jakéhokoliv kódu.

  • styly kolonek a loaderů: zvolte si barvu ikonek, typ načítací animace nebo způsob ohraničení polí při úspěšné validaci,
  • informační hlášky: definujte si vzhled varovných zpráv, ať už preferujete tooltip vedle pole, text pod ním nebo podbarvení celé kolonky.
Pořád nevíte? Ozvěte se nám