UX vs UI – Czym się różni UX Design od UI Design?

UI vs UX, oto post mający na celu wyjaśnić różnicę pomiędzy user experience a user interface. Oprogramowanie, umiejętności a nawet zarobki to wszystko znajdziesz w tym wpisie.

tl;dr - Czym się różni UX Design od UI Design

User Interface – to zbiór elementów i reguł w kontekście projektowania wizualnego danego produktu. UI designer – to swojego rodzaju „artysta” jego praca odpowiada na pytanie – czy dany projekt jest ładny i zgodny z zasadami projektowania? Za to User Experience – bada jakość interakcji pomiędzy człowiek – strona www/ aplikacja /maszyna. UX designer to swojego rodzaju „naukowiec” badający dane. Odpowiada na pytanie – jak ulepszyć dany produkt pod kątem użyteczności dla użytkownika końcowego?

Teoria UX vs UI

UI czyli user interface – UI jest to stworzenie języka dzięki którym oprogramowanie będzie umiało się komunikować z użytkownikiem. Elementami UI są wszystkie elementy wizualne np. menu, galeria, rozkład tekstu, kolorystyka czyli wszystko co tyczy się warstwy estetycznej ułatwiającej komunikację z programem / stroną / aplikacją, która ma zrealizować nasz cel. UI może również odpowiadać za fizyczne elementy pomagające w komunikacji takie jak wszelkiego rodzaju klawiatury, panele sterowania oraz urządzenia peryferyjne. Obecnie panele dotykowe zdają się wypierać dużą część fizycznych klawiatur na rzecz dotykowych ekranów.

UX czyli user experience – w przeciwieństwie do UI, UX nie tworzy języka do komunikacji program – użytkownik, ale stara się go usprawnić. Jego celem jest odkrycie indywidualnych cech osobowych danej grupy, do której dany produkt lub usługa będą skierowane, a następnie na podstawie zebranych informacji tak dopasować produkt czy usługę by ułatwić i usprawnić komunikację, tym samym sprawić by dany produkt był bardziej intuicyjny i przyjemniejszy w odbiorze dla przeciętnego użytkownika.

Sylwetki UX vs UI designer

UI vs UX designer - infografika

UI designer – zwykle są to osoby o dużym wyczuci estetyki. Istotą ich pracy jest tworzenie rzeczy ładnych, co jest niekiedy bardzo niewdzięcznym zadaniem. A wszystko to przez definiowanie czegoś jako estetyczne. Bardzo często poczucie estetyki UI designera może być sprzeczne z poczuciem estetyki klienta. To sprowadza się do umiejętności współpracy i komunikacji między twórcą a klientem. UI musi umieć współpracować z product managerem i przekuwać ideę w działający produkt. UI designer musi podążać za szybko zmieniającymi się trendami. Od czasów gdzie gradient był domeną wielu stron www do obecnych gdzie panuje wszech obecny minimalizm. Każdy UI designer posiada portfolio swoich projektów.

UX designer – tu sprawa jest dużo bardziej skomplikowana. Statystyczny UX designer to osoba z wielu światów na raz. Z jednej strony musi posiadać chociażby szczątkowe umiejętności UI designera, marketingowca i analityka danych. UX designer to osoba, która jako pierwsza powinna kontaktować się z klientem w kwestii stworzenia danego produktu z idei. UX designer musi umieć rysować proste makiety, nadawać im interaktywne akcje, musi umieć zmotywować klienta by wziął aktywny udział w procesie twórczym, a na koniec musi umieć rekrutować testerów, stworzyć statystycznego użytkownika (persona) i przeprowadzić testy. Celem UX designera jest stworzenie najbardziej intuicyjnego rozwiązania dla sprecyzowanej grupy docelowej. Doświadczony UX designer jest dobrym kandydatem na stanowiska zarządcze w przedsiębiorstwach zarządzających innowacyjnym produktem.

Wykorzystanie oprogramowania

UI designer:

Bardzo ważne: Adobre Photoshop (opcjonalnie Gimp) i Ilustrator (opcjonalnie Corel).
Umiejętności pisania kodu w: HTML5, CSS3 i JavaScript.
Opcjonalnie znajomość frameworków: AngularJS, KnockoutJS, BackboneJS, ReactJS.

UX designer:

Bardzo ważne: Axure (opcjonalnie UXPin, Pixate)
Do szybkiego rysowania: Kartka i cienkopis, P.O.P/gomockingbird/ balsamiq.com
Oprogramowanie do rysowania diagramów: Lucidchart, draw.io itp.
Narzędzia analityczne: Hotjar/Usabilitytools, Visual Website Optimizer
Narzędzia do testów zdalnych: Loop11 / Userzoom, Skype, Screencast-O-Matic.

Umiejętności: Excel (analiza dużych zbiorów danych), Power Point (tworzenie prezentacji), Windows Movie Maker (do obróbki materiałów wideo z testów), empatia (umiejętność wczuwania się w drugą osobę), podstawy HTML i CSS (wstawianie kodów i drobne modyfikacje).

Jak wygląda mój dzień pracy

UI designer:

Może pracować zdalnie.

Rozkład dnia pracy ~ 75% – projektowanie, 25% – rozmowy.

Odbieranie maili odnośnie akceptacji bądź poprawek do projektów z dnia poprzedniego
Spotkania z klientami / przełożonym / ux designerem odnośnie specyfikacji nowych projektów
Spotkanie z programistami aby zapytać o możliwości i ograniczenia technologi (np. o szczegóły galerii, któą projektujemy)
Zbieranie zawartości do projektów
Poszukiwanie inspiracji online
Projektowanie szkicu (Photoshop) lub makiety (HTML, CSS, JS)
Wysyłka specyfikacji najlepiej odnośnik do panelu, w którym klient może komentować na projekcie elementy
Usuwanie błędów w starych projektach

UX designer:

Duża większość ofert to praca stacjonarna

Rozkład dnia pracy ~ 25% – rozmowy z klientami, 15% – tworzenie person i storyboardów, 35% – szkicowanie projektów, 25% – tworzenie i prowadzenie testów.

Spotkania/rozmowy z klientem, tworzenie wstępnych szkiców projektu
Analiza projektów online oraz testy A/B poszczególnych elementów
Zbieranie danych danej grupy docelowej
Tworzenie person
Tworzenie storyboardów na podstawie person
Tworzenie online architektury informacji
Spotkania z programistami oraz UI designerem w celu oszacowania możliwości pewnych elementów oraz funkcjonalności
Tworzenie zaawansowanych makiet z iniektywnymi funkcjami
Planowanie testów