Nigdy nie nazywaj siebie projektantem UI: UI to UX

Opublikowany: 2022-03-11

UI i UX to dwa bardzo popularne terminy projektowe; jednak terminy te często są rzucane w niewłaściwym kontekście.

Tymczasem tradycyjne tytuły pracy, takie jak „projektant stron internetowych” i „projektant aplikacji”, są obecnie znacznie mniej popularne, mimo że są doskonałym opisem usług projektowych, które projektant może zaoferować. Na czym polega ta fascynacja słowem „UI” ? I dlaczego niektórzy projektanci nazywają siebie „projektantami UI” lub „projektantami UX/UI”?

Czy interfejs użytkownika nie jest częścią UX?

Dlaczego „UI” stało się tak modnym hasłem?

UX a interfejs użytkownika

Jako projektanci (i jako ludzie) mamy obsesję na punkcie tego, jak rzeczy wyglądają. Wiemy, że liczy się „to, co jest w środku”, ale wciąż paradujemy przed lustrem każdego ranka, starając się wyglądać ładnie dla przypadkowych nieznajomych, których nigdy więcej nie zobaczymy.

Projekt interfejsu użytkownika nie jest inny. Zależy nam na tym, aby interfejsy naszych użytkowników były estetyczne i bez względu na to, czy się do tego przyznajemy, czy nie, lubimy, aby nasza praca była podziwiana i potwierdzana. Ponieważ rzeczy, które są atrakcyjne wizualnie, przyciągają więcej uwagi, może to skłonić niektórych projektantów do poświęcenia więcej czasu na wygląd interfejsu, a nie na to, jak działa. Kluczową różnicą między UI a UX jest to, że interfejs użytkownika jest taki, jak wygląda , a UX tak , jak działa .

Zgodnie z definicją Grupy Nielsen Norman „„Doświadczenie użytkownika” obejmuje wszystkie aspekty interakcji użytkownika końcowego z firmą, jej usługami i produktami”.

Nazywanie siebie projektantem interfejsu użytkownika to mniej więcej to samo, co powiedzenie: „Jestem bardziej skoncentrowany na tym, jak to wygląda”. W rzeczywistości interfejs użytkownika jest tylko jednym z elementów wpływających na wrażenia użytkownika. Istnieje wiele innych czynników poza interfejsem użytkownika, które wpływają na ogólne wrażenia użytkownika.

By wymienić tylko kilka:

  • Czy przepływ użytkowników pomaga szybko osiągnąć cel?
  • Czy każdy użytkownik, niezależnie od wieku lub możliwości fizycznych, może uzyskać dostęp do interfejsu użytkownika?
  • Czy użyteczność jest na tyle dobra, aby użytkownik mógł swobodnie korzystać z serwisu?
  • Czy decyzje projektowe są podyktowane solidnymi danymi i badaniami użytkowników?
  • Czy aplikacja jest na tyle intuicyjna, by odgadnąć, czego chce użytkownik?

Projekt wizualny nadal ma znaczenie. Kolory nadal mają znaczenie, branding nadal ma znaczenie, a sposób, w jaki interfejs użytkownika jest animowany, gdy użytkownik wchodzi z nim w interakcję, nadal ma znaczenie, ale kiedy zaczynamy podejmować decyzje projektowe na podstawie tego, jak coś wygląda, nie projektujemy już dla użytkowników .

W rzeczywistości nawet nie projektujemy. Tworzymy sztukę.

obraz porównujący ui i ux
Doświadczenie użytkownika a interfejs użytkownika. (Ilustracja: Shane Rounce)

Z reguły interfejs użytkownika to sposób interakcji z produktem (np. kliknięcia, stuknięcia i interakcje głosowe), a UX to wynikowa opinia/emocja odczuwana przez użytkownika (np. jest szybki/wolny, intuicyjny/zagmatwany i /lub sprawia, że ​​użytkownik czuje się szczęśliwy/sfrustrowany).

Dlaczego nie powinieneś „projektować dla polubień”

Media społecznościowe uzależniają. Dlaczego to uzależnia, to zupełnie inna historia – w końcu tak. Ludzie dzielą się rzeczami w mediach społecznościowych, aby „polubić”, ponieważ, krótko mówiąc, aktywuje to system nagrody w naszym mózgu. Szukamy potwierdzenia u innych w postaci polubień i zwolenników tak samo, jak szukamy seksu lub jedzenia – jest to przyjemne, a gdy uczucie zaczyna zanikać, szybko szukamy go ponownie, aby spełnić nasze pragnienia. Przeciętny człowiek spędza w mediach społecznościowych prawie dwie godziny dziennie.

Wprowadź Dribbble, a raczej tak zwany „efekt Dribbble”.

Dribbble zaczynał jako witryna typu „pokaż i opowiedz” dla projektantów, ale szybko stał się znany jako sposób na pokazywanie prac projektowych dla polubień, a nie konstruktywnych informacji zwrotnych. Doprowadziło to do tego, że projektanci przesyłali prace specjalnie dla polubień, a ta moda na tym się nie skończyła.

