Dołącz do naszego zespołu - sprawdź kogo szukamy REKRUTACJA

UX vs. UI – jakie są różnice?

UX vs. UI - jakie są różnice?
Darek
Darek 13 października 2020

Jeśli tutaj trafiłeś, to zapewne słyszałeś o takich pojęciach jak UX i UI – często używane na przemian i rzekomo nawiązujące do tego samego. Ale czy aby na pewno tak jest?

UX w tym przypadku będzie naszym silnikiem, wałem napędowym, kierownicą i solidnym podwoziem. UI będzie pięknie wykrojoną karoserią, błyszczącym lakierem i obitym skórą wnętrzem.

Czy jedno może istnieć bez drugiego? Może, ale czy będzie skuteczne? No właśnie…

Co to UX Design?

UX (User experience) to projektowanie doświadczeń między użytkownikiem a produktem, tak aby te były łatwe, intuicyjne i przyjemne. Samochód który super się prowadzi, ma wszystkie przyciski tam gdzie byś się ich spodziewał, a jego użytkowanie jest czystą przyjemnością (co wzmacnia Twoją więź z pojazdem) jest właśnie przykładem dobrego, przemyślanego UX.

Ale skąd mamy pewność kiedy doświadczenie, które oferujemy spełnia powyższe wymagania? Tutaj z pomocą przychodzą nam narzędzia i schematy, którymi posługuje się UX designer.

 

dobry UX vs. zły UX

Czym zajmuje się UX designer:

  • analizuje konkurencję oraz grupę docelową
  • przygotowuje strukturę produktu
  • przygotowuje content
  • projektuje makiety oraz prototyp
  • testuje i analizuje wprowadzone rozwiązania
  • bezpośrednio współpracuje z UI designerem
  • współpracuje z deweloperami
  • śledzi KPI (Kluczowy wskaźnik efektywności)

UX designer nie kończy swojej pracy na tym etapie. Również po wprowadzeniu produktu do sprzedaży monitoruje i analizuje wprowadzone rozwiązania. UX designer to osoba, która musi posiadać szczątkową wiedzę z zakresu UI designu, marketingu oraz analityki danych. To właśnie UX designer będzie kontaktować się z klientem w pierwszej kolejności, aby stworzyć produkt z jego idei. Do zadań UX designera należy zatem stworzenie najbardziej intuicyjnego rozwiązania dla określonej grupy docelowej.

Przykładowe oprogramowania w pracy UX designera:

  • Axure, UXPin, Pixate
  • Lucidchart, draw.io – do rysowania diagramów
  • Hojtar, Usabilitytools, Visual Website Optimizer – do analityki
  • Loop 11, Userzoom, Screencast-O-Matic – do testów zdalnych

Przeczytaj również: Co to jest UX writing?

Co to UI Design?

UI (User interface) jest odpowiedzialny za ubranie w odpowiednie szaty naszego samochodu. Od nadwodzia, po wykończenie wnętrza, dobór kolorów oraz odpowiednich materiałów. Jeśli nasz świetnie złożony, sportowy samochód będzie wizualnie zbliżony do szkaradnego Fiata Multipli, zamiast do luksusowego Ferrari, mimo że pod jego maską drzemie potwór, żaden użytkownik nie zwróci na niego uwagi. Powinniśmy zatem wtedy zrobić krok w tył i zacząć od nowa.

Widząc warczące, czerwone Ferrari nikt nie musi nam tłumaczyć „To jest sportowy samochód” – po prostu to widzimy i czujemy. Smukłe kształty, warkot silnika oraz charakterystyczny krwisty kolor. Nic tutaj nie jest przypadkowe. Wyobrażasz sobie klocowate, wysokie, wyblakło-zielone Ferrari?

Przykład złego UI

Czym zajmuje się UI designer:

  • analiza rozwiązań konkurencji
  • analiza grupy docelowej
  • tworzenie motywu przewodniego
  • dbanie o branding i oprawę graficzną
  • animacje i elementy interakcyjne
  • współpraca z UX designerem
  • współpraca z deweloperami podczas wdrażania

UI designer to najczęściej osoba, która ma duże wyczucie estetyki, ponieważ istotą jej pracy jest tworzenie rzeczy ładnych, definiowanych jako atrakcyjne wizualnie. To niezwykle trudne zadanie, ponieważ musi wstrzelić się w gusta wielu ludzi, a jego poczucie estetyki może być bardzo często sprzeczne z poczuciem estetyki klienta. UI designer musi podążać za zmieniającymi się trendami, obserwować gusta użytkowników i umieć stworzyć produkt, który będzie odpowiadał wizualnym potrzebom większości.

Przykładowe oprogramowania w pracy UI designera:

  • Adobe Photoshop, Gimp, Ilustrator
  • HTML5, CSS3, JavaScript (do pisania prostego kodu)
  • Podstawowa znajomość frameworków

Sprawdź także: Różnice pomiędzy fontem, a czcionką

UX design a UI design – podsumowanie

Wspominany powyżej user interface – to nic innego jak zbiór elementów i reguł dotyczących projektowania wizualnego danego produktu. UI designer będzie zatem „artystą”, którego praca ma za zadanie sprawić, aby dany projekt był ładny i zgodny z zasadami projektowania. Z kolei user experience ma za zadanie zbadać poziom i jakość interakcji pomiędzy użytkownikiem a stroną www/aplikacją/maszyną. UX designer będzie zatem bardziej jak „naukowiec”, który bada dane. Jego praca ma za zadanie jak najbardziej ulepszyć dany produkt pod kątem użyteczności dla użytkownika końcowego.

Jeśli więc chcemy stworzyć pięknie wyglądający samochód który prowadzi się jak marzenie, a jego przeznaczenie jest widoczne gołym okiem – współpraca między tymi dwoma stanowiskami jest kluczowa.

Jeżeli wciąż zastanawiasz się jakie są różnice między UX a UI designem, poniższy opis powinien rozwiać wątpliwości. Świetnie prezentujący się samochód, który jest funkcjonalnym koszmarem, to przykład dobrego UI i kiepskiego UX, natomiast brzydki i nie oddający swojego ducha samochód, którego chętnie używasz, to przykład dobrego UX i złego UI.

Mimo wielu podobieństw UX oraz UI mają dwa różne zadania i chodzą swoimi ścieżkami – które najlepiej zobrazuje zdjęcie z naszego własnego podwórka. 🙂

UX i UI na przykładzie parku