Etap 3: przygotowanie modeli 3D i interfejsu konfiguratora

Faza 3 nadaje zarządzanemu modelowi produktu wizualną i interaktywną formę. Obejmuje dwie powiązane dyscypliny: przygotowanie zasobów 3D, które można poprawnie zmieniać w przeglądarce, oraz projektowanie doświadczenia użytkownika, które pomaga klientom lub sprzedawcom podejmować trafne decyzje bez popadania w przytłoczenie.

Samo renderowanie wysokiej jakości nie jest celem. Przydatny konfigurator musi zachować tożsamość produktu, szybko reagować, wyjaśniać wybory, pracować na obsługiwanych urządzeniach i synchronizować widoczny projekt z ceną, wyceną i zapisanymi danymi projektu.

Seria wdrożeń: Faza 1 — odkrycie i wymagania · Faza 2 — dane produktów, zasady i ceny · Faza 3 — zasoby 3D i UX · Faza 4 — integracje i testowanie · Faza 5 — uruchomienie i optymalizacja

Dlaczego pliki CAD nie są automatycznie zasobami konfiguratora internetowego

Modele CAD i inżynieryjne są przeznaczone do tworzenia, analizowania i wytwarzania. Mogą zawierać precyzyjną geometrię, części wewnętrzne, historię budowy i metadane, które są cenne na początku, ale drogie lub niepotrzebne do renderowania w przeglądarce w czasie rzeczywistym.

Zasób internetowy często potrzebuje:

zaakceptowany układ współrzędnych, skala i orientacja;
czysta hierarchia i stabilne nazwy komponentów;
oddzielne konfigurowalne części;
odpowiednia gęstość wielokątów;
wydajne instancje dla powtarzających się komponentów;
UV, materiały i tekstury dostosowane do renderowania w czasie rzeczywistym;
zdefiniowano obroty i transformacje dla ruchomych części;
poziom szczegółowości lub strategia ładowania dla złożonych scen;
mapowania z powrotem na identyfikatory produktów i opcji.

W stosownych przypadkach model źródłowy pozostaje autorytetem inżynieryjnym. Zasób przeglądarki to reprezentacja dostawy przygotowana do interakcji.

Wybierz świadomie format i sposób dostarczania

glTF i binarny GLB są szeroko stosowane do dostarczania 3D w czasie wykonywania. Grupa Khronos opisuje glTF jako bezpłatną specyfikację zaprojektowaną do wydajnej transmisji i ładowania scen i modeli 3D, w tym scen, węzłów, siatek, materiałów, tekstur i animacji (Khronos glTF).

Nie oznacza to, że każdy projekt musi używać jednego formatu lub że konwersja pliku kończy proces. Zweryfikuj:

skala i orientacja geometryczna;
struktura węzła i materiału;
kompresja i artefakty wizualne;
rozmiar tekstury i zachowanie kolorów;
przezroczystość i renderowanie szkła;
animacja i konfigurowalne transformacje;
wydajność na obsługiwanych urządzeniach;
korespondencja z zapisanymi danymi konfiguracyjnymi.

Przewodnik po zestawie zasobów konfiguratora produktów 3D bardziej szczegółowo omawia kontrolę źródła, optymalizację, materiały, warianty, walidację i wydanie.

Utwórz jedną identyfikację wizualną dla każdego stanu produktu

Każdy widoczny stan powinien być identyfikowalny z konfiguracją strukturalną. Unikaj polegania na nazwach obiektów scen lub kolejności materiałów, które mogą ulec zmianie podczas eksportu zasobów.

Niezawodne mapowanie może łączyć:

opcja produktu finish.anthracite do przyjętego materiału ramy; Opcja
opcja roof.louvered do zespołu dachu żaluzjowego; Parametr
parametr width do zakresu ramek i liczby modułów;
opcja screen.left do lewego zespołu ekranu i zależnego silnika;
opcja lighting.integrated do kanałów, świateł i opisu oferty.

Gdy użytkownik zmieni opcję, dane 3D, cena, zapisany stan i dane wyjściowe powinny odnosić się do tego samego identyfikatora. Dlatego też należy zaakceptować fazę 2, zanim skupimy się na dopracowaniu wyglądu wizualnego.

Zdecyduj, co ma być fotorealistyczne

