Model 3D produktu: obrót jest łatwy, orientacja klienta już mniej

Przedmiot obraca się płynnie. Po dwóch gestach klient ogląda jego spód, po trzecim nie wie, gdzie jest przód, a po czwartym przypadkiem przesuwa całą scenę poza kadr. Scena nadal działa, lecz oględziny produktu właśnie się skończyły. Pozostało energiczne kręcenie.

Model 3D potrzebuje interfejsu tak samo jak katalog albo formularz. Powinien pomóc obejrzeć konkretną cechę, utrzymać orientację i wrócić do znanego widoku. Sama możliwość obrotu nie określa, co odbiorca ma zrozumieć. Projekt, materiały i prowadzenie uwagi powinny tę rolę wyjaśnić.

Nie każda scena musi być przeglądarką produktu. Może budować świat marki lub pokazywać ideę. Jeśli jednak stanowi część decyzji zakupowej, trzeba ustalić, jaki przedmiot przedstawia i które cechy potwierdza. Wtedy kontrolki oraz podpisy nie są dodatkiem przy atrakcyjnej grafice. Pomagają klientowi spokojnie wykonać oględziny.

Zacznij od widoku, z którego da się coś rozpoznać

Pierwszy kadr powinien ustawiać przedmiot w zrozumiałej orientacji. Jeśli produkt ma wyraźny przód, bok albo część roboczą, pokaż relację między nimi. Nie rozpoczynaj od najciekawszego kąta kamery wyłącznie dlatego, że wygląda widowiskowo. Odbiorca musi najpierw wiedzieć, co ogląda, zanim będzie potrafił docenić kolejne szczegóły.

Zapisz, jaką cechę ma pokazać interakcja. Tył obudowy, sposób otwierania, połączenie modułów czy profil podstawy wymagają innego prowadzenia. Możesz zaproponować kilka nazwanych punktów widzenia zamiast pozostawiać całe zadanie swobodnemu obrotowi. „Tył” albo „mocowanie” to instrukcja bardziej konkretna niż ogólne „odkryj możliwości”.

Przykłady model-viewer dotyczące kamery rozdzielają sterowanie użytkownika, orbitę kamery oraz punkt, wokół którego oglądany jest model. Te mechanizmy można wykorzystać do różnych celów. W projekcie trzeba określić, który ruch pomaga poznać produkt, a który tylko zwiększa liczbę możliwych gestów.

Punkt odniesienia ma znaczenie przy powiększeniu. Jeśli klient przybliża zawias, a model nadal obraca się wokół odległego środka całej bryły, detal może szybko zniknąć z widoku. Ustal, czy oględziny dotyczą całego przedmiotu, czy wybranego fragmentu. Zmianę tego stanu pokaż czytelnie, aby użytkownik rozumiał nowy skutek ruchu.

Nie zakładaj znajomości gestów z programów do modelowania. Projektant może swobodnie obracać, przesuwać i przybliżać obiekt kilkoma kombinacjami przycisków. Osoba kupująca lampę nie ma obowiązku znać tego warsztatu. Krótka wskazówka przy pierwszym użyciu oraz widoczne działania mogą wystarczyć do rozpoczęcia oglądania bez szkolenia z kamery.

Daj możliwość powrotu do kadru początkowego. Reset powinien przywracać orientację i położenie potrzebne do rozpoznania przedmiotu, a nie tylko zatrzymywać automatyczny obrót. Nazwij działanie zwyczajnie. Gdy przycisk pokazuje abstrakcyjny symbol, odbiorca może nie wiedzieć, czy resetuje kamerę, wybór wariantu, czy całą konfigurację.

Zdecyduj, czy powrót do widoku zachowuje wybrany wariant. Klient może chcieć ustawić kamerę od nowa, nadal oglądając czerwony model. Jeśli razem z kadrem zmieni się produkt, znaczenie resetu stanie się niejasne. Oddziel stan oglądania od stanu wyboru i nazwij oba działania tak, żeby nie wymagały prób na ślepo.

Nazwane punkty widzenia również powinny dawać przewidywalny rezultat. Po wyborze „tył” zachowaj rozpoznawalny kąt oraz poziom zbliżenia potrzebny do zobaczenia cechy. Jeżeli przejście jest animowane, pozwól odbiorcy odzyskać kontrolę i nie uruchamiaj od nowa ruchu, który zaraz odsunie go od wskazanego miejsca.

