Przejdź do treści

Artykuły o tematyce UX

6 artykułów to nie koniec. Ich ilość ciągle rośnie.

Polecany artykułAstro

Astro View Transitions oraz płynne przejścia stron

SPA od lat wygrywały w jednej kategorii: płynne przejścia. Klik, treść się zmienia, nagłówek zostaje, obraz morfi do nowego widoku. Bez białego błysku, bez reloadu, bez straty kontekstu. Astro View Transitions odbiera SPA ten monopol jedną linią kodu, bez rezygnowania z wydajności MPA .

UX, czyli doświadczenie użytkownika, to temat o tym, jak ludzie korzystają ze strony i jak sprawić, by robili to bez frustracji. Obejmuje czytelność interfejsu, dostępność, szybkość, logikę nawigacji oraz drobne decyzje, które razem decydują o wrażeniu z używania produktu.

W tej sekcji zbieram artykuły łączące perspektywę projektową z technologiczną: jak budować interfejsy, które są wygodne i wydajne, jak nie psuć dostępności oraz jak podejmować decyzje, które realnie ułatwiają życie użytkownikom i przekładają się na lepsze efekty.

Połączenie perspektywy produktu, dewelopera i marketingu w jednym miejscu

Konsultacje
Obsługa formularzy przez React 19 Actions i useActionState

React 19 pozwala przekazać funkcję bezpośrednio do atrybutu action elementu . Dzięki integracji z Actions, useActionState , useFormStatus i useOptimistic możesz ograniczyć ręczną obsługę onSubmit , pending state oraz optymistycznych aktualizacji , zachowując kontrolę nad błędami i stanem trwałym.

Maciej Sala

Maciej Sala

Founder StriveLab

Wyszukiwarka z filtrami w Next.js — searchParams, debounce, URL state i UX

Użytkownik ustawia trzy filtry, znajduje idealny wynik, wysyła link koledze — a tamten widzi pustą wyszukiwarkę. Bo filtry siedziały w useState i zginęły poza jego przeglądarką. URL state rozwiązuje to u źródła: cały stan filtrów żyje w adresie, więc przetrwa odświeżenie, udostępnienie i przycisk „wstecz”, a do tego jest czytelny dla Server Components. Pokazuję, jak zbudować taką wyszukiwarkę — z debounce , skeletonami, walidacją parametrów i SEO.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak zbudować wielokrokowy formularz w Next.js?

Wchodzisz na formularz, a tam ściana piętnastu pól naraz. Pierwszy odruch? Zamknąć kartę. Ten sam komplet danych rozbity na trzy, cztery kroki po kilka pól działa zupełnie inaczej — użytkownik widzi pasek postępu, wypełnia po kawałku i niepostrzeżenie dochodzi do końca. To nie kosmetyka, to realna różnica w konwersji.

Maciej Sala

Maciej Sala

Founder StriveLab

Paginacja w Next.js: Offset vs Cursor i Infinite Scroll

Paginacja wydaje się prostym tematem, dopóki nie trzeba pogodzić trzech rzeczy naraz: dobrego UX, wydajności zapytań do bazy i tego, żeby Google poprawnie zaindeksował wszystkie strony. W Next.js App Router wybieramy, czy używamy numerycznej paginacji w URL czy infinite scroll, offset czy cursor po stronie bazy, adres kanoniczny czy notFound dla błędnych adresów. W tym artykule przechodzę przez warianty z kodem i rekomendacjami.

Maciej Sala

Maciej Sala

Founder StriveLab

Responsive Web Design oraz podejście mobile first w praktyce

Duża część ruchu w internecie pochodzi dziś z urządzeń mobilnych, a strona, która wygląda świetnie na dużym ekranie, ale jest nieużywalna na telefonie, zwyczajnie traci użytkowników i konwersje. Może to też mieć wpływ na pozycje w wyszukiwarkach, ponieważ Google indeksuje treść przede wszystkim za pomocą Googlebota na smartfony.

Maciej Sala

Maciej Sala

Founder StriveLab