Spis treści
Jeżeli czytaliśmy już trochę na temat projektowania stron, to na pewno napotkaliśmy gdzieś termin „UI”. Co się pod nim kryje i dlaczego jest kluczowy, jeżeli chcemy, aby użytkownicy wracali na naszą stronę? I co różni UI od UX?
Co to jest UI?
UI to skrót od user interface, a więc interfejsu użytkownika. Jest to termin, którego używamy w temacie projektowania stron i według definicji jest to „miejsce, gdzie zaczyna się relacja człowiek-komputer”. Co to jednak oznacza i na czym polega UI?
UI to praktycznie wszystko, co widzimy na stronie: menu, które możemy rozwinąć, linki, które przeniosą nas w inne miejsce na stronie, grafiki, które możemy powiększać. To strzałka, która pozwoli cofnąć się nam na stronie i „x”, który pozwoli nam zamknąć dane okno. Jednym słowem to estetyczna „powłoka” strony, która sprawia, że użytkownik nie musi czytać linijek kodu albo wpisywać komend w HTML, żeby uzyskać dany efekt. Dobry UI pozwala użytkownikowi w łatwy sposób uzyskać to, czego chce, bez potrzeby interakcji z kodem.
Czym powinien się wyróżniać dobry UI?
Za każdym razem, kiedy korzystamy ze strony internetowej, niezależnie od tego, czy jest to Google, strona biblioteki, urzędu, czy Facebook, korzystamy z interfejsu użytkownika. Dobry UI musi spełniać kilka warunków. Musi być:
- spójny: projekt, który jest spójny, sprawia, że użytkownik intuicyjnie rozumie jak działa dana strona, co ułatwia mu nawigację,
- przejrzysty: przejrzysty projekt będzie łatwy w zrozumieniu nawet dla początkujących użytkowników,
- responsywny: responsywność sprawia, że użytkownik może odbywać interakcję z technologią w czasie rzeczywistym, bez jakichkolwiek opóźnień.
Jako przykład dobrego UI można podać stronę Google. Kiedy wchodzimy na stronę wyszukiwarki, nic nas nie rozprasza, jej cel jest prosty – mamy wpisać hasło w dany pasek, jest to jasne nawet dla osoby nie zaznajomionej z Internetem. Oczywiście każda inna strona będzie bardziej rozbudowana, powinniśmy jednak dążyć do jej maksymalnego uproszczenia.
Dlaczego UI jest tak ważne przy projektowaniu strony?
Dobrze zaprojektowane UI sprawia, że interakcja użytkownika z naszą stroną przebiega sprawnie i produktywnie. Wpływa to na jego ogólne wrażenie o naszej stronie. Wraz z rozwojem technologii projektanci stron muszą być na bieżąco z najnowszymi trendami i zapewniać interfejsy, które spełniają stale rosnące potrzeby użytkowników. Obecnie jednym z największych wyzwań jest tworzenie stron, które są responsywne – jeżeli strona internetowa nie posiada wygodnego UI podczas przeglądania na urządzeniach mobilnych, to nie spełnia wymogów współczesnych użytkowników.
Co składa się na UI?
Na dobry interfejs użytkownika składa się mnóstwo różnych elementów, możemy jednak wyróżnić te najważniejsze z nich.
Visual design
User interface i visual design często są pojęciami, które są mylone i uważane za jedno. Rzeczywiście, zarówno UI, jak i visual design, decydują o tym jak wygląda dana strona. Visual design to jednak o wiele szerszy termin – mowa tutaj również o wyglądzie produktu, social media itp. UI to tylko jego część.
Projektowanie wizualne to wszystkie kwestie związane z estetyką danej strony. Najważniejsze, żeby projekt był spójny, zarówno pod względem kolorów, jak i czcionek czy grafik.
Branding
Brandingiem nazywamy wszystkie działania marketingowe, które mają na celu promocję danej firmy, produktu lub strony. Również UI będzie częścią brandingu: w końcu bardzo kojarzymy dany produkt czy firmę z jego stroną internetową. Branding będzie realizowany za pomocą danych kolorów, czcionek, rozwiązań na stronie itp.
W przypadku UI brandingiem będziemy nazywać wszystkie elementy wizualne marki, które można zastosować w UI: będzie to np. logo, czcionki czy kolory marki.
Kolory
Kolory to również bardzo ważna część UI. Przy projektowaniu interfejsu web designerzy bardzo często wykorzystują psychologię kolorów. W ten sposób wpływają na sposób postrzegania strony przez użytkownika i wzmacniają rozpoznawalność marki. Kolory bardzo pomagają również w zwiększeniu użyteczności strony.
Layout
Layout to bardzo ważna, jeśli nie najważniejsza część UI. To właśnie od układu strony zależy, czy użytkownik odnajdzie się na niej bez problemu i dobrze oceni jej interfejs. Layout powinien być dla użytkownika jak najbardziej jasny i intuicyjny: umiejscowienie menu, zakładki „Kontakt” czy „x” służącego do zamykania wyskakujących okien powinno mu być znane z innych stron, co znacznie ułatwia nawigację po stronie.
Jak zaprojektować dobre UI?
Projektanci strony powinny „wejść” w umysł użytkownika odwiedzającego stronę. Zastanowić się, jak w najprostszy możliwy sposób doprowadzić go na stronie do oferty, kasy czy formularza kontaktowego. Należy pamiętać, że z naszej strony będą korzystać o różnym wieku, wykształceniu i doświadczeniach: UI powinien być jasny dla każdej z nich.
Użytkownik powinien mieć też wrażenie, że ma kontrolę nad stroną: interfejs powinien mu na to pozwalać. Wszystkie najważniejsze przyciski powinny być bardzo widoczne, a ich funkcja powinna być przewidywalna. Użytkownicy docenią kontrolę, jaką da im dobrze zaprojektowane UI.
Dlaczego warto zatrudnić specjalistów od UI?
UI wraz z UX może zaważyć na tym, czy użytkownik wróci na naszą stronę i skorzysta z naszych usług czy zakupi nasz produkt. Dlatego właśnie tak ważne jest wykonanie profesjonalnego interfejsu. Firma, której zlecimy projektowanie naszej strony firmowej, powinna skupić się na potrzebach użytkownika i jego upodobaniach. Dlatego właśnie w Devispace do każdej strony podchodzimy indywidualnie, nie korzystamy z szablonów. Planując projekt strony, bierzemy pod uwagę wszystko: od jej layoutu, przez jej kolory, po branding jako całość. Tylko taki szeroki punkt widzenia pozwoli na zaprojektowanie dobrego UI.