Zacznij od pytania zrozumiałego dla gościa
Dobry katalog interaktywny pomaga odpowiedzieć na konkretne pytanie. „Które rozwiązanie pasuje do tej przestrzeni?” jest lepszym początkiem niż siatka symboli modeli znanych tylko handlowcom. Szczegółowe parametry mogą pozostać dostępne, ale pierwszy wybór powinien posługiwać się językiem odbiorcy.
Określ główny rezultat korzystania: krótką listę produktów, objaśnienie, konfigurację lub prośbę o rozmowę. Umieszczenie wszystkich dokumentów, rozbudowanego formularza i filmu marki na jednym ekranie startowym utrudnia znalezienie pierwszego działania. Wybierz to, co rzeczywiście ma rozpocząć kontakt z ofertą.
Zbuduj niewielką, widoczną strukturę
| Etap | Pytanie gościa | Przydatna zawartość |
|---|---|---|
| Start | Czy to jest dla mnie? | Krótki cel, wybór języka i jasne rozpoczęcie |
| Wybór potrzeby | Gdzie szukać? | Rozpoznawalne zastosowania lub kilka czytelnych kategorii |
| Produkt | Co to robi? | Zdjęcie, krótki opis i najważniejsze różnice |
| Porównanie | Która opcja pasuje lepiej? | Te same cechy w tej samej kolejności |
| Zakończenie | Co mogę zrobić dalej? | Uzgodnione przejście do pracownika lub sprawdzony odbiór informacji |
To punkt wyjścia, a nie obowiązkowa liczba ekranów. Mały katalog może łączyć etapy. Katalog techniczny może potrzebować filtrów, lecz powinny one zawężać realną decyzję, zamiast odtwarzać wszystkie pola bazy źródłowej. Każdy dodatkowy wybór powinien mieć zrozumiały dla gościa skutek.
Ułatwiaj znalezienie działania i powrót
Zachowaj przewidywalną nawigację. Objaśnienie W3C dotyczące spójnej nawigacji zaleca stałą względną kolejność powtarzających się elementów. W kiosku zastosuj tę zasadę do początku, powrotu, języka i pomocy. Nie przenoś tych kontrolek tylko po to, aby dopasować je do kolejnego zdjęcia produktu.
Używaj konkretnych nazw, na przykład „Porównaj wybrane produkty”, i pokazuj reakcję po dotknięciu. Odróżnij zaznaczenie od niedostępności. Jeżeli ładowanie trwa, wyraźnie pokaż rozpoczęte działanie, aby użytkownik nie naciskał wielokrotnie i nie tracił orientacji.
Wskazówki W3C o wielkości celów pomagają oceniać przyciski. Odstępy i aktywację sprawdź także na docelowym ekranie. Projekt zatwierdzony myszką może działać słabo, kiedy palec zasłania etykietę lub sąsiedni przycisk znajduje się zbyt blisko.
Przykład: katalog 36 produktów
Załóżmy hipotetycznego wystawcę z 36 produktami do trzech zastosowań. Pierwsza propozycja pokazuje nazwy modeli alfabetycznie. Gość zna swoje zastosowanie, lecz nie zna symboli, więc musi otworzyć kilka kart, zanim zrozumie ofertę.
Poprawiony prototyp zaczyna się od trzech zastosowań. Karty w każdej grupie pokazują zdjęcie i jedną cechę wyróżniającą. Gość wybiera dwa produkty, a następnie porównuje cztery uzgodnione parametry. Szczegółowe dokumenty pozostają działaniem dodatkowym. Pełna oferta nadal jest dostępna, ale pierwszy wybór wymaga mniejszej wiedzy o modelach.
Zadaj podczas próby: „Znajdź dwie opcje do tego zastosowania i wyjaśnij jedną różnicę”. Obserwuj wahania oraz powrót do wybranej listy po obejrzeniu szczegółu. Jeżeli kilka osób wybiera złą kategorię, popraw nazwę lub grupowanie przed dodaniem animacji. Liczby opisują przykład, nie uniwersalny limit katalogu.
Zaplanuj zakończenie i porzuconą sesję
Ukończona sesja potrzebuje jasnego rezultatu. Kod QR może prowadzić do publicznej strony produktu. Spersonalizowana lista wymaga własnego, przetestowanego sposobu dostarczenia i obsługi danych. Samo wyświetlenie kodu nie dowodzi, że właściwa informacja trafiła na telefon gościa.
Ustal zachowanie, gdy ktoś odejdzie w połowie zadania. Ostrzeżenie o bezczynności może dawać więcej czasu przed powrotem na początek; sposób działania dobierz do odbiorców i zadania. Wpisy osobiste nie mogą pojawiać się następnemu użytkownikowi. Obsługa potrzebuje także czytelnego resetu bez publicznego dostępu do administracji.
Przygotuj treść i zatwierdzaj przez zadania
Przypisz właściciela nazw, zdjęć, specyfikacji i każdej wersji językowej.
Ujednolić trzeba jednostki oraz nazwy cech, aby porównanie zachowało sens.
Przetestuj długie nazwy, brak zdjęcia, brak wyników i docelową ilość treści.
Ukończ jedną sesję, porzuć drugą i zacznij ponownie jako kolejny gość.
Potwierdź informacje i działania dostępne bez internetu.
Częste błędy to cały interfejs oparty na PDF, ukrycie nawigacji w gestach, formularz przed pokazaniem wartości i tłumaczenie dopiero po zamknięciu układu. Zatwierdzenie treści oraz projektu powinno spotkać się w działającym prototypie.
Przynieś próbkę rzeczywistego katalogu i opis decyzji gościa do rozmowy o instalacji interaktywnej. Połącz prototyp z proponowanym ekranem dotykowym, aby wspólnie sprawdzić czytelność, zasięg i przebieg sesji.