Ciekawostki o UX (User Experience)

budowa strony

Projektowanie doświadczeń użytkownika (UX) to interdyscyplinarna dziedzina łącząca psychologię kognitywną, ergonomię interakcji człowiek-komputer (HCI) oraz analitykę zachowań. Jej naukowe reguły opierają się na matematycznych modelach czasu reakcji motorycznej, ograniczeniach pamięci roboczej oraz badaniach okulograficznych (eyetracking).

14 ciekawostek o UX

  1. Pochodzenie terminu User Experience
    Pojęcie User Experience spopularyzował w 1993 roku Don Norman, który dołączając do firmy Apple, objął pierwsze w historii oficjalne stanowisko User Experience Architect.
  2. Matematyczny model prawa Fittsa
    Opracowane w 1954 roku przez Paula Fittsa prawo dowodzi matematycznie, że czas dotarcia do celu rośnie logarytmicznie wraz z odległością i maleje wraz ze wzrostem szerokości elementu klikalnego.
  3. Logarytm prawa Hicka w menu
    Sformułowane w 1952 roku prawo Hicka-Hymana określa, że czas podejmowania decyzji przez użytkownika rośnie proporcjonalnie do logarytmu liczby dostępnych wariantów nawigacji.
  4. Zasada 5 użytkowników w testach użyteczności
    Badanie opublikowane przez Jakoba Nielsena i Toma Landauera w 1993 roku wykazało, że testy z udziałem zaledwie 5 osób pozwalają wykryć około 85% wszystkich błędów użyteczności w interfejsie.
  5. Odkrycie ścieżki skanowania F-Pattern
    Badania eyetrackingowe przeprowadzone w 2006 roku przez Nielsen Norman Group udowodniły, że internauci nie czytają stron linearnie, lecz skanują treść w kształcie litery F.
  6. Reguła szczytu i końca Peak-End Rule
    Laureat Nagrody Nobla Daniel Kahneman udowodnił, że ludzki mózg ocenia całe doświadczenie z aplikacją głównie przez pryzmat najintensywniejszego punktu oraz emocji w kroku końcowym.
  7. Pojemność pamięci roboczej Millera
    W 1956 roku psycholog George Miller ustalił, że ludzka pamięć krótkotrwała może jednocześnie przetwarzać przeciętnie 7 plus minus 2 elementy informacji, co wymusiło tzw. chunking w UI.
  8. Zjawisko ślepoty banerowej Banner Blindness
    W 1998 roku badacze Jan Panero Benway i David Lane zdefiniowali mechanizm banner blindness, w którym użytkownicy podświadomie ignorują wszystko, co przypomina reklamę.
  9. Prawo Jakoba dotyczące przyzwyczajeń
    Zgodnie z prawem Jakoba Nielsena użytkownicy spędzają większość czasu na innych witrynach, co sprawia, że oczekują dokładnie takich samych schematów działania od Twojego serwisu.
  10. Efekt estetyki i użyteczności z 1995 roku
    Badacze Masaaki Kurosu i Kaori Kashimura z Hitachi Design Center udowodnili, że użytkownicy podświadomie postrzegają atrakcyjniejszy wizualnie interfejs jako łatwiejszy w obsłudze.
  11. Efekt izolacji von Restorffa
    Odkryta w 1933 roku przez Hedwig von Restorff zasada izolacji tłumaczy, dlaczego element wyróżniający się kolorem lub rozmiarem (np. główny przycisk CTA) jest najszybciej zapamiętywany.
  12. Minimalny rozmiar celu dotykowego wg WCAG
    Standard dostępności cyfrowej WCAG 2.2 (kryterium 2.5.8) definiuje minimalny rekomendowany obszar klikalny dla elementów dotykowych na smartfonach jako co najmniej 24 na 24 piksele CSS.
  13. Iluzja postępu i efekt Zeigarnik
    Zjawisko odkryte przez Blumę Zeigarnik sprawia, że pasek postępu (np. 60% wypełnienia profilu) generuje napięcie poznawcze, które drastycznie podnosi wskaźnik dokończenia formularzy.
  14. Wpływ opóźnienia na konwersję e-commerce
    Raport telemetryczny firmy Akamai wykazał, że opóźnienie ładowania strony zaledwie o 100 milisekund potrafi obniżyć współczynnik konwersji w sklepach online średnio o 7%.