Fotorealizm może pomóc kupującym ocenić wykończenie, proporcje i kontekst, ale nie może ukrywać niepewności. Nadaj priorytet decyzjom wizualnym, które wpływają na pewność zakupu:

ogólna skala i układ;
sylwetka produktu i moduły;
kierunek otwierania lub elementy ruchome;
rodziny kolorów i materiałów;
przeszklenia, ekrany, okładziny i akcesoria;
związek z prostym środowiskiem.

Nie sugeruj precyzji inżynierskiej poprzez samo renderowanie. Realistyczny obraz nie jest dowodem przydatności konstrukcyjnej, termicznej, elektrycznej lub miejsca.

Configurix może zapewnić podgląd 3D w przeglądarce w czasie rzeczywistym oraz, jeśli jest objęty zakresem, podgląd w rzeczywistości rozszerzonej. AR należy określić jako pomoc w wizualizacji. Ostateczne wymiary, warunki montażu i aprobata techniczna są nadal zgodne z przyjętym procesem biznesowym.

Zaprojektuj podróż wokół decyzji

Interfejs konfiguratora powinien na każdym kroku odpowiadać na cztery pytania:

Co wybieram?
Jakie opcje są teraz dostępne?
Co zmieniło się w produkcie i cenie?
Co mam dalej zrobić?

Grupuj decyzje w kolejności zgodnej ze zrozumieniem użytkownika. Wspólną sekwencją jest rodzina produktów, wymiary, konstrukcja, opcje funkcjonalne, wykończenie, akcesoria, podsumowanie i kompletacja. Prawidłowa kolejność zależy od zależności produktowych i kontekstu sprzedażowego.

Unikaj jednoczesnego ujawniania wszystkich atrybutów technicznych. W procesie podróży klienta można używać prostego języka i kierować się domyślnymi ustawieniami, natomiast widok sprzedaży wspomaganej lub dealera zawiera więcej szczegółów i uprawnień.

Stosuj ujawnianie progresywne

Stopniowe ujawnianie ujawnia szczegóły, gdy stają się istotne. Przykłady obejmują:

pokaż tkaninę ekranu dopiero po dodaniu ekranu przez użytkownika;
poproś o region instalacji, gdy cena wymaga robocizny lub kontekstu dostawy;
ujawnia zaawansowane wartości techniczne przeszkolonym rolom;
przesuń opcjonalne akcesoria po zatwierdzeniu podstawowej struktury;
wyjaśnij, dlaczego wyłączona opcja wymaga innego modelu lub wymiaru.

Zmniejsza to obciążenie poznawcze bez usuwania głębi produktu.

Zachowaj zrozumiałość wymiarów

Konfiguracja „szyta na miarę” wymaga jasnego języka wymiarowego. Użyj przyjętej terminologii i wskaż:

co jest mierzone;
miejsce rozpoczęcia i zakończenia pomiaru;
jednostka i precyzja;
minimalny, maksymalny i dozwolony przyrost;
czy wartość jest wymiarem otwarcia, wymiarem zewnętrznym, wykończonym czy produkcyjnym;
co zmieniło się po wpisie.

Linie wymiarowe w 3D mogą ułatwić zrozumienie, ale nie powinny nakładać się na produkt ani sugerować wymiaru, którego nie reprezentują. Wprowadzanie tekstu, suwaki i przyciski zwiększania powinny pozostać obsługiwane za pomocą klawiatury i dostępne na urządzeniach dotykowych.

Projekt dla telefonów komórkowych, tabletów i komputerów stacjonarnych

Konfiguracja responsywna nie zmniejsza pulpitu sterowania. Użytkownicy mobilni potrzebują:

przydatny widok produktu bez elementów sterujących obejmujących obiekt;
cele dotykowe o odpowiednim rozmiarze i odstępach;
wyraźny postęp i stabilne zakończenie;
panele, które można otwierać i zamykać bez utraty stanu;
szybkie odzyskiwanie po przerwie;
informacja o cenie i weryfikacji w pobliżu działania, które to spowodowało.

Sprzedaż wspomagana może faworyzować tablety, podczas gdy szczegółowe administrowanie pozostaje zorientowane na komputery stacjonarne. Zamiast wybierać jedną rzutnię z pliku projektu, przetestuj aktualnie obsługiwane role i urządzenia.

