Glosariusz UX/UI

Metoda porównywania dwóch wersji strony lub elementu (A i B), aby określić, która lepiej realizuje założony cel (np. wyższą konwersję). Użytkownicy są losowo przydzielani do grup.

Część strony widoczna bez przewijania (na "pierwszym ekranie"). Krytyczna dla pierwszego wrażenia i konwersji.

Projektowanie produktów cyfrowych w sposób umożliwiający korzystanie z nich przez osoby z różnymi niepełnosprawnościami: wzrokowymi, słuchowymi, motorycznymi czy kognitywnymi.

Właściwość elementu interfejsu sugerująca sposób jego użycia. Np. przycisk wygląda na klikalny, suwak na przeciągalny.

Metoda oceny interfejsu poprzez porównanie z uznanymi zasadami użyteczności (heurystykami). Najczęściej stosuje się 10 heurystyk Nielsena.

Systematyczne badanie produktów konkurencji w celu zrozumienia ich mocnych i słabych stron, identyfikacji luk rynkowych i inspiracji do własnych rozwiązań.

Metodologia projektowania interfejsów oparta na hierarchii: atomy (pojedyncze elementy), molekuły (grupy atomów), organizmy (sekcje), szablony i strony.

Profesjonalna ocena użyteczności produktu cyfrowego (strony, aplikacji, sklepu). Obejmuje analizę heurystyczną, ocenę ścieżek użytkownika, identyfikację problemów i rekomendacje usprawnień.

Proces zbierania informacji o użytkownikach: ich potrzebach, zachowaniach, motywacjach i problemach. Obejmuje wywiady, ankiety, obserwacje i analizę danych.

Procent użytkowników, którzy opuścili stronę bez wykonania żadnej interakcji. Wysoki bounce rate może świadczyć o problemach z UX lub niedopasowaniu treści.

Nawigacja pokazująca ścieżkę użytkownika od strony głównej do aktualnej lokalizacji. Pomaga w orientacji i powrocie do wyższych poziomów.

Koszt pozyskania jednego klienta. Obejmuje wydatki na marketing, sprzedaż i inne działania pozyskujące.

Sytuacja, gdy użytkownik dodaje produkty do koszyka, ale nie finalizuje zakupu. Średnio 70% koszyków jest porzucanych.

Strona listująca produkty z danej kategorii. Zawiera filtry, sortowanie, paginację i karty produktów.

Proces finalizacji zakupu w sklepie internetowym. Obejmuje koszyk, dane dostawy, płatność i potwierdzenie zamówienia.

Wskaźnik rezygnacji, czyli procent użytkowników, którzy przestali korzystać z produktu w danym okresie. Przeciwieństwo retencji.

Metryki Google mierzące doświadczenie użytkownika: LCP (czas ładowania), FID/INP (interaktywność), CLS (stabilność wizualna). Wpływają na SEO.

Proces systematycznej optymalizacji strony lub aplikacji w celu zwiększenia współczynnika konwersji. Obejmuje analizę, hipotezy, testy A/B i wdrażanie zmian.

Proponowanie produktów komplementarnych do aktualnie oglądanego lub kupowanego. "Klienci kupili również..."

Wezwanie do działania, czyli element interfejsu (zwykle przycisk) zachęcający użytkownika do wykonania konkretnej akcji: "Kup teraz", "Zapisz się", "Pobierz".

Współczynnik klikalności, czyli procent użytkowników, którzy kliknęli w link, przycisk lub reklamę w stosunku do liczby wyświetleń.

Wizualizacja całej ścieżki klienta od pierwszego kontaktu z marką do zakupu i dalej. Pokazuje punkty styku, emocje, problemy i szanse na każdym etapie.

Zbiór wielokrotnie używalnych komponentów, wzorców i wytycznych, które zapewniają spójność wizualną i funkcjonalną produktów cyfrowych. Zawiera bibliotekę komponentów, style, dokumentację.

Technologia śledzenia ruchu gałek ocznych użytkownika podczas przeglądania interfejsu. Pozwala zrozumieć, na co użytkownicy zwracają uwagę.

Struktura organizująca elementy na stronie w kolumnach i wierszach. Zapewnia spójność, proporcje i czytelność układu.

Możliwość złożenia zamówienia bez zakładania konta. Redukuje barierę wejścia i zwiększa konwersję.

Ikona z trzema poziomymi liniami ukrywająca nawigację na urządzeniach mobilnych. Kliknięcie rozwija pełne menu.

Wizualizacja danych pokazująca, gdzie użytkownicy klikają, przewijają lub patrzą na stronie. Cieplejsze kolory oznaczają większą aktywność.

Główna, widoczna na pierwszym ekranie sekcja strony. Zawiera nagłówek, podtytuł, obraz/wideo i główne CTA. Ma przyciągnąć uwagę i komunikować wartość.

10 uniwersalnych zasad użyteczności opracowanych przez Jakoba Nielsena: widoczność stanu systemu, zgodność z rzeczywistością, kontrola użytkownika, spójność, zapobieganie błędom, rozpoznawanie zamiast przypominania, elastyczność, estetyka, pomoc w rozwiązywaniu błędów, dokumentacja.

Podejście do projektowania, które stawia potrzeby, zachowania i ograniczenia użytkowników w centrum procesu projektowego. Każda decyzja jest podejmowana z perspektywy użytkownika.

Framework koncentrujący się na zadaniach, które użytkownicy chcą wykonać, zamiast na funkcjach produktu. Odpowiada na pytanie: "Do czego użytkownik zatrudnia ten produkt?"

Wykonanie przez użytkownika pożądanej akcji: zakup, rejestracja, wypełnienie formularza, pobranie pliku. Współczynnik konwersji to procent użytkowników, którzy wykonali akcję.

