Omnicode
Späť na Blog

Chat sa mení na vizuálny: tri pravidlá UX pre AI funkcie na webe

Omnicode•8. októbra 2026
Chat sa mení na vizuálny: tri pravidlá UX pre AI funkcie na webe

Nové vizuálne rozhranie ChatGPT ukazuje, kam smerujú AI asistenti. Tri praktické pravidlá UX pre AI funkcie na klientskych weboch.

OpenAI spustil nové rozhranie ChatGPT s vizuálnymi a interaktívnymi prvkami. Asistent už nevracia len súvislý text, ale dokáže zobraziť štruktúrované informácie, ktoré sa dajú prechádzať, porovnávať a rovno použiť. Pre každého, kto navrhuje AI funkciu na webe, je to jasný signál: návštevníci budú čakať odpovede, ktoré sa dajú rýchlo prečítať, porovnať a podľa nich konať, nie steny textu.

Pravidlo 1: ukážte štruktúru, keď ju odpoveď má

Ak používateľ chce porovnať tri balíčky, tabuľka je prehľadnejšia než odsek. Ak je odpoveďou dátum, cena alebo postup v krokoch, použite príslušný komponent. Vizuálne odpovede sa navyše lepšie čítajú na mobile, kde si veľa ľudí web prezerá.

Nepridávajte grafy len pre ozdobu. Každá karta, graf či tabuľka má odpovedať na otázku, ktorú používateľ naozaj položil.

Pravidlo 2: akcie musia byť viditeľné a dať sa vrátiť späť

Ak asistent dokáže filtrovať produkty, objednať termín alebo upraviť cenovú ponuku, používateľ musí vidieť, čo sa stane, skôr než sa to stane. Používajte jasné tlačidlá so zrozumiteľným popisom, napríklad „Použiť filter“ alebo „Objednať na štvrtok o 10:00“, a ponúknite jednoduchý návrat späť. Každú akciu, ktorá niečo stojí alebo odošle správu inej osobe, nechajte potvrdiť.

Pravidlo 3: vždy zachovajte textovú a klávesnicovú alternatívu

Vizuálne prvky pomáhajú, len ak ich vie použiť každý. Každý interaktívny prvok potrebuje ovládanie klávesnicou, viditeľný stav zameraného prvku a textovú alternatívu pre grafy a obrázky. Dobrý test je prejsť celého asistenta len klávesnicou a potom s čítačkou obrazovky. Ak tam zlyhá, zlyhá aj pre reálnych používateľov.

Tieto pravidlá zároveň pomáhajú plniť požiadavky na prístupnosť, ktoré už pre mnohé e-shopy v EÚ platia. Vysvetľujeme ich v článku Prístupnosť je už zákonom: čo musia slovenské e-shopy skontrolovať.

Zdroje

    Vizuálny AI chat: tri pravidlá UX pre web | Omnicode