UX (User Experience) pytania

Czym jest UX i czym różni się od UI?

Pojęcie UX odnosi się do ogólnych wrażeń, intuicyjności i łatwości poruszania się po witrynie, podczas gdy UI skupia się na warstwie wizualnej, czyli kolorach, fontach i wyglądzie przycisków.

Czym jest SXO i jak łączy pozycjonowanie z doświadczeniem użytkownika?

Strategia SXO łączy optymalizację pod roboty Google z projektowaniem ścieżki użytkownika, dzięki czemu ruch organiczny przekłada się na wyższą konwersję i zakupy.

Jak architektura informacji na stronie wpływa na zachowania użytkowników?

Logiczna architektura informacji i przejrzyste menu skracają czas dotarcia do kluczowych treści, zmniejszając frustrację oraz współczynnik odrzuceń.

Czym jest wskaźnik CLS i dlaczego skaczący układ niszczy UX strony?

Metryka CLS mierzy nieoczekiwane przesunięcia elementów podczas ładowania, które powodują przypadkowe kliknięcia w błędne przyciski i irytację odbiorcy.

Jakie znaczenie dla UX ma wskaźnik INP w Core Web Vitals?

Wskaźnik INP sprawdza czas reakcji interfejsu na kliknięcia użytkownika, eliminując irytujące zacięcia skryptów JavaScript przy rozwijaniu menu czy filtrów.

Czym są dark patterns i dlaczego szkodzą wiarygodności serwisu?

Zwodnicze techniki dark patterns manipulują użytkownikiem, np. poprzez automatyczne zaznaczanie zgód marketingowych lub ukrywanie kosztów, co niszczy zaufanie do marki.

Do czego służą mapy ciepła podczas audytu UX witryny?

Narzędzia generujące mapy ciepła, takie jak Hotjar czy Microsoft Clarity, pokazują miejsca kliknięć, głębokość przewijania oraz martwe strefy na podstronach.

Czym jest prawo Hicka w projektowaniu menu i formularzy?

Zasada prawo Hicka mówi, że czas podjęcia decyzji rośnie wraz z liczbą dostępnych opcji, dlatego uproszczenie nawigacji bezpośrednio zwiększa konwersję.

Jak poprawnie zaprojektować przycisk Call to Action pod kątem użyteczności?

Przycisk CTA musi kontrastować z tłem, mieć czytelny komunikat nastawiony na korzyść oraz zachować minimalny obszar klikalny 48 na 48 pikseli na smartfonach.

Dlaczego breadcrumbs są ważne zarówno dla UX, jak i dla robotów Google?

Nawigacja okruszkowa, czyli breadcrumbs, ułatwia cofnięcie się w strukturze kategorii i jednocześnie tworzy czytelne linkowanie wewnętrzne dla wyszukiwarki.

Jak przeprowadzić szybki test użyteczności strony przy niskim budżecie?

Wystarczy test typu korytarzowy z udziałem 5 osób spoza projektu, którym zleca się wykonanie prostego zadania, takiego jak zakup produktu lub wysłanie formularza.

Co oznacza zjawisko ślepoty banerowej w projektowaniu stron?

Zjawisko banner blindness polega na podświadomym ignorowaniu przez internautów elementów strony, które wyglądem lub położeniem przypominają reklamy.

Link do artykułu skopiowany
DIVI

Ciekawostki o DIVI

Poznaj architekturę frameworka Divi: ewolucję od shortcode’ów w Divi 4 do silnika JSON w Divi 5, Theme Builder, Critical CSS i kompilację React.