Podobnie jak w przypadku wszystkich nałogów, projektanci zaczęli znajdować więcej sposobów, aby je karmić, w tym wymyślać fałszywych klientów i koncepcje aplikacji tylko po to, aby mieć coś, co Dribbblers może „polubić”.

Zapisz się na blog projektowy Toptal i otrzymaj nasz eBook

Co z tym jest nie tak?

Projektowanie polega na rozwiązywaniu problemów, z którymi borykają się użytkownicy. Jeśli nie projektujemy z myślą o użytkowniku, nie ma problemu do rozwiązania. Jeśli nie ma problemu , po prostu wizualizujemy interfejsy użytkownika ze względu na to. Nie tylko skończymy z czymś niepraktycznym, ale projektowanie dla wyimaginowanych ideałów nie pomoże nam ulepszyć się jako projektant.

Rzućmy okiem na kilka katastrof projektowych na Dribbble.

Mimo że ten pierwszy przykład nie tworzy prawdziwego briefu/klienta projektu, a nadrzędne tło nieco odbiega od samego projektu, jeszcze bardziej nierealistyczne jest to, że elementy wizualne rozciągają się poza widoczny obszar, jak rodzaj efektu „przełamania czwartej” ściany. Chociaż projekt ma być „ładny”, nie jest to projekt , który działa .

trendy w designie a sensowny design
W tym przykładzie projekt poświęca znaczenie i wartość niepraktycznym wizualizacjom.


projektowanie dla prawdziwych użytkowników z prawdziwymi urządzeniami
W tym przykładzie interfejs użytkownika jest przeznaczony dla urządzenia, które nawet nie istnieje.


trójwymiarowy interfejs użytkownika z przyszłości
Ten przykład wygląda oszałamiająco jako dzieło sztuki, ale obecnie żadne urządzenie nie pozwala nam wyświetlać interfejsów użytkownika w ten sposób.


pięknie prezentujący się projekt strony internetowej
Ten przykład jest znacznie lepszy, ponieważ pokazuje prawdziwy, opłacalny projekt bez dzwoneczków i gwizdków.

Skąd bierze się ta obsesja na punkcie projektowania wizualnego?

Projektowanie dla polubień często wywodzi się z zamiłowania do określonego trendu projektowego, który stał się głównym nurtem; na przykład płaskie wzornictwo i minimalizm przez Apple, które skutecznie położyły kres skeuomorfizmowi. Chociaż oczywiście nie ma nic złego w żadnej z tych estetyk wizualnych, projektowanie czegoś wyłącznie w celu wdrożenia trendu graniczy z opisem pracy artysty, a nie projektanta, iz pewnością nie obejmuje UX.

Zamiast tego projektanci UX powinni przede wszystkim zastanawiać się, jak poprawić doświadczenia użytkowników, a jeśli trend w projektowaniu wizualnym wypełni tę pustkę, to i tylko wtedy powinniśmy z niego korzystać.

Jak wspomniano wcześniej, zbieranie „polubień” aktywuje system nagród w naszym mózgu. Dokładniej, nagrody zwiększają poziom dopaminy w naszym ciele, a dopamina działa jak neuroprzekaźnik, wysyłając wiadomość do mózgu, gdy sami siebie nagradzamy. Mózg, ogromnie wdzięczny, sprawia, że ​​czujemy się dobrze w zamian za nasze działania.

Powoduje to, że leniwi „projektanci” unikają projektowania dla użytkowników i zamiast tego wdrażają trendy, które zaowocują dużą liczbą polubień. Powoduje to błędne wyobrażenia o tym, czym naprawdę jest projekt, co powoduje, że klienci myślą tak samo. To ogromna szkoda dla branży projektowania UX i rówieśników projektantów UX, którzy chcą projektować najlepsze produkty.

Zasady projektowania UX

Nie da się wyjaśnić wielu koncepcji UX naraz, ale oto podstawowe czynniki, które przyczyniają się do efektywnego doświadczenia użytkownika, w skrócie:

  • Prędkość
    • Czy aplikacja lub witryna działa wolno (lub wydaje się, że działa wolno)?
    • Czy użytkownik musi klikać/przewijać/interakcję częściej niż to konieczne?
    • Czy jest zbyt wiele rozrywek i/lub decyzji do podjęcia?
    • Czy istnieje tarcie, które powstrzymuje/opóźnia użytkownikowi uzyskanie tego, czego chce?
  • Intuicja
    • Czy dla użytkownika jest oczywiste, co musi zrobić dalej?
    • Czy możemy określić, czego chce użytkownik i odpowiednio wyświetlić treści?
  • Dostępność
    • Czy użytkownik może uzyskać dostęp do interfejsu użytkownika, niezależnie od wieku lub niepełnosprawności?
    • Czy pomyśleliśmy o wielu różnych rodzajach ślepoty barw?
  • Użyteczność
    • Czy na urządzeniach mobilnych elementy dotykowe mają odpowiedni rozmiar?
    • Czy cele są łatwo dostępne dla kciuków?
    • Czy projekt jest responsywny? Czy dostosowuje się do wszystkich urządzeń?

