Wzorzec UI opisuje powtarzalne rozwiązanie widoczne w interfejsie, a wzorzec UX szerszy sposób prowadzenia użytkownika przez zadanie. Granica nie zawsze jest ostra: formularz jest komponentem UI, ale kolejność pytań, zapis postępu i obsługa błędów tworzą doświadczenie. Wzorce skracają naukę interfejsu, lecz użyte bez kontekstu mogą utrwalać zły proces.

Czym jest wzorzec UI

To znany sposób prezentacji lub interakcji, na przykład zakładki, accordion, menu, modal, tooltip czy selektor daty. Jego wartość wynika z przewidywalności i poprawnej implementacji.

Czym jest wzorzec UX

Dotyczy przebiegu zadania: onboardingu, wyszukiwania, zakupu, rezerwacji, odzyskania hasła lub stopniowego ujawniania informacji. Łączy wiele ekranów, stanów i komunikatów.

Nawigacja

Menu, breadcrumbs i wyszukiwarka są elementami UI, ale sposób grupowania treści odpowiada na problem UX. Najładniejsze menu nie pomoże, jeśli kategorie wynikają z wewnętrznej struktury firmy.

Formularze

Pola, etykiety i przyciski tworzą warstwę UI. Liczba kroków, kolejność, domyślne wartości, zapis oraz sposób wyjaśniania błędów decydują o całym doświadczeniu.

Onboarding

Checklisty, toury i podpowiedzi mogą ułatwiać start, lecz często maskują zbyt skomplikowany produkt. Najpierw uprość pierwsze zadanie, a instrukcję dodaj tam, gdzie użytkownik naprawdę jej potrzebuje.

Feedback systemu

Loading, sukces, ostrzeżenie, pusty stan i błąd muszą odpowiadać na trzy pytania: co się dzieje, co już wykonano i co można zrobić dalej. Brak informacji zmusza użytkownika do ponawiania działania.

Wzorce mobilne

Dolna nawigacja, gesty i sticky actions mogą poprawiać dostępność, ale muszą pasować do priorytetów. Nie ukrywaj ważnego działania wyłącznie pod gestem, którego użytkownik może nie znać.

Dostępność

Popularność wzorca nie gwarantuje dostępności. Modal potrzebuje zarządzania fokusem, accordion właściwych stanów, a dropdown obsługi klawiatury i czytelnej etykiety.

Dark patterns

Manipulacyjne zgody, ukryte koszty, utrudniona rezygnacja i fałszywa presja również są powtarzalnymi wzorcami. Mogą zwiększyć krótkoterminowy wskaźnik, ale niszczą zaufanie i tworzą ryzyko.

Jak wybierać wzorzec

Zdefiniuj zadanie, częstotliwość, kontekst urządzenia, ryzyko błędu i potrzeby dostępności. Prototypuj z prawdziwą treścią oraz testuj z osobami, które nie znają projektu.

Podsumowanie

Wzorce są punktem wyjścia, nie gotową odpowiedzią. Dobre UI jest zrozumiałe na ekranie, a dobre UX sprawia, że cała ścieżka prowadzi do właściwego rezultatu bez niepotrzebnego wysiłku.