Kluczowe wskaźniki efektywności mierzące sukces produktu lub działań. Przykłady: konwersja, retencja, NPS, czas spędzony na stronie.

Strona docelowa kampanii reklamowej, zoptymalizowana pod konkretny cel (lead, sprzedaż). Ma jeden jasny CTA i minimalne rozpraszacze.

Technika opóźnionego ładowania elementów (obrazów, wideo) do momentu, gdy są potrzebne (widoczne na ekranie). Przyspiesza początkowe ładowanie.

Wartościowy content oferowany za darmo w zamian za dane kontaktowe: ebook, checklist, webinar, darmowa konsultacja.

Całkowita wartość przychodów, jaką generuje pojedynczy klient przez cały okres korzystania z produktu lub usługi.

Strategia projektowania, która rozpoczyna od wersji mobilnej, a następnie rozszerza design na większe ekrany. Priorytetyzuje treść i funkcje.

Statyczny projekt wysokiej jakości pokazujący finalny wygląd interfejsu z kolorami, typografią, obrazami i wszystkimi detalami wizualnymi.

Okno dialogowe pojawiające się nad główną treścią, wymagające interakcji użytkownika przed kontynuowaniem. Używane do potwierdzeń, formularzy, alertów.

System menu, linków i elementów umożliwiających użytkownikom poruszanie się po stronie lub aplikacji i znajdowanie treści.

Wskaźnik lojalności klientów mierzony pytaniem: "Jak prawdopodobne jest, że polecisz nas znajomym?" Skala 0-10, wynik od -100 do +100.

Uproszczony proces zakupowy umieszczony na jednej stronie zamiast wielu kroków. Zmniejsza tarcie i porzucenia.

Szybkość ładowania strony. Kluczowa dla UX i SEO. Wolne strony mają wyższy bounce rate i niższą konwersję.

Fikcyjny, ale oparty na badaniach profil typowego użytkownika produktu. Zawiera dane demograficzne, cele, frustracje, zachowania i cytat charakteryzujący użytkownika.

Strona prezentująca pojedynczy produkt: zdjęcia, opis, cena, warianty, opinie, przycisk dodania do koszyka.

Strona internetowa działająca jak natywna aplikacja: offline, powiadomienia push, instalacja na ekranie głównym.

Interaktywny model produktu symulujący działanie finalnej aplikacji lub strony. Pozwala testować UX przed właściwą implementacją.

Podejście do projektowania stron, które automatycznie dostosowują się do różnych rozmiarów ekranów: desktop, tablet, mobile.

Zdolność produktu do zatrzymywania użytkowników w czasie. Mierzona jako procent użytkowników wracających po określonym czasie.

Optymalizacja strony pod kątem wyszukiwarek internetowych. Obejmuje aspekty techniczne, treściowe i off-page.

Nagrywanie sesji użytkowników na stronie w celu późniejszej analizy ich zachowań, problemów i ścieżek nawigacji.

Placeholder pokazujący strukturę ładującej się treści zamiast spinnera. Poprawia postrzeganą szybkość ładowania.

Elementy budujące zaufanie poprzez pokazanie, że inni korzystają z produktu: opinie, loga klientów, liczba użytkowników, case studies.

Aplikacja webowa ładująca jedną stronę HTML i dynamicznie aktualizująca treść bez przeładowywania. React, Vue, Angular.

Nagłówek strony pozostający widoczny podczas przewijania. Zapewnia stały dostęp do nawigacji.

Metoda badawcza polegająca na obserwacji rzeczywistych użytkowników podczas wykonywania zadań w produkcie. Pozwala wykryć problemy z użytecznością i zrozumieć zachowania użytkowników.

Mała chmurka z dodatkową informacją pojawiająca się po najechaniu lub kliknięciu na element. Wyjaśnia funkcję lub termin.

Każdy moment interakcji użytkownika z marką lub produktem: strona www, aplikacja, email, reklama, obsługa klienta, punkt sprzedaży.

Interfejs użytkownika, czyli wszystkie elementy wizualne, z którymi użytkownik wchodzi w interakcję: przyciski, ikony, typografia, kolory, układ strony. UI to warstwa wizualna produktu.

Zachęcanie do zakupu droższej wersji produktu lub większego pakietu. "Wersja premium", "Pakiet rodzinny".

Miara łatwości, z jaką użytkownicy mogą korzystać z produktu, aby osiągnąć swoje cele. Obejmuje efektywność, wydajność i satysfakcję użytkownika.

Diagram pokazujący sekwencję kroków, które użytkownik wykonuje w aplikacji lub na stronie, aby zrealizować zadanie (np. zakup, rejestracja).

Ścieżka, którą użytkownik przechodzi w produkcie cyfrowym, aby osiągnąć konkretny cel. Obejmuje wszystkie kroki, interakcje i decyzje.

Unikalna cecha wyróżniająca produkt na tle konkurencji. To, co sprawia, że klient wybierze właśnie ten produkt.

Doświadczenie użytkownika obejmujące wszystkie aspekty interakcji użytkownika z produktem, usługą lub firmą. UX koncentruje się na użyteczności, dostępności i przyjemności z użytkowania.

Jasna komunikacja korzyści, jakie klient otrzyma dzięki produktowi. Odpowiada na pytanie: "Dlaczego mam wybrać właśnie was?"

Web Content Accessibility Guidelines - międzynarodowe wytyczne dostępności treści internetowych. Poziomy A, AA, AAA określają stopień dostępności.

Pusta przestrzeń między elementami interfejsu. Poprawia czytelność, skupia uwagę i nadaje designowi elegancji.

Szkieletowy projekt strony lub ekranu aplikacji, pokazujący układ elementów bez szczegółów wizualnych. Wireframe koncentruje się na strukturze i hierarchii informacji.