W typerze piłkarskim wynik jest tylko dwiema cyframi. Dla użytkownika te dwie cyfry są jednak decyzją, porównaniem z innymi i – po meczu – krótką odpowiedzią na pytanie: „czy tylko ja tak typowałem?”.
Przy nowej odsłonie konkursu typerskiego na Mistrzostwa Świata 2026 zależało mi, żeby interfejs nie kończył się na poprawnym wpisaniu wyniku. Chciałem dodać dwa niewielkie elementy: „popularny wynik” przed rozpoczęciem meczu oraz informację, ile osób trafiło, gdy wynik był już znany.
Stary widok robił swoje, ale nie budował emocji
Poprzednia wersja pozwalała wybrać wynik i zapisać typ. Funkcjonalnie wszystko się zgadzało. Ekran był jednak przede wszystkim formularzem – mecze tworzyły zwartą siatkę, a reakcja społeczności pozostawała niewidoczna.
Użytkownik wpisywał wynik w izolacji. Nie wiedział, jaki rezultat wybierają inni, a po zakończeniu spotkania nie dostawał informacji, czy jego trafienie było częste, czy wyjątkowe.
Mały detal, o który trzeba było zawalczyć
Pomysł wyglądał niepozornie, ale wymagał uzgodnienia z PM-em, redaktorem i developerem. Każda dodatkowa informacja oznacza pytania o dane, miejsce w komponencie, zachowanie przed i po meczu oraz koszt wdrożenia.
Broniłem tego rozwiązania nie jako dekoracji, lecz jako elementu pętli zaangażowania. Typowanie sportowe jest społeczne: chcemy porównywać swoje przeczucia z grupą, nawet jeśli robimy to bez rozmowy z innymi użytkownikami.
„Popularny wynik” przed meczem
Pod polem typowania pojawił się najczęściej wybierany rezultat. To krótka podpowiedź i punkt odniesienia – nie odbiera użytkownikowi decyzji, ale pokazuje, jak myśli społeczność.
Moja rekomendacjaDodawaj kontekst społeczny tam, gdzie użytkownik podejmuje decyzję.
Wystarczy jedna spokojna linia tekstu. Ważne, aby nie sugerowała poprawnej odpowiedzi i nie konkurowała wizualnie z główną akcją.
„Ile osób trafiło” po meczu
Po zakończeniu spotkania potrzeba użytkownika się zmienia. Nie wybiera już wyniku, tylko ocenia swój typ. Dlatego w finalnym widoku MŚ2026 przy kartach pojawia się liczba osób, które trafiły rezultat.
To drobna nagroda informacyjna. Wynik „+3 pkt” mówi, co zdobyłem. Informacja „26 trafiło” mówi, jak moje trafienie wygląda na tle innych. Razem budują pełniejszą odpowiedź.
Przed meczem pokazujemy najpopularniejszy typ, a po meczu liczbę trafień. Ten sam obszar komponentu odpowiada na inną potrzebę zależnie od etapu wydarzenia.
Dlaczego użytkownicy to docenili?
- Dostali natychmiastowy punkt odniesienia dla swojego typu.
- Po meczu mogli porównać trafienie z zachowaniem całej grupy.
- Karty przestały być wyłącznie formularzem i zaczęły opowiadać historię turnieju.
- Dodatkowe dane nie wymagały nauki nowej funkcji ani kolejnego kliknięcia.
Najważniejsza lekcja z projektu
UX często nie wygrywa jednym dużym ekranem. Wygrywa serią małych decyzji, które pojawiają się dokładnie wtedy, gdy użytkownik ich potrzebuje. Czasem najwięcej pracy wymaga nie narysowanie elementu, ale przekonanie zespołu, że jedna linia danych naprawdę zmienia odbiór produktu.
WniosekProjektant powinien być adwokatem drobnych informacji zwrotnych.
Jeśli element pomaga użytkownikowi zrozumieć swoją decyzję, porównać ją lub poczuć rezultat działania, warto o niego zawalczyć – nawet gdy na makiecie zajmuje kilkanaście pikseli.