Jeżeli produkt ma kilka wersji, model powinien odpowiadać aktualnemu wyborowi. Kolor, element zestawu albo konstrukcja nie mogą zmieniać się wyłącznie w opisie obok. Powiązanie danych z widokiem zaplanuj wspólnie z wyborem wariantów. Przy ograniczonym materiale nazwij zakres prezentacji, zamiast pozostawiać klientowi odgadywanie różnicy.

Kontrola ruchu jest częścią oglądania

Automatyczny obrót może krótko pokazać przestrzenny charakter przedmiotu. Jeśli trwa dalej, konkuruje z próbą przyjrzenia się detalowi. Ustal, kiedy się zatrzymuje i czy odbiorca może go ponownie uruchomić. Nie powinien walczyć z animacją, która po każdym puszczeniu palca odbiera mu wybrane ustawienie.

Sposób wejścia w interakcję powinien być rozpoznawalny. Model osadzony na stronie może reagować na przeciąganie, podczas gdy klient próbuje zwyczajnie przewinąć ekran. Rozważ wyraźne uruchomienie oglądania albo taką obsługę, która nie przechwytuje podstawowej drogi czytania. Własny efekt 3D nie musi oznaczać utraty kontroli nad całą stroną.

To samo dotyczy powiększenia. Ustal relację gestów sceny do powiększania treści oraz przewijania. Nie wszystkie ruchy trzeba włączać w każdym widoku. W projekcie zapisz, co ma zrobić palec, kółko myszy i klawiatura, a potem wykonaj te czynności na rzeczywistym telefonie. Nazwanie funkcji w specyfikacji nie zastępuje odczucia jej skutku.

Widoczne przyciski pomagają osobom, które nie korzystają z przeciągania. Mogą prowadzić do wybranych widoków, przybliżenia i resetu. Powinny mieć nazwy odpowiadające działaniu oraz zachowywać czytelność na tle sceny. Jasna ikonka nie może zniknąć dokładnie wtedy, gdy użytkownik obróci jasny fragment produktu pod jej położenie.

Przy dostępności strony sprawdź pełne zadanie, nie tylko możliwość dotarcia klawiaturą do obszaru modelu. Czy da się obejrzeć potrzebną cechę i wrócić do opisu? Czy kontrolki pokazują bieżące miejsce obsługi? Jeśli część informacji jest dostępna jedynie przez złożony gest, przygotuj inną zrozumiałą drogę.

W odbiorze zadaj konkretne pytanie o przedmiot: znajdź tył, obejrzyj mocowanie, wróć do ogólnego widoku. Obserwuj orientację i sposób wyjścia, a nie tylko płynność animacji. Płynnie zgubić się w przestrzeni też można. Przy produkcie lepszym wynikiem będzie zrozumienie jednej ważnej cechy niż długa sesja bez końca.

Etykiety detali powinny pomagać, a nie tworzyć las znaczników. Zdecyduj, które pokazujesz stale, które po wyborze i jak wracają do stanu początkowego. Opis ma pozostać związany z właściwym miejscem modelu po obrocie. Jeśli położenie przestaje być czytelne, czasem lepiej przejść do nazwanego widoku niż przesuwać chmurkę po całym ekranie.

Sprawdź, co dzieje się ze znacznikiem po obróceniu wskazywanej części za model. Czy znika, pozostaje czytelnie oznaczony, czy wygląda jak punkt należący do widocznej powierzchni? Wybierz zachowanie odpowiednie do zadania. Odbiorca nie powinien mylić etykiety ukrytego mocowania z opisem fragmentu, który przypadkiem znalazł się pod nią na ekranie.

Przy kilku opisach zadbaj o możliwość spokojnej lektury jednego z nich. Otwarcie etykiety może zatrzymywać automatyczny obrót i zachowywać tekst w stabilnym miejscu. Nie zasłaniaj jednak całego przedmiotu. Czasem lepszy będzie osobny panel z nazwą detalu i przyciskiem powrotu, który utrzyma związek między objaśnieniem a wybranym widokiem.

Zawartość etykiety powinna odpowiadać pytaniu o produkt. „Złącze” może wymagać wyjaśnienia, do czego służy i czy dany element znajduje się w zestawie. Nie powtarzaj we wszystkich punktach hasła o jakości. To miejsce na szczegół, którego nie da się równie dobrze zobaczyć w ogólnym zdjęciu.

