Na pewno każdy z nas w pewnym momencie swojej kariery zawodowej zetknął się z takimi terminami jak user experience (UX) oraz user interface (UI). Są to określenia, które odnoszą się do projektowania i modyfikowania stron internetowych i w dużej mierze determinują to, czy użytkownik strony zostanie na niej dłużej, a w kolejnym etapie decyduje się na zakup produktu lub skorzystanie z usługi. UX oraz UI bardzo często stosowane są zamiennie, lecz w rzeczywistości są to dwa różne pojęcia, mocno od siebie zależne. W tym artykule opowiem, jaka jest różnica między UX a UI i w jaki sposób razem funkcjonują w kontekście technologii cyfrowych.

Czym jest UX?

Na samym początku zastanówmy się, czym jest UX. Rozwinięcie tego skrótu to user experience czyli doświadczenie użytkownika. Mówiąc wprost, to suma wrażeń, jakich doświadcza człowiek podczas korzystania z produktu. Projektowanie user experience (ang. UX design) to zatem tworzenie produktów cyfrowych ze szczególnym uwzględnieniem potrzeb użytkowników. Kluczowe jest, aby interakcja dostarczała odbiorcy pozytywnych doświadczeń, produkt był funkcjonalny, a korzystanie z niego proste, intuicyjne i przyjemne dla odbiorcy.

UX design – projektowanie pozytywnych doświadczeń

„Doświadczenie użytkownika obejmuje wszystkie aspekty interakcji użytkownika końcowego z firmą, jej usługami i produktami” – tak definiuje UX Don Norman – amerykański badacz, profesor i autor książki The Design of Everyday Things. O ile doświadczenie użytkownika odnosi się do każdej interakcji odbiorcy z produktem, to projektowanie UX dotyczy każdego elementu, który kształtuje to doświadczenie. Rolą UX designerów jest zatem zdefiniowanie potrzeb użytkowników oraz opracowanie skutecznych metod, dzięki którym produkt cyfrowy w sposób szybki i bezproblemowy rozwiąże ich problemy.

Czym jest UI design?

User interface to projektowanie interfejsów, które są nie tylko atrakcyjne wizualnie, ale również czytelne i wygodne dla użytkownika. UI to wszystkie elementy strony internetowej lub aplikacji mobilnej, składające się na jej aspekt wizualny m.in.: kolorystyka, układ treści, przyciski, krój i rozmiar fontów, grafiki, zdjęcia, animacje, menu, formularze. Największym wyzwaniem dla UI designera jest uporządkowanie tych elementów oraz zaprojektowanie ich w taki sposób, aby efekt końcowy był atrakcyjny i czytelny dla użytkownika końcowego. Projektowanie UI wymaga nie tylko umiejętności graficznych, ale także poczucia estetyki i kreatywności.

Jak koresponduje ze sobą projektowanie UX i projektowanie UI?

Aby wytłumaczyć zależności między user experience (UX) a user interface (UI) posłużę się prostą analogią, której pomysłodawcą jest Jonathan Widawski, CEO Maze. Wyobraźcie sobie, że projektujecie dom. UX to fundament i układ pomieszczeń, a UI to farby, meble i dekoracje. W projektowaniu (zarówno domu, jak i doświadczeń użytkowników) kluczowa jest kolejność. Na samym początku należy określić powierzchnię domu, technikę budowy, ilość pomieszczeń oraz zależności między nimi. Nie zapominajmy o funkcjonalnym ulokowaniu drzwi, okien oraz schodów. Dopiero po ustaleniu podstawowych rzeczy można zacząć myśleć o aranżacji wnętrza – kolorach ścian, meblach, dodatkach. Ten przykład daje obraz tego, jak wygląda podział obowiązków między projektantów UX i projektantów UI, pracujących nad wspólnym produktem. Najpierw definiowane są podstawowe założenia logiczno-funkcjonalne (UX), a następnie dopracowywane są szczegóły wizualne (UI).

Jaka jest różnica między UX a UI?

Jeśli UX skupia się na użyteczności, to UI na jej wizualnej prezentacji. UI design przenosi komunikację wizualną marki do świata digital, podkreśla jej charakterystyczne elementy, a tym samym wzmacnia sam UX. W uproszczeniu, UI to wszystkie elementy wizualne produktu cyfrowego, natomiast UX to suma interakcji, które budują doświadczenia użytkownika. To, co łączy UX i UI to wspólny cel – stworzenie atrakcyjnego i użytecznego produktu końcowego.

Projektowanie UX dotyczy tego, jak działa strona internetowa:

• Co użytkownicy sądzą o witrynie?
• Czy witryna jest użyteczna i wartościowa dla użytkownika?
• Czy użytkownicy płynnie poruszają się po stronie?
• Jak łatwo użytkownicy mogą osiągać swoje cele?

Projektowanie UI dotyczy estetyki strony internetowej:

• Czy strona jest atrakcyjna dla użytkowników?
• Czy elementy umieszczone na stronie są intuicyjne?
• Czy strona jest łatwa i przyjemna w odbiorze?
• Czy interfejs wspiera przekaz?

Najlepszy UX/UI design to taki, którego nie zauważysz. Taki, który będzie cichym towarzyszem, wspierającym Cię w drodze do osiągnięcia celu. Ale z drugiej strony, jeśli coś będzie nie tak, przekonasz się o tym w ciągu kilku sekund i… zirytujesz się, jak nigdy dotąd.