Uwaga Zwierzęta: mapa zgłoszeń zwierząt, zgłoszenie z telefonu w minutę

Wyzwanie: formularz z pobocza i mapa czytelna przy setkach punktów

Uwaga Zwierzęta to projekt społeczny: interaktywna mapa, na której każdy może zgłosić zwierzę zaobserwowane przy drodze albo miejsce kolizji. Zgłoszenia budują wspólną mapę ostrzeżeń dla kierowców, dzięki czemu lepiej widać miejsca, gdzie na drodze trzeba zwolnić.

Zgłoszenie powstaje w konkretnej sytuacji: użytkownik stoi na poboczu z telefonem w ręku. Formularz musiał działać w minutę, jedną ręką, bez rejestracji i bez instrukcji, ponieważ zgłaszający nie ma wtedy czasu na długi proces.

Drugą częścią wyzwania była mapa. Przy setkach punktów widok musiał pozostać czytelny, a nowe zgłoszenia miały trafiać na mapę automatycznie, bez ręcznej obróbki redakcji.

• Zgłoszenie z telefonu, jedną ręką, w minutę.
• Bez rejestracji i bez instrukcji. Formularz zbiera potrzebne dane bez zakładania konta.
• Setki punktów na mapie, więc widok potrzebował klastrowania, filtrów i czytelnych ikon.
• Automatyczna publikacja. Zgłoszenie po wysłaniu od razu pojawia się na mapie.

Rozwiązanie: aplikacja mapowa na WordPressie z krótką ścieżką zgłoszenia

Zbudowaliśmy aplikację mapową na WordPressie, z autorskim motywem i ścieżką zgłoszenia projektowaną najpierw pod telefon. Połączyliśmy formularz, mapę, wyszukiwarkę miejsc i filtry, żeby zgłoszenie od razu tworzyło punkt widoczny dla innych kierowców.

• Lokalizacja z mapy. Użytkownik wskazuje miejsce kliknięciem na mapie albo przez wyszukiwarkę miejsc Google Places. Współrzędne uzupełniają się automatycznie.
• Krótki formularz. Zgłoszenie obejmuje typ zdarzenia, gatunek zwierzęcia, datę, godzinę i zdjęcie. Układ prowadzi przez te pola bez dodatkowych instrukcji.
• Automatyczna publikacja. Wysłane zgłoszenie od razu staje się punktem na mapie. Redakcja nie musi przenosić danych między formularzem a widokiem mapy.
• Klastrowanie punktów. Mapa grupuje zgłoszenia, gdy jest ich dużo w jednym obszarze. Dzięki temu widok pozostaje czytelny także przy większej liczbie danych.
• Własne ikony zdarzeń. Inne oznaczenie pokazuje zwierzę przy drodze, a inne miejsce kolizji. Kierowca szybciej rozpoznaje typ ostrzeżenia.
• Filtry zgłoszeń. Użytkownik może zawęzić widok po typie zdarzenia i gatunku. Mapa pokazuje wtedy tylko te punkty, które pasują do wybranego kontekstu.
• Projekt pod telefon. Całą ścieżkę, od wejścia na stronę po wysłanie zgłoszenia, układaliśmy najpierw dla małego ekranu.