Fotografia marki i model przestrzenny mogą się uzupełniać. Zdjęcie pokazuje rzeczywisty materiał w określonych warunkach, a model pozwala obejrzeć relacje brył i stron. Uzgodnij role obu materiałów. Nie zmuszaj klienta do uruchamiania sceny, żeby poznał podstawową informację dostępną równie dobrze w zwykłym opisie.

Obraz ma związek z produktem, ale nie mierzy go za klienta

Model może wyglądać bardzo przekonująco, dlatego potrzebuje ustalonego źródła geometrii i materiałów. Czy powstał z dokumentacji produktu, czy jest ilustracją koncepcji? Czy przedstawia aktualną wersję? Właściciel danych powinien móc odpowiedzieć na te pytania, a projekt wskazać zakres, który ma znaczenie dla odbiorcy.

Oświetlenie i sposób wyświetlania wpływają na obraz. W opublikowanym w 2021 roku opisie programu Khronos 3D Commerce przedstawiono porównywanie obrazów testowych przeglądarek 3D ze wzorcem. Dotyczy to spójności prezentacji. Sam fakt użycia widoku przestrzennego nie potwierdza wymiarowej zgodności konkretnego modelu z towarem.

Jeżeli klient ocenia dopasowanie do miejsca, pokaż potwierdzone wymiary produktu. Kamera perspektywiczna i ekran o nieznanym rozmiarze nie powinny wymuszać oceny centymetrów na oko. Odbiorca może oglądać ten sam przedmiot w różnym powiększeniu, więc wizualna wielkość ma inną rolę niż opis pomiaru.

Podobnie traktuj obliczenia związane z produktem. Kalkulator ilości potrzebuje jawnych danych i reguły, nawet jeśli wynik pojawia się przy modelu. Przesuwanie elementów w scenie może ułatwiać zrozumienie układu, ale liczba oraz zgodność części powinny wynikać z tego samego, zdefiniowanego źródła co pozostałe widoki sklepu.

Nie zmieniaj cech produktu dla lepszej kompozycji. Model marketingowy może zostać uproszczony, lecz trzeba wiedzieć, co ta zmiana usuwa. Jeśli scena pomija ważny element, pokaż go w innym materiale. Projekt ma prowadzić do sensownej oceny rzeczy, którą klient otrzyma, a nie tylko do zapamiętania wyjątkowo fotogenicznego odpowiednika.

Warianty wykończenia porównuj w zbliżonych warunkach prezentacji. Inne światło dla każdego koloru może utrudniać odróżnienie zmiany materiału od zmiany sceny. Wspólny punkt widzenia i możliwość szybkiego powrotu do poprzedniego wariantu pomagają zachować punkt odniesienia. Te zasady ustal przed przygotowaniem całej serii materiałów. Jeżeli model jest częścią porównywarki konkretnych produktów, zachowaj wspólny widok i zakres informacji pozwalający odpowiedzieć na to samo pytanie.

Pozwól zakończyć oględziny

Scena powinna oddawać uwagę ofercie. Po obejrzeniu detalu klient może chcieć przeczytać parametr, wybrać wersję lub przejść do kontaktu. Zachowaj tę drogę w pobliżu modelu, szczególnie w widoku pełnoekranowym. Efektowna prezentacja nie powinna wymagać znalezienia ukrytego wyjścia przed każdym powrotem do zwykłej strony.

Sprawdź też moment, gdy model nie jest dostępny. Nie każdy odbiorca uruchomi scenę albo zechce na nią czekać. Wariant strony bez WebGL powinien zachować potrzebne informacje i główne działanie. Przygotuj ten stan razem z resztą strony, aby po niedziałającym komponencie nie został pusty prostokąt.

Przygotuj materiały zastępcze odpowiadające najważniejszym widokom. Kadr początkowy może pokazać całość, zdjęcie detal, a rysunek relację części. Nie muszą kopiować każdego możliwego ruchu kamery. Powinny pozwalać rozwiązać główne zadanie, dla którego klient miał uruchomić model, bez konieczności domyślania się brakującej treści.

Zakres Aeneia Design obejmuje autorskie doświadczenia cyfrowe, a odpowiednią formę dobieramy do roli strony i dostępnych materiałów. Na rozmowę o produkcie 3D przynieś dokumentację, aktualne wersje i pytania, które obraz ma wyjaśnić. Wtedy obrót, reset i widoki staną się narzędziami poznania produktu. Sam zachwyt będzie miał na czym stanąć.