Krystian Kmieć
krystian@skillsandup.pl
Cześć! W tym tygodniu mam dla Ciebie cztery rzeczy: jedną zasadę UX, konkretny tip do UI, przepis na warsztat i jedno narzędzie AI, które warto znać.
Zasada UX
Efekt Von Restorff
Hedwig von Restorff odkryła, że kiedy jeden element wyraźnie różni się od reszty, zapamiętujemy go lepiej niż wszystkie inne.
W interfejsie to oznacza, że Twój główny CTA powinien wyglądać inaczej niż reszta przycisków. Najważniejsza informacja powinna mieć inny kolor, rozmiar albo styl.
Ale uwaga: jeśli wyróżnisz za dużo rzeczy naraz, efekt znika. Wyróżnienie działa tylko wtedy, gdy jest jedno.
✕ Źle
Kup teraz
Dowiedz się więcej
Dodaj do koszyka
Wszystkie plany identyczne. Użytkownik nie wie, który wybrać.
✓ Dobrze
Kup teraz
Dowiedz się więcej
Dodaj do koszyka
Jeden plan wyróżniony. Oko od razu wie gdzie patrzeć.
💡 3 rzeczy do sprawdzenia w swoim projekcie
Tabela cenowa: Wyróżnij jeden plan. Daj mu inny kolor tła, badge "Najpopularniejszy", większy rozmiar. Reszta planów powinna być wizualnie cichsza.
Kolory: Używaj brand color oszczędnie, tylko na CTA i kluczowych elementach. Jeśli wszystko jest kolorowe, nic się nie wyróżnia.
Dashboard: Czy najważniejsza metryka jest wizualnie wyróżniona? Jeśli nie, przesuń akcent. Wyróżnienie powinno iść za priorytetem biznesowym.
UI Tip
Paleta 60-30-10
Reguła 60-30-10 pochodzi z projektowania wnętrz, ale w UI działa tak samo.
60% to kolor dominujący. Tło, duże powierzchnie. Neutralny, spokojny. Szary, biały, ciemny navy. Nie powinien przyciągać uwagi.
30% to kolor wspierający. Karty, sidebary, nagłówki sekcji, inputy. Lekko inny odcień niż tło. Wystarczający kontrast, żeby oddzielić strefy.
10% to akcent. Przycisk CTA, link, toggle, noty. Twój brand color. Jeśli akcent jest wszędzie, to tak jakby go nie było.
✕ Źle
Przychody
Raporty
Ustawienia
Rozpocznij teraz
6 kolorów na jednym ekranie. Oko nie wie, gdzie patrzeć.
✓ Dobrze
Przychody
Raporty
Ustawienia
Rozpocznij teraz
Neutralne tło, szare sekcje, jeden akcent na CTA.
💡 Quick win
Zrób screenshot swojego projektu, rozmyj go w Figmie (blur 50px) i sprawdź proporcje kolorów. Jeśli akcent zajmuje więcej niż 10%, schłodź go.
Warsztat UX
Crazy 8s
8 pomysłów w 8 minut. Brzmi absurdalnie? O to chodzi. Presja czasu zabija perfekcjonizm i zmusza mózg do generowania różnorodnych rozwiązań zamiast jednego "idealnego".
1
Złóż kartkę A4 na 8 części
Połowa, połowa, połowa. Rozłóż i masz 8 równych pól do szkicowania.
2
Postaw timer na 8 minut
Widoczny dla wszystkich. Możesz ogłaszać co minutę, żeby trzymać tempo.
3
Szkicuj 1 pomysł na każde pole
1 minuta na szkic. Nie rysuj ładnie. Rysuj szybko. Liczy się pomysł, nie piksele.
4
Prezentacja: 1 min na osobę
Każdy pokazuje swoje 8 szkiców i krótko opowiada co narysował. Bez dyskusji.
5
Dot voting: 3 kropki na osobę
Każdy przykleja kropki na najlepsze pomysły. Wygrywa ten z największą liczbą głosów.
💡 Pro tip
Powiedz zespołowi: "pomysły 5-8 będą najciekawsze". Pierwsze 4 to oczywistości. Prawdziwa kreatywność zaczyna się, gdy skończą się bezpieczne pomysły.
AI w designie
Claude jako design critic
Nie czekaj na review kolegi. Wrzuć screenshot do Claude z jednym zdaniem kontekstu i dostaniesz konkretny feedback w 30 sekund: kontrast, hierarchia, spacing, copy.
Nie zastąpi człowieka. Ale łapie 80% typowych problemów i oszczędza czas na review. Używam tego przed każdym design review z zespołem. Wyczyść oczywiste problemy, żeby na spotkaniu dyskutować o tym, co naprawdę wymaga ludzkiej opinii.
💡 Prompt do skopiowania
Oceń ten ekran pod kątem: 1) hierarchii wizualnej, 2) kontrastu kolorów (WCAG AA), 3) spacingu i alignmentu, 4) jakości copy (CTA, labels). Co poprawić w pierwszej kolejności?
Dołącz screenshot i dostaniesz listę priorytetów z konkretnymi rekomendacjami. Działa w Claude i ChatGPT.