Zalecane ustawienia w zakresie konfiguracji panelu klienta
Korzystaj z superwariantu
Oferta firmy/Warianty
Dlaczego?
Superwariant prezentuje informacje w sposób bardziej przejrzysty dla Twoich klientów, ponieważ wyraźnie przedstawia ilość i rodzaj posiłków w diecie. Zawiera mniej tekstu i zajmuje mniej miejsca na formularzu zamówienia niż kafelki wariantów, oferując jednocześnie tę samą lub większą liczbę konfiguracji posiłków (w ustawieniach superwariantu możliwe jest określenie minimalnej liczby posiłków, w celu ograniczenia liczby kombinacji).
Dzięki temu użytkownik może szybko podjąć decyzję i przejść do kolejnego kroku.
Przydatne linki:
Superwariant - elastyczny dobór typów posiłków
Jeśli stosujesz warianty, zadbaj, aby ich nazwy były czytelne i zrozumiałe
Oferta firmy/Warianty
Dlaczego?
Zrozumiałe nazwy wariantów pozwalają użytkownikom szybko ocenić, czy dany wariant spełnia ich potrzeby, a to wpływa na skrócenie czasu podejmowania decyzji przez użytkowników.
W jaki sposób?
Nazwij wariant tak, aby jak najlepiej informował użytkowników o jego zawartości. Dobrą praktyką jest umieszczenie w nazwie liczby posiłków, które się w nim znajdują. To jedna z kluczowych informacji dla użytkowników. Staraj się, aby nazwy były na tyle informacyjne, aby nie było potrzeby dodawania dodatkowego opisu. Sprawdzanie opisu w tooltipie wymaga od użytkownika dodatkowej akcji oraz poświęcenia większej ilości czasu na analizę i wybór wariantu.
Optymalizuj sekcję filtrów diet i organizuj je w sposób czytelny
Oferta firmy/Filtry diet + Oferta firmy/Filtry linii diet
Dlaczego?
Czytelność filtrów ma kluczowy wpływ na decyzje użytkowników. Oczekują oni prostych i przejrzystych wskazówek, nie chcąc tracić czasu na długie przeglądanie różnych opcji diet. Ważnym aspektem jest również przestrzeń zajmowana przez filtry – duża liczba filtrów z rozbudowanymi zdjęciami zajmuje znaczną część ekranu, co stanowi szczególny problem dla użytkowników korzystających z wersji mobilnej (bardzo dużo scrollowania).
W jaki sposób?
Filtry diet (oraz filtry linii diet) najczęściej są stosowane na 2 sposoby:
- Filtr segreguje diety z różnymi zakresami wyboru menu.
- Filtr organizuje diety zawierające podtypy, np. dieta sportowa dzieli się na diety: sportowa standard, sportowa wege, sportowa bez laktozy i glutenu.
Zadbaj, aby nazwa filtru oraz jego grafika przekazywały Twoim klientom maksymalnie dużo informacji na temat tego, jakie wyniki zobaczą, gdy go wybiorą. To bardzo ułatwi przejście przez formularz zamówienia. Warto zastosować takie zdjęcie filtru, które będzie możliwie zwięzłe. W przeciwnym razie warto zastąpić zdjęcie ikonką. Ikonka lepiej sprawdzi się także, gdy filtrów jest sporo (powyżej trzech).
Przydatne linki:
Dodawaj zdjęcia posiłków
Baza przepisów/Dania
Dlaczego?
Dodawanie zdjęć posiłków znacząco wpływa na ich atrakcyjność, co w efekcie zwiększa zainteresowanie dietą. Prezentacja dań odgrywa kluczową rolę w postrzeganiu jedzenia przez użytkowników, dlatego warto o nią zadbać.
Przydatne linki:
Dostosuj rozmiar zdjęcia diety na mobile
Konfiguruj markę/Formularz zamówienia
Dlaczego?
Podobnie jak w przypadku filtrów diet, także w rodzajach diet kluczowa dla użytkownika jest czytelność oraz przestrzeń jaką zajmują. Zwięzła prezentacja listy diet, zwłaszcza przy większej ich liczbie, znacznie ułatwia przeglądanie i porównywanie, co sprzyja szybszemu podjęciu decyzji przez użytkownika.
W jaki sposób?
W zakładce Konfiguruj markę/Formularz zamówienia mamy możliwość wyboru rozmiaru zdjęcia diety na widoku mobilnym pomiędzy małym, a dużym zdjęciem.
Wybierz opcję najlepiej pasującą do charakteru Twojej oferty:
- Przy niewielkiej liczbie diet odpowiednie będą zarówno małe, jak i duże zdjęcia.
W przypadku większej liczby diet rekomendowane są mniejsze zdjęcia, aby uniknąć długiego przewijania i umożliwić szybszy wybór użytkownikowi. Jeśli przy dużej liczbie diet nie chcesz stosować małych zdjęć, szczególnie pamiętaj o aktywowaniu opcji automatycznego scrollowania do kolejnej sekcji.
Nie używaj loga o pionowych proporcjach
Konfiguruj markę/Wygląd ogólny
Dlaczego?
Logo o pionowych proporcjach będzie zajmowało dość mały fragment nagłówka, przez co (w zależności od stopnia skomplikowania) może nie być widoczne zbyt wyraźnie. Warto przygotować wersję logo, która będzie lepiej wypełniać przestrzeń nagłówka.
Zadbaj o odpowiedni kontrast
Konfiguruj markę/Wygląd ogólny
Dlaczego?
Dobry kontrast kolorów na stronie jest ważny, ponieważ zapewnia lepszą czytelność tekstów i elementów interfejsu, co ułatwia użytkownikom korzystanie ze strony. Dzięki odpowiedniemu kontrastowi użytkownicy mogą łatwiej odczytać informacje. Dobre zestawienie kolorów poprawia estetykę strony i sprawia, że wygląda bardziej profesjonalnie i przyjaźnie.
W jaki sposób?
Kolor wiodący jest to kolor występujący w tekstach i obramowaniach przycisków, więc musi być czytelny na białym tle. Pamiętaj, aby sprawdzić, czy kolor ustawiony dla panelu klienta nie jest zbyt jasny. Zrobisz to na stronie WhoCanUse.
Zastosuj czytelny font
Konfiguruj markę/Wygląd ogólny
Dlaczego?
Czytelny font jest ważny, ponieważ ułatwia użytkownikom szybkie odczytanie i zrozumienie treści. Zwiększa komfort przeglądania, poprawia dostępność i sprawia, że strona wygląda bardziej profesjonalnie.
W jaki sposób?
Dobry font to taki, który:
- jest prosty i pozbawiony zbędnych ozdobników - aby teksty były wyraźne,
- obsługuje polskie znaki (lub znaki odpowiednie dla języku panelu klienta),
- nie jest zbyt szeroki - dzięki temu unikamy problemów z dopasowaniem treści, szczególnie w widokach mobilnych.
Jako przykłady łatwo czytelnych fontów można wskazać np.: Poppins, Lato, Montserrat.
Nieco bardziej wymyślne fonty będą za to miały swoje uzasadnienie w przypadku sklepów, które dotyczą oferty sezonowej, np. świątecznej.
Przydatne linki:
Jak zmienić czcionki na panelu klienta?
Zoptymalizuj wielkość baneru
Konfiguruj markę/Formularz zamówienia
Dlaczego?
Kluczowe jest, aby użytkownik od razu po wejściu na stronę zobaczył formularz, który poprowadzi go przez proces zamawiania diety. Brak widocznego w pierwszej chwili formularza może skutkować dezorientacją użytkownika i rezygnacją z zamówienia.
W jaki sposób?
Aby baner zachowywał odpowiednią rozdzielczość na dużych monitorach, rekomendujemy, aby jego szerokość wynosiła min. 1920px, a optymalnie 2560px. Na wysokość, zalecamy banery o możliwie niskich proporcjach, tak aby przed przescrollowaniem widoku koniecznie był widoczny początek pierwszej sekcji (najczęściej jest to “Wybierz rodzaj”). Korzystne pod tym względem proporcje wysokości do szerokości są zbliżone do 1:5 - 1:7.
Przydatne linki:
Korzystaj z autoscrolla pomiędzy sekcjami konfiguracji diety
Konfiguruj markę/Formularz zamówienia
Dlaczego?
Dzięki temu użytkownik będzie widział reakcję i efekt ze strony Panelu Klienta na swoje kliknięcie/tapnięcie na dany element. Pozwala to bardziej efektywnie przeprowadzić go przez konfigurację diety. Autoscroll jest szczególnie istotny podczas korzystania z telefonu, gdzie ekran jest niewielki, oraz na komputerze w sytuacji, gdy oferujemy tak dużo diet, że nie mieszczą się jednocześnie na widoku.
W jaki sposób?
W zakładce Konfiguruj markę/Formularz zamówienia zaznacz checkboxy “Autoscroll do…”.
*Ustawienie “autoscroll do kaloryczności” nie jest stosowane diet z superwariantem. Dzięki temu widok nie będzie autoscrollowany w trakcie wybierania typów posiłków, co utrudniałoby użytkownikowi korzystanie z interfejsu.
Korzystaj z pływającego przycisku “dalej” na formularzu zamówienia
Konfiguruj markę/Formularz zamówienia
Dlaczego?
Przycisk “dalej” na samym końcu widoku ze względu na lokalizację oraz rozmiar jest trudniej zauważalny niż przycisk pływający, który widzimy cały czas.
W jaki sposób?
W zakładce Konfiguruj markę/Formularz zamówienia w ustawieniu “ Wybierz tryb przycisku “Dalej” na formularzu zamówienia” wybierz opcję “Pływający przycisk”.
Korzystaj z ustawienia “Pokaż menu i opis diety na modalu”
Konfiguruj markę/Formularz zamówienia
Dlaczego?
Umieszczenie opisu diety w modalu zamiast na końcu listy diet znacznie poprawia doświadczenia użytkowników, ułatwiając im dostęp do kluczowych informacji blisko nazwy i zdjęcia diety. Takie ustawienie sprawia, że prezentacja diet staje się znacznie bardziej przejrzysta i zrozumiała.
W jaki sposób?
W zakładce Konfiguruj markę/Formularz zamówienia widzimy checkbox “Pokaż menu i opis diety na modalu”. Po włączeniu tego ustawienia opis aktualnie wybranej diety nie będzie wyświetlał się na końcu listy diet, a w modalu.
Nie oferuj jednocześnie dodatkowych porcji, dodatków, dodatkowych dań, kroku “wybierz menu”
Oferta firmy/Diety/{Nazwa diety} + Konfiguruj markę/Formularz zamówienia + Dodatki + Konfiguruj markę/Sklep
Dlaczego?
Stosowanie jednocześnie wszystkich opcji zakupów dodatkowych wydłuża formularz zamówienia. Ponadto opcje te są dość podobne, przez co pokazywanie ich na kolejnych widokach może wprowadzać użytkownika w dezorientację.
Przydatne linki:
Korzystaj z wyboru menu wg. cen diet zamiast z wyboru menu premium
Konfiguruj markę/Panel klienta + Oferta firmy/Diety/{Nazwa diety}
Dlaczego?
Przy wyborze menu wg. cen diety klient nie będzie miał odczucia, że dodatkowo dopłaca do diety, aby mieć wybór menu. Dodatkowo im dłuższy formularz zamówienia, tym gorzej konwertuje. Najprawdopodobniej ryzyko utraty klienta związane z wydłużeniem formularza zamówienia o 1 krok jest większe niż potencjalne zyski ze sprzedaży opcji premium.
Przydatne linki:
Nie oferuj jednocześnie subskrypcji, zamówień próbnych, zdefiniowanych długości diet, własnej liczby dni
Konfiguruj markę/Metody płatności + Konfiguruj markę/Dostawy i zamówienia
Dlaczego?
Wybór między zamówieniem w trybie płatności jednorazowej, a subskrypcją stanowi dodatkową sekcję pierwszego kroku formularza zamówienia, co wydłuża widok. W połączeniu z zamówieniami próbnymi, zdefiniowanymi długościami diet, własną liczbą dni, użytkownik otrzymuje zbyt wiele decyzji do podjęcia.
Przydatne linki:
Włącz logowanie/rejestrację przez Google (dodatkowo Facebook, Apple)
Konfiguruj markę/Opcje logowania
Dlaczego?
Z danych wynika, że usługi Google, w tym rejestracja i logowanie za pomocą konta Google, są bardzo popularne. Usługa logowania przez Google jest powszechnie używana przez wiele aplikacji i serwisów internetowych, co czyni ją jedną z najczęściej wybieranych metod rejestracji. Użytkownicy cenią tę opcję za wygodę, bezpieczeństwo i możliwość łatwego zarządzania wieloma kontami w jednym miejscu. Z naszych danych dotyczących cateringów wynika, że około 30% użytkowników loguje się za pomocą konta Google. Dlatego zdecydowanie warto rozważyć dodanie tej metody logowania/rejestracji. Dzięki temu użytkownicy szybciej przejdą przez proces zamawiania diet. Dodatkowym atutem dla części użytkowników może być możliwość logowania/rejestracji za pomocą konta Facebook lub Apple. Niemniej jednak z naszych danych wynika, że te metody nie są tak popularne jak logowanie przez Google.
W jaki sposób?
Włącz logowanie przy pomocy konta Google, Facebook, Apple w zakładce Konfiguruj markę/Opcje logowania.
Przydatne linki: