Blog

UI vs UX

Krzysztof
Krzysztof, Quality Engineer

Projektowanie UX oraz projektowanie UI to dwa oddzielne, uzupełniające się działania podczas budowania aplikacji i serwisów internetowych. Oba pojęcia są często mylone i stosowane zamiennie. Opisaliśmy poniżej na czym polega różnica UX vs UI oraz jakie obowiązki należą do projektantów UX oraz projektantów UI.

Nierzadko spotykam się z ogłoszeniami o pracę, w których poszukiwane są osoby na stanowisko “UI/UX designera”. Może to być mylące, ponieważ UX designer oraz UI designer to dwie, całkiem osobne profesje, które zajmują się innymi zadaniami. 

Projektowanie UX wymaga analitycznego podejścia, związanego z badaniem potrzeb użytkowników podczas gdy projektowanie UI jest skoncentrowane na aspekcie wizualnym.

Obie dziedziny projektowania mogą łączyć się i przeplatać, a osoba o tak szerokich kompetencjach musiałaby opanować bardzo szeroki wachlarz umiejętności. Postaram się przybliżyć oba pojęcia i pokazać różnice pomiędzy nimi.

Czym jest jest UX (user experience)?

Zgodnie z definicją, user experience (UX) to: 

doświadczenie osoby korzystającej z produktu, systemu lub usługi, np. czy uważa je za przyjemne i łatwe w użyciu

Cambridge Dictionary

Mówiąc bardziej potocznie, UX to suma wszystkich reakcji i odczuć, których doświadcza użytkownik podczas korzystania z naszego produktu. Zakres działania UX designera nie obejmuje tylko produktów cyfrowych, takich jak witryny internetowe czy aplikacje mobilne, jest to termin bardzo szeroki, może też dotyczyć produktów fizycznych i usług.

UX dotyczy aspektu emocjonalnego, uczuciowego i kwestii związanych z doświadczeniem. 

Dzięki pracy UX designera, użytkownik który wchodzi na stronę internetową wie po co się tam znalazł, ma poczucie że trafił we właściwe miejsce i intuicyjnie umie się po niej poruszać. 

Nie czuje się zagubiony i potrafi w szybki sposób znaleźć informacje, których potrzebuje. To właśnie dzięki działaniom projektantów UX, użytkownik wie gdzie kliknąć aby otrzymać pożądany efekt.

Przeczytaj artykuł o tym, jak projektujemy UX w Smultron.

Zadania projektanta UX

Osoba na takim stanowisku powinna posiadać umiejętności z kilku obszarów: psychologii, analityki, marketingu oraz zdolności graficznych.

Powinny cechować ją kreatywność, ciekawość świata osoby siedzącej po drugiej strony ekranu, otwartość i chęć tworzenia rzeczy, które będą użyteczne. 

Projektant UX decyduje, gdzie dany element znajdzie się na stronie ze względu na jego ważność. Pilnuje, aby produkt wchodzący na rynek odpowiadał na potrzeby użytkowników. 

Schemat projektowania struktury serwisu
Schemat projektowania struktury serwisu przez UX designera.

Aby ułatwić użytkownikom korzystanie z serwisów internetowych, UX designer w swojej pracy wykonuje następujące czynności:

  • przeprowadzanie warsztatów z klientem w celu poznania wymagań i potrzeb,
  • analiza konkurencji,
  • zbieranie informacji na temat odbiorców tworzonego serwisu (tworzenie person),
  • projektowanie struktury serwisu, 
  • projektowanie architektury informacji,
  • tworzenie storyboardów,
  • budowanie prototypów,
  • badania z użytkownikami, wywiady, przeprowadzanie testów (A/B),
  • współpraca z klientem, UI designerem, programistami.

Czym jest UI (user interface)?

Po pracy UX designera, przychodzi czas na projektowanie interfejsu graficznego. Do akcji wkracza UI designer, którego zadaniem jest stworzenie warstwy wizualnej serwisu lub aplikacji. 

UI (user interface) to:

sposób w jaki informacje widoczne na ekranie urządzenia (komputera, telefonu, maszyny) są rozmieszczone i pokazywane użytkownikowi

Cambridge Dictionary

Chodzi więc o aspekt techniczny na który składają się wszystkie środki i narzędzia za pomocą, których użytkownik widzi nasz produkt. 

Projektowanie UI koncentruje się głównie na rozwiązaniach digitalowych, takich jak aplikacje i strony internetowe, chociaż podobnie jak w przypadku projektowania UX, nie ogranicza się tylko do nich – ma zastosowanie także w projektowaniu interfejsów maszyn oraz urządzeń domowych.

UI designer tworzy „rzeczy ładne” i pracuje nad tym, co widzi użytkownik i w jaki sposób elementy pokazują się na ekranie. Dysponuje środkami za pomocą których kształtuje interakcję między użytkownikiem a systemem komputerowym.

Zadania projektanta UI

Osoba na tym stanowisku musi być kreatywna, dokładna, mieć poczucie estetyki, interesować się kwestiami związanymi z psychologią kolorów, śledzić trendy związane z projektowaniem graficznym. 

Projektant UI powinien też być cierpliwy, odporny na krytykę i stres i posiadać dobre umiejętności komunikacyjne, ponieważ często musi uzasadniać swoje wybory i działać wbrew upodobaniom klienta. To co spodoba się jednej osobie, niekoniecznie musi wpasować się w gust innej, dlatego UI designer musi liczyć się z tym, że jego propozycje nie zawsze będą (od razu) akceptowane.

Projektant UI ma kontakt z Product Ownerem, projektantem UX oraz programistami (dobrze jest skonsultować z programistami niektóre wybory). W swojej pracy musi używać narzędzi służących do projektowania graficznego (Sketch, Adobe Photoshop, Adobe XD, Figma).

Dobór kolorystyki i typografii, wygląd buttonów
Zadaniem UI designera jest m.in. dobór palety kolorów i wybór fontów

Elementy, nad którymi pracuje projektant UI:

  • kolorystyka – dobór palety kolorów, które będą dominować na stronie/aplikacji,
  • tworzenie stylu i ogólny wygląd serwisu,
  • typografia – wybór fontów, rozmiarów tekstów oraz nagłówków,
  • dobór zdjęć, grafik i dodatkowych elementów graficznych oraz dekoracyjnych,
  • identyfikacja wizualna firmy – projektowanie logotypu, wybór kolorów pasujących do profilu firmy,
  • budowanie i kształtowanie znajomości i przywiązania klientów do marki.

Projektowanie UX i UI to obszary różniące się od siebie w istotny sposób. Dotyczą innych aspektów tworzenia serwisów internetowych ale jednocześnie reprezentują światy, które się wzajemnie uzupełniają. Razem tworzą kompletny i skuteczny produkt. 

Napisz do nas jeśli chciałbyś stworzyć skuteczny i przemyślany projekt UX lub UI.

Podobał Ci się ten artykuł? Udostępnij go!

Przeczytaj także

Skontaktuj się z nami

Marcin Stawowiak

Marcin Stawowiak

Co-founder, Executive Manager

Szukasz doświadczonego zespołu programistycznego?
Porozmawiajmy o konkretach.

    Wypełnij poniższy formularz




    • max. 2500 znaków

    • Dozwolone pliki: PNG, JPEG, PDF, DOC, XLS, PPT, TXT


    Smultron Web Development


    ul. Sławkowska 12
    31-014 Kraków

    +48 791 991 797
    hello@smultron.pl

    NIP: 6762482785