Cały krok rezerwacji na jednym ekranie telefonu

Klinika specjalistyczna, rezerwacja wizyt online

1 ekran na jeden krok rezerwacji

640 px próg, poniżej którego układ się zmienia

4× ostrzejsze zdjęcia specjalistów

0 zmian w wersji na komputer

Formularz działał poprawnie i wyglądał dobrze na komputerze. Na telefonie, czyli tam, gdzie zapada większość decyzji, wymagał przewijania przez pół ekranu przy każdym kroku.

Punkt wyjścia

Formularz rezerwacji działał bez zarzutu, ale na telefonie każdy krok wymagał przewijania. Do tego zdjęcia specjalistów pobierane z zewnętrznego systemu były rozmyte, bo dostarczane w rozmiarze cztery razy mniejszym niż potrzebny. W usłudze, w której pacjent wybiera osobę, jakość tego zdjęcia jest częścią decyzji.

Formularz, który wygląda dobrze na komputerze, potrafi tracić klientów na telefonie.

Zasada, którą kierowaliśmy się w tym projekcie

Co zrobiliśmy

Przebudowaliśmy układ poniżej 640 pikseli tak, żeby cały krok mieścił się na jednym ekranie.
Zmieniliśmy karty specjalistów na poziome, z wyraźnym przyciskiem wyboru zamiast dużych kafli.
Skompaktowaliśmy wskaźnik postępu i pozostałe elementy pomocnicze, zostawiając na ekranie to, co wymaga decyzji.
Podmieniliśmy zdjęcia na wersje w pełnej rozdzielczości, przygotowane po naszej stronie w nowoczesnym formacie.
Wersję na komputer zostawiliśmy bez zmian, żeby poprawka nie zepsuła tego, co działało.

Dlaczego akurat tak

Zmiana objęła wyłącznie widok mobilny, żeby nie ruszać tego, co już działało na komputerach. Przebudowaliśmy układ tak, aby cały krok mieścił się na jednym ekranie, a karty specjalistów zmieniliśmy na poziome z wyraźnym przyciskiem wyboru. Podmieniliśmy też zdjęcia na wersje w pełnej rozdzielczości, bo w usłudze, w której pacjent wybiera konkretną osobę, jakość tego zdjęcia jest częścią decyzji. Układ powstał na podstawie propozycji samego klienta, który najlepiej zna zachowania swoich pacjentów.

Efekt

Każdy krok rezerwacji mieści się na jednym ekranie telefonu, a zdjęcia specjalistów są ostre. Zmiana objęła wyłącznie widok mobilny, więc nie było ryzyka regresu na komputerach. Układ powstał na podstawie propozycji samego klienta, który najlepiej znał zachowania swoich pacjentów.

Skąd te liczby

Źródło danych: Testy na realnych szerokościach ekranu z porównaniem stanu przed i po, zrzuty kontrolne z każdego kroku.

Co to znaczy dla Twojej firmy

Jeżeli większość Twoich klientów wchodzi z telefonu, to właśnie tam rozstrzyga się sprzedaż. Każdy dodatkowy ekran do przewinięcia w formularzu kosztuje część osób, które zaczęły wypełniać i się rozmyśliły. Poprawa widoku mobilnego jest zwykle najtańszą pojedynczą zmianą podnoszącą konwersję.