UX designer vs. UI designer. Poznaj różnicę między najpopularniejszymi zawodami w branży IT!

Coraz częściej wśród zawodów przyszłości i najbardziej rozchwytywanych specjalistów z branży IT znajdują się UX designer i UI designer. W związku z ogromnym postępem technologicznym, jaki można zaobserwować na przestrzeni kilku lat, pojawiło się wiele specjalizacji zawężających pracę projektantów graficznych do jednej dziedziny. Obecnie grafik nie jest już osobą „od wszystkiego”. Wynika to z faktu, że firmy IT stawiają nie tylko na estetyczny, spójny i nowoczesny wygląd tworzonych przez siebie stron WWW i aplikacji webowych, ale i na jak najlepsze doświadczenie użytkownika podczas korzystania z nich. W tym artykule wyjaśnimy, czym zajmuje się UX designer i UI designer.

User Experience vs. User Interface – rewolucja w projektowaniu interfejsów użytkownika

W związku z potężnym rozwojem nowych technologii pojawia się coraz więcej witryn internetowych i aplikacji na telefon, które towarzyszą współczesnemu człowiekowi niemal na każdym kroku i w każdej dziedzinie życia. To z kolei prowadzi do dużej konkurencji, która nawzajem stara prześcignąć się i dać swoim klientom dokładnie to, czego potrzebują. Stąd też narodziła się dziedzina projektowania User Experience (UX), która zajmuje się badaniem przyzwyczajeń i zachowań użytkowników aplikacji i witryn internetowych oraz stawia na to, aby towarzyszyły temu jak najlepsze doświadczenia i pozytywne emocje. Odpowiada zatem, by projekt był maksymalnie prosty i intuicyjny w obsłudze oraz aby użytkownik nie natrafił na żadne problemy w trakcie korzystania z niego. Z kolei User Interface (UI) to dziedzina projektowania, która zajmuje się wszystkimi elementami interfejsu użytkownika, które pomagają mu wejść w interakcję ze stroną, aplikacją czy oprogramowaniem. Odpowiada za wszystkie wizualne komponenty, aby przyciągnąć uwagę użytkownika, zatrzymać go na witrynie lub aplikacji jak najdłużej i ułatwić mu korzystanie z nich.

Czym zajmuje się UX designer?

UX designer ma za zadanie tak zaprojektować stronę WWW czy aplikację webową, aby zapewnić użytkownikowi jak najlepsze doświadczenia. A zatem musi on doskonale rozumieć intencje, emocje i cele, jakie towarzyszą internaucie w trakcie korzystania ze strony lub aplikacji. Powinien także zastosować najlepsze rozwiązania technologiczne do danego projektu, a więc musi znać zalety i ograniczenia tych technologii np. inaczej zaprojektuje interfejs na urządzenia mobilne, a inaczej na desktop. Do jego zadań należy przede wszystkim:

• analiza grupy docelowej projektu;
• projektowanie interakcji, w jakie wchodzi użytkownik podczas korzystania z produktu;
• tworzenie makiet, czyli opracowywanie namacalnej wersji tego, jak działać będzie strona WWW lub aplikacja webowa, aby pokazać, w jaki sposób użytkownik może wykonać w niej określone akcje;
• nieustanne badanie i testowanie gotowego już produktu, aby sprawdzić, czy spełnił on swoje cele biznesowe.

A zatem UX designer musi stworzyć odpowiednią strukturę informacji, czyli tego, co użytkownik znajdzie na stronie głównej i jak będzie on poruszał się po witrynie. Przede wszystkim musi zaprojektować taki proces komunikacji z użytkownikiem, który będzie intuicyjny i łatwy w obsłudze, aby użytkownik bez problemu umiał poruszać się po witrynie lub aplikacji oraz od razu wiedział, czego może spodziewać się po wykonaniu konkretnej akcji. A zatem jego praca polega na łatwym i celowym przeprowadzeniu użytkownika po kolejnych elementach strony lub aplikacji i usunięciu z tej drogi wszelkich problemów, które mogłyby przyczynić się do tego, że internauta nie znajdzie na nich interesujących go informacji i bezpowrotnie je opuści.

Praca ta związana jest ze zbieranym danych i przenoszeniem ich na cele biznesowe produktu, makietowaniem i testowaniem, dlatego UX designer powinien znać: 

• narzędzia do prototypownia i specyfikacji np.: Axure, UXPin, Pixate;
• oprogramowanie do rysowania diagramów: Lucidchart, draw.io itp.;
• narzędzia analityczne: Hotjar/Usabilitytools, Visual Website Optimizer;
• programy do testów zdalnych: Loop11/Userzoom, Skype, Screencast-O-Matic.

Czym zajmuje się UI designer?

Z kolei UI designer odpowiedzialny jest za wdrożenie projektu pod kątem wizualnym. Jego zadanie polega na ostylowaniu całego interfejsu strony WWW czy aplikacji webowej zaprojektowanej przez UX designera tak, aby były one estetyczne, przyciągały uwagę i ułatwiały poruszanie się po nich. A zatem odpowiada on za takie elementy, jak: 

• przejrzystą strukturę strony lub aplikacji;  
• wygląd menu głównego, pobocznego, okruszkowego; 
• rozmieszczenie treści; 
• kolorystkę;
• krój i rozmiar czcionki; 
• spójną grafikę; 
• wygląd przycisków;
• animacje znajdujące się na stronie. 

UI designer musi posiadać dogłębną znajomość zagadnień związanych z projektowaniem graficznym, programów graficznych i trendów designerskich, a nierzadko także programowania. Dobrze dobrana grafika pozwala bowiem przyciągnąć uwagę użytkownika i wzbudzić jego zainteresowanie, a sama wizualna strona produktu powinna minimalizować wysiłek użytkownika w trakcie wyszukiwania przez niego informacji, czyli sprawić, żeby liczba wykonywanych czynności była jak najmniejsza. 

UI designer powinien posiadać wiedzę z zakresu:

• obsługi Adobe Photoshop (opcjonalnie GIMP) i Ilustratora (opcjonalnie Corel);
• pisania kodu w HTML5, CSS3 i JavaScript;
• opcjonalnie frameworków: Angular.js, React.js, Vue.js.

Podsumowanie

Współczesne strony WWW i aplikacje webowe muszą być na tyle funkcjonalne i interesujące, a przy tym proste w obsłudze, aby na dłużej przykuwały uwagę użytkownika i pomogły mu w maksymalnie krótkim czasie odnaleźć to, czego szuka. W związku z tym zawód tradycyjnego grafika „od wszystkiego” coraz częściej zostaje podzielony na specjalizacje.

UX designer odpowiada za stworzenie interfejsu użytkownika, który ułatwi mu korzystanie z produktu oraz zapewni mu jak najlepsze doświadczenia i wzbudzi pozytywne emocje. Z kolei UI designer ma za zadanie przełożyć koncepcje UX na wizualną stronę produktu, która wzbudzi zainteresowanie użytkownika, wskaże mu, gdzie znajduje się na witrynie oraz czego może spodziewać się po wykonaniu danej akcji. Niemniej jednak UX designer i UI designer powinni ze sobą ściśle współpracować, dzięki czemu razem zbudują produkt, który w 100% odpowie na potrzeby klienta i pozwoli mu cieszyć się korzystaniem z niego.