Domov · Slovník pojmov · Čo je UI
Slovník pojmov
Čo je UI?
UI je používateľské rozhranie, teda vizuálna a ovládacia stránka webu: farby, písmo, veľkosti, tlačidlá, formuláre a rozostupy. Kým použiteľnosť rieši, či sa dá k cieľu dostať, rozhranie rieši, ako to vyzerá a či je ovládanie zrozumiteľné na prvý pohľad. Rozhoduje o dôveryhodnosti v prvých sekundách.
Vysvetlené po ľudsky.
Je to prístrojová doska v aute. Tie isté funkcie sa dajú usporiadať tak, že za jazdy nájdete tlačidlo poslepiačky, alebo tak, že sa musíte pozerať a hľadať. Vodič nechváli dobre urobenú prístrojovú dosku, len ju nevníma. Zlú vníma pri každej jazde. Rozhranie webu funguje presne tak: keď je dobré, návštevník o ňom neuvažuje.
Prečo to majiteľa firmy zaujíma.
Vzhľad rozhoduje o dôveryhodnosti v prvých sekundách. Zákazník, ktorý má vybrať dodávateľa medzi tromi firmami, si podvedome vyberá podľa toho, ktorá pôsobí serióznejšie. Nejde o efekty, ale o základné veci: dostatočne veľké písmo, kontrast textu voči pozadiu, konzistentné tlačidlá, dosť voľného miesta a fotografie z vlastnej prevádzky namiesto stiahnutých. Rovnaký obsah v poriadnom rozhraní prinesie viac dopytov než v neusporiadanom. Weby, ktoré staviam, držia jednotný štýl naprieč všetkými stránkami, lebo nejednotnosť je to, čo laik vníma ako lacný web.
Príklad z praxe.
Pri redizajnoch vidím opakovane tri veci, ktoré laik vníma ako lacný web, hoci ich nevie pomenovať. Prvá je nejednotnosť: každá podstránka má iný štýl nadpisov a iné tlačidlá, lebo vznikala v inom čase. Druhá je nahustený obsah bez voľného miesta, ktorý pôsobí ako leták z deväťdesiatych rokov. Tretia je zmes fotografií rôznej kvality a pomerov strán. Náprava nevyžaduje umelecký talent, len jednotný systém veľkostí, rozostupov a farieb a jednotný orez fotografií. Presne to je dôvod, prečo weby staviam na jednom dizajnovom systéme: každá stránka potom vyzerá ako súčasť celku a firma pôsobí usporiadane.
Kedy sa tým zaoberať.
Vzhľadom sa zaoberajte pri stavbe alebo redizajne webu a potom už len pri zmene značky. Priebežné doťahovanie farieb a tieňov neprináša nič. Kedy je čas na redizajn: keď web pôsobí zastarane oproti konkurencii, keď je na mobile nepohodlný alebo keď sa naň za roky nabalili časti v rôznych štýloch. Redizajn robím od 250 eur a jeho zmyslom nie je len nový vzhľad, ale hlavne poriadok v obsahu a jednotný systém, ktorý vydrží ďalšie roky. Ak sa rozhodujete, čo riešiť skôr, majte na pamäti, že jednotnosť a čitateľnosť urobia viac než akékoľvek efekty a animácie.
Ako to skontrolujem.
Základná kontrola rozhrania nevyžaduje dizajnérske oko.
1Skontrolujte veľkosť písma na mobile. Bežný text pod pätnásť bodov sa číta ťažko.
2Overte kontrast textu voči pozadiu cez audit v prehliadači, teda cez Lighthouse v záložke prístupnosti.
3Prejdite podstránky a porovnajte, či majú tlačidlá a nadpisy rovnaký štýl.
4Pozrite, či je okolo textu dosť miesta. Nahustený obsah pôsobí neprofesionálne a horšie sa číta.
5Otvorte si tri weby konkurencie vedľa svojho a porovnajte ich na mobile. Rozdiel v usporiadanosti uvidíte skôr než akýkoľvek detail.
Časté chyby.
×Sivý text na svetlom pozadí, ktorý pôsobí elegantne a nedá sa prečítať.
×Rôzne tvary a farby tlačidiel na jednotlivých podstránkach.
×Tri rôzne písma na jednom webe.
×Obrázky v rôznych pomeroch strán a kvalite, ktoré rozbijú vzhľad zoznamu.
×Text v odtieni sivej, ktorý na monitore v kancelárii vyzerá elegantne a na telefóne vonku sa nedá prečítať.
Súvisiace pojmy.
Ďalej v slovníku
Čo je UX · Čo je mockup · Čo je wireframe · Čo je prístupnosť webu · Čo je WCAG · Čo je responzívny dizajn
Čítajte ďalej
Tvorba webu na mieru · Ako si vybrať firmu na web · Celý slovník pojmov · Tvorba webu · Nástroje · Blog
Časté otázky.
Musí byť web moderný, aby fungoval?
Nemusí byť módny, ale musí pôsobiť aktuálne a udržiavane. Zastaraný vzhľad vzbudzuje otázku, či firma ešte funguje.
Koľko farieb má web používať?
Zvyčajne jedna hlavná, jedna doplnková a neutrálne odtiene. Viac farieb znamená, že návštevník nevie, čo je dôležité.
Oplatí sa investovať do vzhľadu pri malej firme?
Áno, ale primerane. Čisté a jednotné rozhranie s vlastnými fotografiami spraví viac než drahé animácie, ktoré web spomalia.
Ako si vybrať firemné farby na web?
Vychádzajte z loga, doplňte neutrálne odtiene a jednu výraznú farbu pre tlačidlá. Dôležitejší než odtieň je kontrast, aby bol text čitateľný aj na mobile na slnku.
Koľko písiem sa má na webe použiť?
Jedno alebo dve. Viac písiem pôsobí neusporiadane a spomaľuje načítanie, lebo každé sa musí stiahnuť.
Potrebujete to vyriešiť na svojom webe?
Robím weby na mieru od 250 €, redizajn od 250 € a e-shop od 590 €. Cenu poviem vopred podľa rozsahu.
Súvisiace