Wbuduj dostępność w interakcję

Wytyczne W3C dotyczące dostępności treści internetowych 2.2 organizują dostępność wokół treści, które są postrzegalne, funkcjonalne, zrozumiałe i solidne, z testowalnymi kryteriami sukcesu, które mają zastosowanie we wszystkich technologiach internetowych (WCAG 2.2).

W przypadku konfiguratora 3D prace związane z dostępnością mogą obejmować:

dostęp za pomocą klawiatury do wszystkich niezbędnych wyborów i działań uzupełniających;
widoczne skupienie i logiczna kolejność skupienia;
nazwy programowe, stany i komunikaty o błędach;
alternatywy tekstowe dla odpowiednich informacji o produkcie;
wystarczający kontrast i wskaźniki stanu innego niż kolor;
zachowanie związane z ograniczonym ruchem, w którym animacja nie jest konieczna;
równoważne ustrukturyzowane podsumowanie skonfigurowanego produktu;
powiadomienia czytnika ekranu dotyczące ważnych zmian bez nadmiernego hałasu.

Płótno nie może być jedynym miejscem, w którym istnieje istotne znaczenie. dostępny przewodnik konfiguratora produktów 3D zawiera bardziej szczegółową listę kontrolną.

Traktuj wydajność jako wymaganie produktu

Obecne stabilne podstawowe wskaźniki internetowe to największe malowanie treści, interakcja z następnym malowaniem i skumulowane przesunięcie układu. Wytyczne Google odróżniają badania laboratoryjne od pomiarów w terenie i zauważają, że dane terenowe rejestrują różnice w rzeczywistych urządzeniach, sieciach i zachowaniach użytkowników (web.dev Wskaźniki sieciowe).

Praca konfiguratora powinna mierzyć więcej niż otaczająca stronę:

czas do pierwszego przydatnego obejrzenia produktu;
reakcja interakcji przy zmianie opcji;
największy ważny produkt i scena;
ładowanie tekstur i geometrii;
użycie pamięci podczas powtarzających się zmian;
płynność kamery i animacji;
stabilność układu wokół płótna;
odzyskiwanie w przypadku powolnych lub nieudanych żądań dotyczących zasobów;
mobilna transmisja danych i wpływ na baterię.

Stosuj ładowanie progresywne tam, gdzie poprawia to podróż. Pokaż wyraźny postęp, najpierw załaduj niezbędną geometrię i unikaj pobierania każdego przyszłego wariantu, zanim będzie on potrzebny użytkownikowi.

Przeczytaj Przewodnik po działaniu konfiguratora 3D do testowania i optymalizacji strategii.

Jak Configurix podchodzi do fazy 3

Configurix łączy 3D oparty na przeglądarce z zaakceptowanym katalogiem, regułami i komercyjnym przepływem pracy. W zależności od produktu i zakresu może to obejmować:

wymiary parametryczne i zespoły modułowe;
zmiany materiału i wykończenia;
kompatybilne akcesoria i stany wizualne;
zapisane konfiguracje i wersje;
ceny na żywo, które odpowiadają tej samej selekcji;
strona internetowa klienta, salon wystawowy, sprzedaż wspomagana i doświadczenia dealerów;
marka typu white label, język, waluta i prezentacja rynku;
opcjonalny AR na kompatybilnych urządzeniach;
migawki wizualne używane w wycenach i zapisach projektów.

Interfejs jest dostosowany do produktu i użytkowników firmy. Configurix nie ogranicza się do producentów; dealerzy, instalatorzy, sprzedawcy detaliczni i zespoły sprzedażowe mogą korzystać z tego samego zarządzanego projektu w kanale odpowiednim do ich roli.

Można wdrożyć wiele języków, w tym terminologię dotyczącą produktów i dokumenty specyficzne dla rynku. Tłumaczenie musi obejmować etykiety opcji, walidację, jednostki, waluty, treść ofert i znaczenie operacyjne – nie tylko tekst nawigacyjny.

Sprawdź wrażenia wizualne w przypadku rzeczywistych zadań

Recenzenci powinni wykonać reprezentatywne zadania, a nie tylko obrócić model.

Sprawdź, czy użytkownik może:

