Przejdź do treści

Artykuły o tematyce UX

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

Polecany artykułAstro

Astro View Transitions — płynne przejścia między stronami bez budowania SPA

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
React 19 Actions — formularz bez onSubmit, useOptimistic i useActionState w praktyce

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

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 — mobile-first i media queries w praktyce

Duża część ruchu w internecie pochodzi dziś z urządzeń mobilnych, a strona która wygląda świetnie na desktopie, ale jest nieużywalna na telefonie, zwyczajnie traci użytkowników i konwersje. Może to też mieć wpływ na pozycje w wyszukiwarkach, ale to temat na osobny artykuł.

Maciej Sala

Maciej Sala

Founder StriveLab