Współczesny rozwój nowych technologii nie pozostawia złudzeń – jeżeli nie ma Cię w internecie, to nie ma Cię w ogóle. Trudno wyobrazić sobie świetnie prosperujący biznes bez chociażby prostej strony-wizytówki z podstawowymi danymi kontaktowymi. Jednakże często to i tak za mało. Tworzenie stron internetowych to dziś już nie tylko powielanie tych samych szablonów i treści.
To rozbudowana branża, w której bardzo ważną dziedziną jest UX, czyli User eXperience. Zajmuje się ona dążeniem do tego, by strony były jak najbardziej przyjazne użytkownikom. O czym powinniśmy zatem pamiętać, tworząc swój serwis www?
Ludzie skanują teksty wzrokiem
Nawet najbardziej dopracowane treści przegrywają w pojedynku ze zjawiskiem wyrywkowej percepcji informacji przez ludzi. Każdy z nas czyta tytuły i nagłówki, ale kiedy ostatnio przeczytałeś sumiennie, od deski do deski, tekst o długości 3 tysięcy słów (w przybliżeniu 18000 znaków ze spacjami)?
Ważne jest zatem odpowiednie formatowanie. Istotne informacje należy zawrzeć w samych nagłówkach H2 i H3, nie można pomiędzy nimi pisać zbyt długich akapitów. Optymalna ilość tekstu per akapit to 300-500 zzs.
Innowacje nie zawsze są dobre
Wielu początkujących webdesignerów i webdeveloperów chce, by ich projekt strony internetowej był innowacyjny, niepowtarzalny i wyznaczał trendy. Oczywiście eksperymentowanie ma wiele zalet, a pisanie kreatywnego kodu CSS jest niezłym ćwiczeniem. W praktyce jednak trzeba pozostać bardziej pragmatycznym i tradycyjnym twórcą.
Powód jest prosty – ludzie nie lubią zmian i na stronie z nieszablonowym rozmieszczeniem bloków tekstu, grafik i nawigacji łatwo się gubią i rezygnują z dalszego jej przeglądania. Tego przecież chcemy uniknąć, prawda?
Lepiej przewijać, niż klikać
Ostatnie lata przyzwyczaiły nas do nawigacji poprzez scrollowanie. Nic dziwnego, to powszechnie przyjęty trend w portalach społecznościowych – Facebook, Instagram czy TikTok – oraz wielu aplikacjach mobilnych.
Przewijanie wpływa pozytywnie na użyteczność strony internetowej. Ułatwia czytanie i konsumpcje treści, szczególnie na tabletach i telefonach komórkowych.
Tworzenie mobilnych stron internetowych
Od lat powtarzano, że „kolejny rok będzie rokiem mobile” – i ten moment dawno nastąpił. Większość ruchu w polskim internecie pochodzi dziś z urządzeń mobilnych, a Google indeksuje strony w trybie mobile-first, czyli ocenia przede wszystkim ich wersję na telefony. Responsywność (RWD) nie jest więc dodatkiem, tylko punktem wyjścia: projekt zaczyna się od ekranu smartfona, a dopiero potem rozbudowuje na większe monitory.
RODO a UX, czyli wyskakujące okienka
Wartym wspomnienia temat jest sposób wdrożenia RODO przez wielu projektantów. Właściwie chodzi o wszelkiego rodzaju wyskakujące okienka, choć fakt wejścia w życie rozporządzenia nieźle namieszał. Nie wszyscy poradzili sobie z tym skutecznie. Trzeba mieć na uwadze, że wrzucenie okna zasłaniającego cały ekran może i pozwoli żyć w zgodzie z literą prawa.
Jednakże jest to sposób co najmniej nieelegancki i zazwyczaj wpłynie negatywnie na konsumpcje treści. Użytkownik może po prostu szybko nas opuścić. Warto więc pomyśleć jak zrobić to lepiej.
Złota zasada trzech kliknięć
Żyjemy w czasach, gdzie każdy się niecierpliwi. Usługa ma być dostarczona błyskawicznie, a wrażenia mają być niezapomniane. Użytkownicy nie cierpią przeszukiwać stron w poszukiwaniu potrzebnych informacji.
Dlatego też należy pamiętać o tym, by projekt strony internetowej trzymał się zasady trzech kliknięć. Chodzi o to, by „odległość” pomiędzy stroną główną, a kolejnymi podstronami nie wymagała więcej, niż trzech kliknięć.
Uczciwie trzeba dodać: badania nie potwierdzają magii samej liczby trzech kliknięć. Użytkownicy zniosą ich więcej, jeśli każde wyraźnie przybliża ich do celu. Kluczowy jest czytelny „zapach informacji” – etykiety menu i linków muszą jasno zapowiadać, co znajdziemy po kliknięciu.
Zapobiegaj porzuconym koszykom
Lepiej zapobiegać, niż leczyć, prawda? Wielu specjalistów od e-commerce dwoi się i troi, by nakłonić do powrotu internautów, którzy porzucili koszyk w którymś momencie procesu zakupowego. Powstają złożone systemy, albo całe firmy, które trudnią się tylko tym zagadnieniem.
Oczywiście problem ten jest ważny, ale warto spojrzeć na to z innej strony. Dobry UX strony powinien minimalizować powstawanie porzuconych koszyków. Być może formularz zamówienia jest nieczytelny, albo za długi? Dobrze się nad tym pochylić.
Podpowiadamy też, jak projektować formularze, które konwertują – to najczęstszy powód porzuconych koszyków.
Rejestracja? Tak, ale jako opcja
Standardem stało się zmuszanie użytkownika do rejestrowania się przez podanie adresu email, nazwy użytkownika i hasła. Niby niewiele, a jednak wiele osób rezygnuje z przejścia do kolejnego etapu, widząc konieczność rejestracji. Czy rzeczywiście jest ona niezbędna? Oczywiście do dostarczenia usług czy produktów często potrzebujemy znać adres dostawy, albo lokalizację paczkomatu.
Te informacje jednak nie są konieczne do samego kompletowania koszyka. Zakładanie konta również nie powinno być obowiązkiem. Dajmy możliwość zrobienia jednorazowych zakupów jako „gość”, a jednocześnie podkreślmy, że rejestracja niesie za sobą szereg przywilejów – zniżki, informowanie o promocjach, program lojalnościowy etc.
Szybkość jest w cenie
Na koniec kwestia, która łączy UX z pozycjonowaniem: szybkość ładowania. Google mierzy ją wskaźnikami Core Web Vitals i uwzględnia w rankingu, a użytkownicy po prostu porzucają strony, które się wloką. Zbyt ciężkie obrazy i wideo, nadmiar skryptów czy brak pamięci podręcznej potrafią zniweczyć najlepszy projekt. Regularny audyt i optymalizacja strony pozwalają utrzymać i szybkość, i pozycje. Minimalizm jest w cenie.
Dostępność, czyli UX dla wszystkich
UX coraz częściej oznacza także dostępność cyfrową. Od czerwca 2025 roku obowiązuje Europejski Akt o Dostępności (EAA), który wymaga dostępności m.in. od sklepów internetowych i usług online. Odpowiedni kontrast tekstu, obsługa z klawiatury, opisy alternatywne obrazów i czytelne formularze pomagają wszystkim użytkownikom, a przy okazji wspierają SEO. Projektując stronę, warto traktować wytyczne WCAG jako element standardu, a nie dodatek.