wybierz właściwą rodzinę produktów;
wprowadź wymiar graniczny i zrozum wynik;
znajdź oczekiwane akcesorium;
wyjaśnij, dlaczego dana opcja jest niedostępna;
porównaj wykończenia bez utraty wcześniejszych wyborów;
zobacz jak zmiana wpływa na cenę;
zapisz, otwórz ponownie i kontynuuj tę samą konfigurację;
ukończ podróż na obsługiwanym telefonie i laptopie;
uzyskaj takie samo uporządkowane podsumowanie, jak w przypadku stanu wizualnego.

Nagraj zamieszanie i porzucone działania. Krótka sesja użyteczności z zamierzoną rolą jest cenniejsza niż zatwierdzanie statycznej makiety na spotkaniu.

Typowe błędy fazy 3

Optymalizacja widoku bohatera, ale nie największego produktu

Produkt domyślny może działać dobrze, podczas gdy konfiguracje wielownękowe, z dużą ilością akcesoriów lub przejrzyste zawodzą. Uwzględnij normalne i największe prawidłowe sceny.

Używanie fałszywych wymiarów dla równowagi wizualnej

Proporcje wizualne i etykiety wymiarów muszą być zgodne z zaakceptowanym stanem konfiguracji.

Przekształcanie mobilnych elementów sterujących w nakładany labirynt

Zachowaj widok produktu i zapewnij przejrzystą hierarchię paneli. Unikaj nakładania się stałych kontroli.

Traktowanie AR jako automatycznego

Wsparcie AR zależy od urządzeń, przeglądarek, przygotowania zasobów, skali i uzgodnionego doświadczenia. Przetestuj kompatybilne cele i zapewnij przydatne rozwiązanie awaryjne.

Zatwierdzanie zrzutów ekranu zamiast interakcji

Zrzuty ekranu nie mogą potwierdzać ładowania, reguł, zapisanego stanu, działania klawiatury ani reakcji.

Lista kontrolna zakończenia fazy 3

Faza 3 jest zakończona, gdy:

zasoby przeglądarki odpowiadają przyjętej skali, hierarchii i mapowaniu produktów;
normalne i największe ważne sceny spełniają uzgodniony budżet wykonawczy;
przeglądane są materiały, szkło, ruch i konfigurowalne stany;
podróże klientów i sprzedaż wspomagana są zrozumiałe;
wymiary i walidacja są jasne;
układy urządzeń mobilnych, tabletów i komputerów stacjonarnych działają w przypadku obsługiwanych ról;
podstawowe czynności można obsługiwać za pomocą klawiatury i mają one zorganizowane alternatywy;
3D, cena i zapisany projekt pozostają zsynchronizowane;
opcjonalne zachowanie AR i rezerwa są weryfikowane w określonym zakresie.

Następnym krokiem jest połączenie zaakceptowanej konfiguracji z dokumentami i systemami, na których opiera się działalność. Kontynuuj z Faza 4: Wyceny, BOM, Integracje i testowanie konfiguratora produktu.

Często zadawane pytania

Czy Configurix zawsze używa renderowania fotorealistycznego?

Configurix może zapewnić wysokiej jakości obrazy 3D w czasie rzeczywistym, ale cel wizualny jest zdefiniowany wokół wymagań dotyczących produktu, urządzenia i wydajności. Dokładny stan, zrozumiałe wybory i responsywna interakcja są równie ważne jak realizm materialny.

Czy program Configurix może działać w istniejącej witrynie internetowej?

Tak. Configurix może być dostarczany jako doświadczenie internetowe typu white-label i osadzony lub zintegrowany z istniejącym procesem sprzedaży, z zastrzeżeniem uzgodnionych wymagań dotyczących architektury, domeny, uwierzytelniania i analiz.

Czy konfigurator może używać dowolnego języka?

Configurix można zbudować w wielu językach i dostosować do rynków docelowych. Terminologia dotycząca produktu, jednostki, waluty, walidacja i dokumenty powinny zostać sprawdzone przez odpowiednich właścicieli firm.

Czy do konfiguratora 3D wymagana jest AR?

Nie. AR jest opcjonalny. Może pomóc w wizualizacji przestrzennej na kompatybilnych urządzeniach, ale kompletny konfigurator przeglądarki może zapewnić znaczną wartość dzięki interaktywnemu 3D, regułom, cenom, wycenom i ustrukturyzowanym projektom bez AR.