UI Design oraz UX Design to dwa najczęściej mylone ze sobą pojęcia w dziedzinie projektowania aplikacji i stron internetowych.
Nic w tym dziwnego. Bardzo często występują w duecie, np. jako projekt UI/UX – stąd granice zdają się zacierać i miewamy do czynienia z używaniem tych terminów nieprawidłowo lub zamiennie.
UX to jednak nie UI. W niniejszym artykule zgłębimy temat tego, czym są UI Design, UX i na czym polegają różnice między nimi.
Co to jest UX Design i czym zajmuje się projektant UX?
UX to skrót od User Experience, co oznacza doświadczenia użytkownika. Chodzi o całość wrażeń, jakich doznaje on w trakcie korzystania z produktu (np. strony www/apki) lub usługi.
Owe doświadczenia powinny być jak najbardziej pozytywne, dlatego układ poszczególnych elementów musi być intuicyjny i logiczny; pozbawiony miejsc, w których użytkownik mógłby poczuć się zdezorientowany. Korzystanie z danego produktu powinno satysfakcjonować – nie irytować.
Wyobraź sobie, że pierwszy raz odwiedzasz jakąś stronę lub sklep internetowy. Czy mimo to, że jest to Twój debiut na danej witrynie, szybko odnajdujesz się w jej układzie? Wiesz, gdzie powinieneś kliknąć lub przejść w celu znalezienia tego, czego szukasz, bądź wykonania pożądanej czynności – dokonania zakupu produktu, umówienia spotkania czy zarezerwowania biletów?
Jeżeli nie napotykasz na swojej drodze żadnych problemów, a pobyt na stronie jest satysfakcjonujący i pozbawiony nieprzyjemnych niespodzianek czy momentów dezorientacji, możemy powiedzieć, że zadbano o UX. Innymi słowy: ktoś przewidział, jakimi ścieżkami będziesz poruszać się po stronie Ty i inni użytkownicy, dzięki czemu poukładał poszczególne etapy tak, aby maksymalnie ułatwić (i uprzyjemnić) Ci zadanie.
UX Design można zatem określić jako projektowanie doświadczeń użytkownika podczas interakcji z produktem.
UX Designer skupia się na dopasowaniu projektu do potrzeb odbiorców – tak by końcowy produkt pod względem funkcjonalności i użyteczności był wręcz skrojony na miarę względem docelowej grupy odbiorców.
Zadaniem UX Designera jest zadbanie o to, by odbiorca w prosty sposób odnalazł najszybszą i przede wszystkim właściwą drogę do tego, co go interesuje. Nieodzowna będzie tutaj odpowiednio przemyślana struktura serwisu i architektura informacji.
Na proces tworzenia projektu User Experience składają się elementy takie jak:
- analiza klienta (poznanie celów i założeń);
- analiza konkurencji;
- poznanie potrzeb użytkowników i tworzenie person;
- opracowanie koncepcji produktu;
- projektowanie ścieżek użytkownika;
- tworzenie architektury informacji;
- tworzenie prototypów (wireframing, makiety Low i High Fidelity);
- testowanie użyteczności, czyli badania UX.
UI Design – co to jest?
Skrót UI oznacza User Interface, czyli interfejs użytkownika. Możemy go zdefiniować jako swego rodzaju pośrednika między człowiekiem a maszyną – w końcu umożliwia on interakcję ludzi z oprogramowaniem.
Składają się na niego m.in. przyciski, pola do wprowadzania tekstu, suwaki i inne elementy, dzięki którym użytkownik wchodzi w interakcję ze stroną, aplikacją czy urządzeniem.
UI Design to projektowanie interfejsów. UI Designer ma za zadanie stworzyć wizualnie atrakcyjny interfejs, który będzie pasować do celu i specyfikacji aplikacji/strony oraz identyfikacji wizualnej marki. Uwzględnia on wszystkie wizualne, interaktywne elementy interfejsu produktu – ikony, przyciski, odstępy, typografię, kolorystykę, a także responsywność.
Innymi słowy: UI Designer ma jak najlepiej „opakować” graficznie to, co zaplanował projektant UX, w sposób, który będzie atrakcyjny i zachęcający dla użytkownika.
Dlaczego projektowanie User Interface jest tak ważne?
Pierwsze wrażenie wiele znaczy w świecie internetu. Użytkownik, mając styczność z danym interfejsem, już w kilka sekund podejmuje decyzję, czy to właśnie tego szukał, czy może strona/appka nie wzbudziły zaufania lub zainteresowania i lepiej szybko się z nich ewakuować.
Czym się różni UX od UI?
User Experience i User Interface ściśle współpracują, aby móc stworzyć godny uwagi, funkcjonalny produkt końcowy. To właśnie bliska kooperatywa jest powodem pomyłek między tymi dwoma dziedzinami.
Jakie są więc główne różnice?
- UX Designer skupia się na funkcjonalności, czyli np. na tym, jak działa interfejs użytkownika. Z kolei UI Designer jest odpowiedzialny za jego wygląd.
- UX znajduje swoje zastosowanie nie tylko w przypadku w digitalu (może to być też tzw. produkt fizyczny lub usługa). Z UI mamy natomiast do czynienia jedynie w formie cyfrowej (witryny www, aplikacje lub np. touchpad w ekspresie do kawy);
- Tworzenie interfejsu powinno zostać poprzedzone projektowaniem doświadczeń. Najpierw należy opracować, jak coś ma działać, a dopiero potem ustalić, jak będzie wyglądać, wypełniając elementami wizualnymi i interaktywnymi;
- Zadaniem UX Designera jest zaplanowanie interakcji użytkownika z interfejsem oraz opracowanie ścieżek wymaganych do tego, by coś zrobić. UI Designer tworzy projekt wizualny dla każdego z kroków;
- Orężem UX Designera jest badanie potrzeb, opracowywanie architektury informacji, tworzenie prototypów i przeprowadzanie testów. Projektant UI bazuje na opracowywaniu rozwiązań graficznych.
Aby wytłumaczyć to obrazowo, wesprzyjmy się przykładem. Wyobraźmy sobie nasz produkt jako… ludzkie ciało. UX będzie skupiać się na stworzeniu szkieletu, powiązań między konkretnymi partiami oraz nadaniu im funkcjonalności. Tymczasem UI to warstwa zewnętrzna (twarz, skóra), jego wygląd i reakcje.
Znakomicie sprawdzą się także porównania architektoniczne. UX możemy porównać do projektowania i budowania domu. Podstawą będzie dowiedzenie się, kim będą jego użytkownicy – tak, by móc zapewnić im jak najbardziej użyteczne rozwiązania: ustalić typ budynku, liczbę pięter, optymalny układ pomieszczeń etc. UI możemy natomiast ująć jako elewację i wystrój wnętrz. Tam, gdzie według User Experience zaplanowano przejścia, UI odpowiada za drzwi, klamki czy windy.
UX i UI – nie oponenci, a zgrany duet
Tytuł tego artykułu „UX kontra UI” jest nieco przewrotny. Te dyscypliny nie występują przeciwko sobie; co więcej – dopiero działając w harmonii, potrafią zapewnić najlepsze wyniki.
Podczas gdy rolą UX Designera jest opracowanie drogi, którą wszystkie podstrony/przyciski prowadzą użytkownika przez stronę lub aplikację, specjalista UI projektuje, jak te elementy interfejsu mają wyglądać na ekranie.
Załóżmy, że na pewnym etapie tworzenia projektu zapadła decyzja o dodaniu kolejnych elementów, np. przycisków na stronie lub ekranie. Może to zmienić dotychczasowy rozkład elementów, a nawet wymagać zmiany rozmiaru lub kształtu niektórych z nich. W takim wypadku UX-owiec opracuje nowy, najlepszy sposób rozmieszczenia przycisków, a projektant UI dostosuje projekt do nowego układu.
Dlatego efektywna komunikacja i współpraca między projektantami UI i UX to gwarancja, że końcowy interfejs użytkownika wygląda najlepiej, jak może. Przy okazji zachowując też to, co w nim najważniejsze, czyli użyteczność i intuicyjność obsługi.
Dlaczego kwestie UX i UI są tak ważne?
Żyjemy w czasach dynamicznego rozwoju technologicznego. Świat dookoła nas robi się coraz bardziej złożony, a my sami, będąc zapracowani i bombardowani ogromem informacji, poszukujemy jak najwygodniejszych rozwiązań. Gdy użytkownikom trudno zorientować się, jak korzystać z danej strony czy aplikacji, nie ma co się łudzić, że podejmą ten wysiłek (chyba że dana nisza jest naprawdę specyficzna).
Dbałość o kwestie UI/UX:
- Pomaga wyróżnić się na tle konkurencji. Im większa konkurencja w danej branży, tym bardziej znaczące jest pozytywne doświadczenie użytkownika. Zrozumiała nawigacja, szybkie ładowanie, łatwa obsługa i przyjemny dla oka interfejs to waluta, którą warto wykorzystać, aby zyskać przewagę nad rywalami;
- Umożliwia większą konwersję i sprzedaż. Przyjazne użytkownikom strony i aplikacje zachęcają do ich użytkowania i nie stawiają konsumentom przeszkód w dotarciu do celu, np. sfinalizowania zakupu;
- Pomaga w działaniach SEO. Algorytmy wyszukiwarek preferują witryny, które zapewniają użytkownikom dobre doświadczenia. Zadbanie o kwestie UI/UX wpłynie na mniejszy czynnik odrzuceń i dłuższy czas przebywania na stronie – a to ważne aspekty, jeśli chodzi o pozycjonowanie;
- Zwiększają lojalność klientów i budują przywiązanie do marki. Ludzie chcą bezproblemowej, przyjemnej interakcji ze stroną czy aplikacją. Zadowoleni użytkownicy z większym prawdopodobieństwem staną się naszymi stałymi klientami.
Podsumowanie
Chociaż oba terminy brzmią podobnie, między UX i UI istnieją zasadnicze różnice. Należy jednak pamiętać o tym, że dziedziny te wcale nie są odrębnymi bytami. Projektowanie doświadczeń oraz projektowanie interfejsu wzajemnie na siebie oddziałują.
Piękna, przyjazna użytkownikowi warstwa wizualna nie uratuje witryny czy aplikacji, gdy odbiorcy mają problemy z nawigacją i nie mogą znaleźć tego, czego szukają. Sfrustrowani lub zniecierpliwieni użytkownicy nie będą chcieli z niej korzystać. Podobnie w przypadku przemyślanego, popartego badaniami i testami użytecznego projektu UX, który może zostać pogrzebany przez nietrafiony projekt interfejsu.
Podsumowując, nie ma UX bez UI i odwrotnie. Jeśli mówimy o tworzeniu produktów zorientowanych na użytkownika, niezbędne są oba aspekty, aby zapewnić łatwą i przyjemną interakcję ze stroną lub aplikacją.