#uxdesign

#uidesign

#terminology

Czym się różni projektowanie UX od UI?

W większości projektów, które realizujemy bierze udział przynajmniej jedna projektantka UX i jedna projektantka UI. Dlaczego obie te dziedziny są potrzebne i czym się różnią? Kim w takim razie jest często spotykana rola UX/UI Designera?

Projektowanie użyteczności (eng. User Experience Design) oznacza całość wewnętrznych doświadczeń użytkownika, który wchodzi w interakcję z daną usługą lub danym produktem. Dobry UX to taki, w którym użytkownik realizuje swój cel efektywnie i z satysfakcją, czyli szybko znajduje to, czego szuka i przechodzi z sukcesem przez stronę www lub aplikację. Jak to doświadczenie zaprojektować? Przede wszystkim stopniowo zwiększając poziom szczegółowości.

Poziom ogólny UX – warsztaty strategiczne

UX Designer musi mieć doskonałe zrozumienie założeń produktu, celów biznesowych oraz grupy docelowej, żeby zaproponować najbardziej odpowiednią architekturę informacji. W trakcie warsztatów produktowych klient przedstawia swoje założenia i poddaje je dyskusji. W rezultacie projektant UX jest w stanie zaproponować podstawową ścieżkę użytkownika i naszkicować pierwsze makiety.

Struktura UX strony lub aplikacji

Zanim UX Designer przystąpi do projektowania każdego ekranu z osobna, rozrysowuje sobie tzw. strukturę strony / aplikacji. Polega to na zaznaczeniu, jakie ekrany znajdą się w projekcie, co będą zawierały i jak użytkownik będzie się między nimi poruszał. Narzędzie, które w Utilo wykorzystujemy do stworzenia struktury to Overflow.

Takie narzędzia jak Sketch, Figma lub Adobe XD są przydatne zarówno na etapie projektowania UX jak i UI. Najbardziej efektywnie pracuje się korzystając z tego samego pliku. UX Designer projektuje makiety w szarościach, nie bierze pod uwagę brandingu, sygnalizuje jednak, gdzie ma pojawić się obrazek lub ikona, podejmuje decyzje co do konkretnych komponentów, takich jak pole tekstowe, dropdown, radio button, checkbox – określa, jak mają się zachowywać, co ma się zadziać jeśli wystąpi błąd itd. To projektant UX powinien zadbać o to, żeby użytkownik zawsze wiedział, gdzie jest na stronie, jak wrócić do strony głównej, anulować lub cofnąć zmiany czy ile jeszcze kroków przed nim.

Prototyp interaktywny

UX Designer na makietach zaznacza elementy interaktywne i łączy ze sobą ekrany. Dzięki temu podczas testów jesteśmy w stanie pokazać klientowi lub użytkownikom aplikację, która przypomina działający, zaprogramowany produkt – jest interaktywna. Prototyp jest też świetnym rozwiązaniem dla firm szukających inwestora. Za koszt znacznie mniejszy niż zaprogramowana aplikacja, można zaprezentować jak ma działać docelowe rozwiązanie.

Czym jest UI Design?

Interfejs użytkownika (eng. User Interface) to seria ekranów, stron i elementów wizualnych – takich jak przyciski i ikony – które umożliwiają interkację z produktem lub usługą. UI Designer skupia się na warstwie wizualnej projektu, ale ma zrozumienie tego, jak strona czy aplikacja mają działać i dlaczego akurat w ten sposób. Jego zadaniem jest tak przygotować projekt, aby był on najbardziej efektywny do wdrożenia, zgodny z wzorcami interakcji, do których są przyzwyczajeni użytkownicy i spójny z brandingiem produktu.

Odpowiedzialność UI Designera – Style Guide

Bardzo istotnym obszarem pracy UI Designera jest tzw. Style Guide – który pełni funkcję instrukcji dla programistów jak mają zachowywać się poszczególne elementy takie jak przyciski, pola tekstowe, checkboxy, radio buttony w zależności od stanu (np. przed kliknięciem, gdy wystąpi błąd, gdy coś się ładuje itd.). Tu także projektant/ka prezentuje, jakie mają być odstępy między elementami i rozmiary fontów.

Style Guide to wstęp do całego Design Systemu – przy dużych produktach stworzenie takiego rozbudowanego systemu znacząco przyspiesza procesy wdrożenia nowych funkcji do istniejącego produktu. Bazując na zdefiniowanych wcześniej przez projektantów stylach, zespół jest w stanie bardzo efektywnie wprowadzać spójne elementy. Świetnymi przykładami takiego podejścia jest Airbnb albo Atlassian.

Czy UI Designer odpowiada za dostępność strony www?

Trudno określić jednoznacznie kto powinien wziąć odpowiedzialność za to, żeby aplikacja lub strona była dostępna (eng. accessible) dla użytkowników z niepełnosprawnościami. W naszym przypadku UI Designer pilnuje, żeby prezentowane teksty były wystarczająco duże i czytelne dla osób z problemami ze wzrokiem. Dba również o to, żeby wszystkie elementy były na tyle kontrastowe, żeby było je widać. Jednak zwykle to UX Designer sygnalizuje, że jakaś ikona powinna być podpisana, wie więcej na temat czytników ekranów i możliwości wynikających z ustawień dostępności w telefonie, dlatego w tym zakresie szczególnie ważna jest współpraca.

Kim jest UX/UI Designer?

Dlaczego w niektórych firmach pojawia się stanowisko UX/UI Designera i te dwie role realizuje jedna osoba? Tak naprawdę nie ma w tej kwestii dobrego i złego podejścia. W Utilo wierzymy, że gdy w projekcie uczestniczą dwie osoby, jedna odpowiedzialna za UX a druga za UI, dochodzi między nimi do bardzo konstruktywnych dyskusji, które sprzyjają innowacyjnemu i kreatywnemu myśleniu. Najcześciej osią dyskusji jest balans pomiędzy rozwiązaniem atrakcyjnym wizualnie a prostym i praktycznym. Ten złoty środek trudniej osiągnąć, gdy jest się jedyną osobą odpowiedzialną zarówno za formę (UI), jak i funkcję (UX).

Jeśli nie jesteś pewien, od czego zacząć projektowanie swojej strony www umów się na bezpłatny warsztat – pomożemy Ci ułożyć proces projektowy i zadania dla konkretnych osób.

Share article

Zobacz jak działamy!

Zobacz jak działamy!

Zobacz jak działamy!

(zanim podejmiesz decyzję)

Skontaktuj się z namiSkontaktuj się z nami

Polidea Sp. z o.o.

Przeskok 2

00-032 Warszawa

Polska

2020 ©Polidea. All rights reserved.

2020 ©Polidea. All rights reserved.

2020 ©Polidea. All rights reserved.