UX Design i UI Design są pojęciami często używanymi w branży IT, ale nie każdy wie jaka jest między nimi różnica. W dzisiejszym wpisie postaram się wyjaśnić znaczenie tych terminów.

Co to jest UX Design?

UX (ang. User experience) niejednokrotnie jest kojarzony wyłącznie z projektowaniem graficznym interfejsów systemów informatycznych. Tymczasem UX to całość wrażeń jakich doświadcza użytkownik podczas korzystania z produktu (np. aplikacji mobilnej czy witryny internetowej) i w mniejszym stopniu dotyczy jego wyglądu.

Badanie tych wrażeń, jak sama nazwa wskazuje zorientowane jest głównie na użytkowniku. Polega na zrozumieniu Jego zachowań, analizie wielu przypadków użycia produktu jednocześnie pomagając mu znaleźć informacje, których szuka oraz doprowadzając go do osiągnięcia określonego celu.

Na czym polega praca UX designera?

Praca polega na definiowaniu modeli interakcji, projektowaniu makiet, budowaniu prototypów - tzw szkieletów systemów oraz lepszym zrozumieniu potrzeb docelowych użytkowników. Kolejnym etapem jest przeprowadzanie testów i reakcji grup fokusowych w celu wprowadzenia ew. poprawek i ulepszenia produktu.

Co to jest UI Design?

UI (ang. User interface,) koncentruje się na warstwie wizualnej projektu. Składa się z przycisków, tekstu, obrazów, suwaków, pól formularzy i wszystkich pozostałych elementów, z którymi użytkownik wchodzi w interakcje.

Projektowanie interfejsu użytkownika (UI) pojawia się po zakończeniu prac UX-owych wprowadzając w życie wszystkie makiety, prototypy i strategie.
 

Na czym polega praca UI designera?

UI designer ma za zadanie stworzenie stylu przewodniego, układu, doboru kolorów, animacji, styli przycisków czy innych elementów interfejsu korelując z wcześniejszymi założeniami UX Designera. Dodatkowo powinien znać podstawy języka HTML i frameworków CSS aby móc sprawnie współpracować z deweloperem/programistą podczas projektowania i implementacji. Musi podążać za szybko zmieniającymi się trendami oraz być na bieżąco z wypróbowanymi modelami/stylami projektowymi. UI designer korzysta z takiego oprogramowania jak: Adobe XD, Sketch,  Figma,  Adobe Animate, Adobe Photoshop, Adobe Illustrator.

Podsumowując

Piękny produkt ostatecznie się nie sprawdzi, jeżeli użytkownicy nie będą potrafili znaleźć w nim pożądanych informacji. Natomiast projekt, który posiada świetną funkcjonalność i nie koncentruje się na estetyce, wypadnie również nie korzystnie.

Dlatego każdy system informatyczny na etapie budowy do pełnego sukcesu potrzebuje pracy specjalistów zarówno z dziedziny UX jak i UI Designu.

  Marcin Wójcik (UX/UI Designer, Art director)