20 heurystyk użyteczności
Susan Weinschenk i Dean Barker (Weinschenk i Barker 2000) zbadali wytyczne użyteczności i heurystyki z wielu źródeł (w tym Nielsen, Apple i Microsoft) i wygenerowali zestaw 20 heurystyk użyteczności do sprawdzenia.

Projekt wizualny jest nadal ważny

Projektowanie wizualne odgrywa ogromną rolę w projektowaniu doświadczeń użytkownika, stąd powód, dla którego nie powinniśmy porównywać UI do UX — UI jest częścią UX. Nazywanie siebie projektantem UI zwraca uwagę tylko na bardziej efektowne aspekty projektowania UX, przy czym mniej uwagi poświęca się UX jako całości i temu, jak można go wykorzystać do realizacji celów biznesowych.

Oto zasady projektowania UX wymienione powyżej, tylko tym razem wspomnimy, w jaki sposób projekt wizualny wpływa na rzeczy:

  • Prędkość
    • Czy użytkownik może szybko określić, gdzie powinien wyglądać i wchodzić w interakcje, używając kontrastu , koloru i odstępów jako wskazówek wizualnych?
    • Czy powyższy interfejs użytkownika/treść renderuje się natychmiast, wyjaśnia, co użytkownik musi zrobić na wspomnianym ekranie, i ma wyraźne wezwanie do działania?
  • Dostępność
    • Czy wybór kolorów zapewnia wystarczający kontrast?
    • Czy interfejs użytkownika jest wystarczająco duży dla osób, które mają trudności z widzeniem?
  • Użyteczność
    • Czy istnieje wizualna hierarchia, która ilustruje znaczenie każdego elementu?
    • Czy wizualnie przekazujemy zaufanie i bezpieczeństwo, gdy ma to zastosowanie?
    • Czy wdrażamy mikrointerakcje, które są naturalne i wyjaśniają działania podejmowane przez użytkownika?

Ważne jest, aby myśleć o interfejsie użytkownika jako o narzędziu, które można wykorzystać do poprawy UX, a nie o błyszczącej powłoce, która może sprawić, że UX będzie „lepiej wyglądać”. Weźmy na przykład Amazon: każdego roku zarabiają ponad sto miliardów dolarów i chociaż ich interfejs użytkownika i obsługa płatności są oczywiście intuicyjne, nie są one konwencjonalnie atrakcyjne pod względem estetyki wizualnej.

Amazonka
Amazon zarobił 1,9 miliarda dolarów w ciągu ostatnich trzech miesięcy 2017 roku, ale nie odgadłbyś tego na podstawie projektu interfejsu użytkownika.

Projektowanie UX/UI powinno być oparte na danych

Projektowanie UX (w tym UI) powinno opierać się na badaniach użytkowników (analizy śledzenia, wywiady z użytkownikami, ankiety klientów), testowanie użyteczności, szczupły przepływ pracy UX (obejmujący prototypowanie, wewnętrzne informacje zwrotne i regularną wysyłkę) i wszystko inne, co oferuje dane oraz wgląd w to, jak użytkownicy wchodzą w interakcję z interfejsem (lub firmą jako całością).

Jeśli aplikacja lub witryna nie działa zgodnie z oczekiwanymi standardami, te jakościowe i ilościowe metody badania użytkowników mogą pomóc projektantom UX w podejmowaniu bardziej efektywnych decyzji projektowych, niezależnie od tego, czy jest to decyzja dotycząca przepływu użytkowników, czy tylko kolorów. To właśnie to oparte na danych podejście do projektowania sprawia, że ​​UI i UX to jedno i to samo.

Wniosek

Nie ma nic złego w nazywaniu się projektantem stron internetowych lub projektantem aplikacji, a nawet projektantem aplikacji głosowych lub projektantem urządzeń do noszenia. Opisuje, kim jesteś, a klienci szybciej zrozumieją, co robisz. Klientów nie obchodzi, czy masz modny tytuł zawodowy ani ile polubień ma dany projekt na Dribbble. Wszyscy klienci chcą wiedzieć, że wiesz, jak skutecznie rozwiązywać doświadczenia użytkowników, biorąc pod uwagę cele biznesowe firmy i podejmując decyzje projektowe na podstawie danych, a nie upodobań i trendów.

Z drugiej strony nie ma też nic złego w określeniu „projektant UX” — to znaczy, jeśli uważasz się za projektanta, który projektuje wszelkiego rodzaju interfejsy. Przede wszystkim ważne jest, abyś jako projektant wybrał stanowisko, z którym naprawdę się identyfikujesz.

• • •

Dalsza lektura na blogu Toptal Design:

  • eCommerce UX – przegląd najlepszych praktyk (z infografiką)
  • Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
  • Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
  • Zasady heurystyczne dla interfejsów mobilnych
  • Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika