UI

UI je skratka z anglického výrazu User Interface, po slovensky používateľské rozhranie. Označuje vizuálne a ovládacie prvky webu, aplikácie alebo e-shopu, s ktorými používateľ priamo pracuje. Patria sem napríklad tlačidlá, menu, formuláre, ikony, farby, texty, vyhľadávanie alebo rozloženie stránky.

Cieľom dobrého UI je, aby sa používateľ na webe ľahko zorientoval, rýchlo našiel potrebné informácie a bez problémov vykonal požadovanú akciu, napríklad pridal produkt do košíka alebo dokončil objednávku.

Čo je UI?

UI, teda používateľské rozhranie, predstavuje vzhľad a ovládanie digitálneho produktu. Pri e-shope ide napríklad o podobu hlavného menu, produktových kariet, filtrov, tlačidiel „Pridať do košíka", nákupného košíka alebo objednávkového formulára.

Dobre navrhnuté UI je prehľadné, zrozumiteľné a konzistentné. Používateľ vďaka nemu vie, kam kliknúť, ako sa pohybovať po stránke a čo sa stane po vykonaní konkrétnej akcie.

UI vs UX

UI sa často zamieňa s pojmom UX. Zatiaľ čo UI rieši vzhľad a ovládacie prvky, UX, teda User Experience, označuje celkový používateľský zážitok. UI je teda súčasťou UX.

Napríklad farba, veľkosť a umiestnenie tlačidla patria do UI. To, či zákazník celý nákup dokončí ľahko a bez prekážok, už súvisí s UX.

Prínos UI pre e-shop

Kvalitné UI pomáha zákazníkom rýchlejšie sa zorientovať na e-shope, nájsť produkty a dokončiť objednávku. Prehľadné menu, dobre viditeľné tlačidlá, zrozumiteľné formuláre a jasná štruktúra stránky môžu znížiť počet opustených košíkov a zvýšiť konverzný pomer.

Naopak neprehľadné alebo nejednotné používateľské rozhranie môže zákazníkov zmiasť a odradiť od nákupu. Pri e-shope je preto dôležité myslieť nielen na vzhľad, ale aj na jednoduché ovládanie, čitateľnosť a použiteľnosť na mobilných zariadeniach.

UI a Shoptet

E-shop na Shoptete nie je potrebné stavať z hľadiska UI úplne od nuly. Obchodník vychádza z pripravených šablón a systémových prvkov, ktoré tvoria overený základ pre bežnú e-commerce prevádzku. Vďaka tomu nemusí byť odborníkom na UX/UI, aby mohol vytvoriť prehľadný a funkčný e-shop.

Vzhľad e-shopu si zároveň môže prispôsobiť svojej značke. V Návrhári šablón možno upravovať napríklad farby, logo, záhlavie, pozadie, bannery, rozloženie vybraných stránok a prvkov alebo ďalšie nastavenia vzhľadu.

Je však dôležité počítať s tým, že výslednú podobu a použiteľnosť e-shopu stále výrazne ovplyvňuje samotný obchodník. Záleží napríklad na kvalite obsahu, produktových fotiek, textov, ponuky, kategorizácie, bannerov, zvolených farieb, doplnkov alebo vlastných HTML/CSS úprav.


Mohlo by vás zaujímať tiež:

Založte si nezáväzne vlastný e-shop zadarmo

Staňte sa jedným z 47 300 podnikateľov, ktorí majú e-shop od nás.

Vložením e-mailu súhlasíte s podmienkami ochrany osobných údajovvšeobecnými obchodnými podmienkami.