UX design portalu — zasady budowy interfejsów

Prawo Hicka, ukrywanie opcji zaawansowanych, jeden główny przycisk. Zasady UX na przykładach z wskazuje.pl: lektor wpisów, karty utworów i gry.

DJ Kamil powtarza w rozmowach o projektowaniu jedną zasadę: interfejs nie ma się podobać projektantowi, tylko ma być od razu zrozumiały. Na wskazuje.pl widać to w małych decyzjach — i to one sprawiają, że strona działa, bo korzysta z wzorców, które każdy już zna.

Każdy dodatkowy przycisk to pytanie, na które użytkownik musi odpowiedzieć.

1. Prawo Hicka w praktyce: lektor wpisów

Prawo Hicka–Hymana mówi, że czas decyzji rośnie wraz z liczbą dostępnych opcji (logarytmicznie). Dlatego w panelu "Przeczytaj za mnie" pod każdym wpisem widać tylko przycisk Odtwórz, tryb i głos. Wybór tła dźwiękowego (deszcz, las, pad) pojawia się dopiero po kliknięciu małego przycisku "Tło". Osoba, która chce tylko posłuchać, nie musi przetwarzać pięciu dodatkowych kółek.

2. Progressive disclosure, czyli stopniowe ujawnianie

Termin spopularyzowała Nielsen Norman Group: pokazujemy podstawy, a opcje zaawansowane chowamy za jednym kliknięciem. Na portalu tak działają ustawienia gier (koło zębate z dźwiękiem i pełnym ekranem), filtry galerii utworów i rozwijane sekcje FAQ. Nic nie znika — po prostu nie krzyczy.

3. Prawo Jakoba: znane wzorce wygrywają

Jakob Nielsen zauważył, że użytkownicy spędzają większość czasu na innych stronach, więc oczekują podobnego działania. Odtwarzacz na wskazuje.pl ma klasyczny trójkąt "play", karty wpisów mają obraz, kategorię, datę i tytuł w znanej kolejności, a menu jest tam, gdzie zwykle. Oryginalność zostaje w stylistyce Maximum Cyber, nie w zasadach obsługi.

4. Informacja zwrotna i spójność

Każda akcja potrzebuje potwierdzenia: podświetlony aktywny głos, licznik odtwarzania, krótki komunikat po zdobyciu przedmiotu w grze. Spójne tokeny kolorów (cyjan = aktywne, magenta = akcent) sprawiają, że raz nauczony sygnał działa w całym portalu. Więcej o grach w drugiej części.

Psychologiczny twist

Dobry UX jest niewidzialny: zauważamy go dopiero, gdy go brakuje. Dlatego najlepszy komplement dla interfejsu to brak pytań o to, jak go używać.

Sprawdź panel "Przeczytaj za mnie" pod tym wpisem i kliknij "Tło", a potem zajrzyj do gier.