← Indeks

Klub sportowy: pokazać system, nie opisać go

Trzy minuty nagrania zamiast strony tekstu. Case study z osadzonym filmem.

Klub sportowy prowadzący własny system rozgrywek chciał czegoś więcej niż listę tekstową funkcji na stronie. Ranking, historia meczów, panel organizatora turnieju, to trudno opisać w kilku zdaniach tak, żeby ktoś bez doświadczenia w takich systemach zrozumiał, co dokładnie dostaje.

Problem ze statycznym opisem

Pierwsza wersja podstrony miała same zrzuty ekranu z podpisami. Działało, ale odwiedzający musieli sami sobie wyobrazić, jak wygląda przechodzenie między ekranami, jak aktualizuje się ranking po zakończonym meczu, jak wygląda logowanie wyniku przez organizatora na telefonie w trakcie turnieju.

Nagranie ekranu rozwiązuje ten problem jednym ruchem. Trzy minuty realnego korzystania z panelu mówią więcej niż strona tekstu.

(To akurat przykładowy filmik, nie prawdziwe nagranie panelu - ale gdyby był, wyglądałby mniej więcej tak samo wiarygodnie.)

Co jest w nagraniu

  • logowanie wyniku meczu przez organizatora, z widoku mobilnego,
  • automatyczne przeliczenie rankingu Elo po zapisaniu wyniku, bez odświeżania strony,
  • widok gracza sprawdzającego swoją pozycję i historię rozgrywek,
  • powiadomienie push wysłane po zakończeniu meczu.
Zrzut ekranu pokazuje, jak coś wygląda. Nagranie pokazuje, jak coś działa. Przy systemach z logiką w tle to nie jest ta sama informacja.

Techniczna uwaga

Film jest hostowany na YouTube jako niepubliczny, wstawiony przez tryb "nocookie", czyli bez śledzących ciasteczek do momentu, aż ktoś faktycznie kliknie play. Strona nie ładuje niczego z YouTube, dopóki odwiedzający sam nie zdecyduje się obejrzeć materiału.

Efekt

Czas spędzony na tej podstronie wzrósł zauważalnie względem wersji ze zrzutami ekranu. Pytania od zainteresowanych klubów zaczęły dotyczyć konkretnych funkcji widocznych w nagraniu, nie ogólnego "jak to działa", co skróciło pierwszą rozmowę o połowę.