Kiedy strona potrzebuje 3D?
Scena czasu rzeczywistego się opłaca, gdy działania odwiedzającego zmieniają to, czego się dowiaduje: obracanie produktu, by zobaczyć, jak jest zbudowany, poruszanie się po budynku lub krajobrazie, porównywanie miejsc obok siebie albo poznawanie systemu, który łatwiej zrozumieć w przestrzeni. Jeśli punkt widzenia i kolejność są stałe, renderowany film lub sekwencja klatek jest prostsza w produkcji i testowaniu, a nadal może wyglądać filmowo.
3D najczęściej sprawdza się w prezentacjach produktów, opowieściach o przestrzeni i architekturze, komunikacji naukowej i badawczej oraz w immersyjnych światach marki na premierę. Jeśli wystarczą animacja i storytelling oparty na przewijaniu, bez sceny, po której można się poruszać, lżejszym rozwiązaniem jest creative development; mapy i dashboardy oparte na danych należą do wizualizacji danych.
Co obejmuje projekt strony 3D
Oferta określa, które elementy wchodzą w zakres, kto tworzy lub dostarcza zasoby 3D i jak odbierany jest każdy z nich.
- Brief narracji i interakcji: co odwiedzający eksplorują, w jakiej kolejności i co robią dalej
- Plan zasobów 3D obejmujący modele dostarczone przez Ciebie, licencjonowane zasoby lub nowe modelowanie, przygotowane jako skompresowane pliki glTF
- Prototyp w przeglądarce ze sterowaniem myszą, dotykiem i klawiaturą na uzgodnionym telefonie i komputerze
- Czytelna treść HTML oraz wersja z ograniczeniem ruchu prowadząca przez tę samą historię
- Odbiór wydajności, urządzeń i wersji zastępczych oraz przekazanie plików źródłowych i licencji zasobów
Janus Observatory: interfejs 3D dla dziesięciu możliwych przyszłości
Janus Observatory to projekt zrealizowany z Blue Marble Space, w którym Dardo zamieniło spekulatywną strukturę badawczą w filmową podróż w przeglądarce. Dziesięć przyszłości od razu rodzi problem nawigacji: zwykła lista zgubiłaby przestrzenne założenie, a jedna długa sekwencja 3D utrudniłaby porównywanie. Dlatego doświadczenie ma kilka warstw. Filmowe otwarcie buduje atmosferę, atlas pokazuje cały zbiór, a obserwatorium pozwala czytać dokładniej, z powrotami, które nie odtwarzają wstępu od nowa.
Warstwa 3D ustanawia skalę i różnice między światami, a etykiety, stan nawigacji i opisy tekstowe przekazują fakty poza renderowaną sceną. Odbiór sprawdza, czy odwiedzający potrafi nazwać bieżący świat, wrócić do atlasu i kontynuować po przejściu na wersję zastępczą; sama liczba klatek na sekundę na to nie odpowie. Build mieści się w budżetach rozmiaru paczek i przechodzi testy QA w przeglądarkach, a wydania są sprawdzane pod kątem regresji wizualnych. Scenariusze mają charakter eksploracyjny, nie są prognozami, i nie deklarujemy żadnych zmierzonych efektów w nauce ani zaangażowaniu.
Wydajność i SEO stron 3D
Wyszukiwarki nie odczytają tego, co jest narysowane w elemencie canvas, dlatego nagłówek, treść, linki i metadane są renderowane jako HTML, zanim załaduje się scena. Obraz zastępczy zajmuje miejsce sceny, jej przestrzeń jest zarezerwowana, by nic się nie przesuwało, a kod 3D ładuje się po pojawieniu się pierwszej treści. Gdy stan doświadczenia zasługuje na to, by znaleźć go w wyszukiwarce, dostaje własny adres URL.
Wydajność mierzymy na rzeczywistych zasobach i docelowych urządzeniach, zamiast obiecywać uniwersalną liczbę klatek na sekundę. Zapisujemy sekwencję ładowania, reprezentatywną interakcję, zużycie pamięci tam, gdzie ma to znaczenie, oraz dopuszczalne obniżenie jakości obrazu na słabszych telefonach, dążąc do progów Core Web Vitals od Google. Nie gwarantujemy pozycji w wynikach; dbamy o to, by warstwa 3D nigdy nie stawała między Twoją treścią a robotem indeksującym.
Wersje zastępcze, ograniczony ruch i dostępność
Odwiedzający powinien nadal rozumieć ofertę, gdy ruch jest ograniczony, kontekst graficzny został utracony lub urządzenie nie udźwignie sceny. Wersją zastępczą może być obraz statyczny, krótkie wideo lub zwykły układ treści, a ma ona zachować możliwość podjęcia decyzji, zamiast wyświetlać błąd. Przy ograniczonym ruchu przeloty kamery zamieniają się w cięcia lub kroki kontrolowane przez odwiedzającego, a elementy interaktywne mają sterowanie z klawiatury i widoczny fokus.
Od czego zależy koszt strony 3D?
Koszt strony 3D zależy od produkcji oryginalnych zasobów, liczby odrębnych scen i stanów interakcji, animacji, programowania grafiki, obsługi urządzeń i testów. Dostarczony model produktu i środowisko stworzone na zamówienie to bardzo różne punkty wyjścia, nawet jeśli oba trafią na jedną stronę, dlatego wycena oddziela kierunek artystyczny, modelowanie lub licencjonowane zasoby, animację, programowanie, treści, dźwięk i wsparcie przy starcie.
Pierwszy kamień milowy to mały działający fragment na uzgodnionym telefonie i przeglądarce desktopowej, z prawdziwym tekstem, jednym reprezentatywnym zasobem i właściwą interakcją. Ujawnia problemy z nawigacją, rozmiarem plików i czasem klatki, zanim powstanie reszta. Oferta wskazuje też, kto może wymieniać treści i modele po starcie. Dardo to trzyosobowy zespół z Bogoty, prowadzony przez założyciela Nicolása Cerona, pracujący po angielsku lub hiszpańsku w godzinach czasu wschodniego i centralnego USA.
Pytania przed wyborem
Ile kosztuje strona internetowa 3D?
Zależy to głównie od produkcji zasobów i liczby scen. Wycenę projektu 3D przygotowujemy, gdy wiemy, czy modele już istnieją, ile potrzeba odrębnych scen i stanów interakcji oraz jakie urządzenia trzeba obsłużyć. Przedziały budżetowe w formularzu zapytania, od poniżej USD 5,000 do USD 60,000 i więcej, pomagają oszacować pierwszą propozycję.
Czy strony 3D szkodzą SEO?
Nie, jeśli treść znajduje się w HTML. Wyszukiwarki nie odczytają tego, co jest narysowane w elemencie canvas WebGL, dlatego nagłówek, tekst, linki i metadane muszą być zwykłą treścią strony, a scena ładuje się później. Tak zbudowana strona 3D jest indeksowana jak każda inna; pozostałe ryzyka to wolne ładowanie i przesunięcia układu, które testujemy przed startem.
Czy strony w Three.js działają na telefonach?
Mogą, jeśli scenę zaprojektowano z myślą o telefonach, a nie tylko pomniejszono z wersji na komputer. Oznacza to skompresowane modele i tekstury, ograniczoną rozdzielczość renderowania, renderowanie tylko wtedy, gdy coś się zmienia, oraz lżejszą wersję dla słabszych urządzeń. Testujemy na uzgodnionym telefonie od pierwszego działającego fragmentu, dzięki czemu ograniczenia mobilne kształtują projekt, a nie zaskakują po premierze.
Czy interaktywna strona 3D zawsze wymaga WebGL?
Nie. Technikę dobieramy do zadania. Jeśli użytkownicy mają zmieniać punkt widzenia lub manipulować obiektem, zwykle najlepsza jest grafika WebGL w czasie rzeczywistym. Stała narracja może korzystać z renderowanych klatek lub wideo i lżejszej warstwy treści, co jest tańsze w produkcji i łatwiejsze do utrzymania w szybkości. Czasem wystarczą warstwowe obrazy i przemyślany ruch.
Kto tworzy modele 3D?
Może to zrobić każda ze stron, a propozycja wskazuje, która. Możesz dostarczyć istniejące modele produktów, które trzeba przygotować do internetu, możemy użyć licencjonowanych zasobów albo zakres może obejmować nowe modelowanie. Każda droga zmienia koszt i czas. Niezależnie od źródła ustalamy formaty plików, limity wielokątów i tekstur oraz to, do kogo należą ostateczne pliki źródłowe i licencje.
Jak długo trwa zbudowanie strony 3D?
Nie ma stałego czasu; zależy on od produkcji zasobów, liczby scen i rund poprawek. Harmonogram ustalamy w propozycji po określeniu zakresu pierwszego działającego fragmentu, bo to on pokazuje, co zwykle przesuwa terminy, na przykład ciężkie modele albo interakcje wymagające przemyślenia pod ekrany dotykowe. Podaj datę premiery na początku, aby można było rozłożyć prace w czasie.
Czy możecie dodać scenę 3D do naszej obecnej strony?
Często tak. Pojedynczą sekcję 3D, na przykład podgląd produktu lub scenę otwierającą, można dodać do istniejącej strony, jeśli jej technologia pozwala ładować scenę po treści strony. Najpierw przeglądamy obecną wersję, a potem określamy zakres sceny, jej wersji zapasowej i budżetu wydajności jako zamkniętego zadania, które można odebrać osobno.
