Najczęstsze błędy w projektowaniu stron restauracyjnych i jak ich uniknąć

Menu schowane za efektem wizualnym

Pełnoekranowy film, długa animacja lub niejasne hasło może wyglądać efektownie, ale głodny klient szuka menu. Link do niego powinien być widoczny w pierwszym ekranie lub stałej nawigacji.

Nazwy dań, ceny i kategorie muszą dać się skanować. Własny krój pisma może zostać w nagłówkach, natomiast mały opis dania potrzebuje prostego fontu i dobrego kontrastu.

• Pokaż menu bez logowania i bez pobierania aplikacji.
• Nie ukrywaj cen do ostatniego kroku.
• Zostaw stały powrót do kategorii i koszyka.

Projekt desktopowy ściśnięty na telefonie

Zmniejszenie szerokiej strony nie tworzy dobrej wersji mobilnej. Na małym ekranie zmienia się kolejność treści, wielkość celów dotykowych i sposób przeglądania długiego menu.

Przetestuj co najmniej start, menu, szczegóły dania, koszyk, rezerwację, lokalizację i kontakt. Obrót ekranu, klawiatura formularza oraz większy rozmiar tekstu często ujawniają błędy, których nie widać w podglądzie projektowym.

Kontakt, godziny i adres w różnych miejscach

Gość nie powinien porównywać stopki, profilu Google i grafiki na Facebooku, żeby ustalić, czy lokal jest otwarty. Strona potrzebuje jednego źródła aktualnych godzin, z którego korzystają wszystkie widoki.

Numer telefonu powinien być klikalny, adres prowadzić do mapy, a informacja o kilku lokalach musi jasno wskazywać wybrany oddział. W przeciwnym razie klient może zamówić lub pojechać do niewłaściwego miejsca.

Przycisk obiecuje więcej, niż system potrafi obsłużyć

Formularz rezerwacji nie powinien od razu pisać 'stolik potwierdzony', jeśli pracownik musi dopiero sprawdzić dostępność. Zamówienie online także potrzebuje jasnego statusu przyjęcia, odrzucenia i problemu z płatnością.

Przed projektowaniem ekranu rozpisz, kto odbiera zgłoszenie, jak szybko reaguje i co dzieje się po godzinach. Brak tej mapy prowadzi do ładnego formularza, który tworzy dodatkowe telefony.

• Oddziel wysłanie prośby od potwierdzenia.
• Pokaż numer telefonu jako awaryjną drogę kontaktu.
• Zdefiniuj zachowanie przy braku internetu lub niedostępności systemu.

Zdjęcia bez kontroli wydajności

Zdjęcia jedzenia i wnętrza są ważne, ale przeglądarka nie potrzebuje pliku prosto z aparatu. Duże obrazy opóźniają menu, powodują skoki układu i zużywają transfer klienta.

Przygotuj kilka rozmiarów, zapisuj nowoczesne formaty i ustaw wymiary obrazu w kodzie. Pierwsze zdjęcie może ładować się priorytetowo, a galeria niżej dopiero przy przewijaniu.

Strona kończy się bez następnego kroku

Opis kuchni i galeria budują zainteresowanie, lecz klient nadal potrzebuje decyzji: sprawdzić trasę, zadzwonić, zarezerwować lub zamówić. Każda ważna podstrona powinna prowadzić do jednego logicznego działania.

Nie wciskaj czterech jednakowo głośnych przycisków w każdym miejscu. Ustal priorytet dla danego ekranu, a pozostałe akcje pokaż spokojniej.